:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1b2233;background:#f3f5fa;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:#364acc;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:256px 1fr}.side{background:#111c36;color:#e7eaf3;min-height:100vh;padding:25px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-size:22px;font-weight:760;display:flex;align-items:center;gap:10px;padding:9px 12px 26px}.brand-symbol{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#5d6ff2;color:white}.tag{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9facce;padding:18px 12px 7px}.nav{display:block;width:100%;text-align:left;border:0;border-radius:10px;background:transparent;color:#b9c4da;padding:11px 12px;font-weight:560}.nav:hover,.nav.active{background:#273657;color:white}.nav .symbol{margin-right:12px}.bottom{border-top:1px solid #2e3a57;margin-top:26px;padding:12px;color:#9facce;font-size:12px}.main{min-width:0}.top{background:#fff;border-bottom:1px solid #e4e8ef;min-height:72px;padding:17px 34px;display:flex;align-items:center;justify-content:space-between;gap:15px}.top-title{font-size:20px;font-weight:700}.user-chip{display:flex;align-items:center;gap:12px;color:#596579}.content{padding:28px 34px;max-width:1450px;margin:auto}.hint{font-size:13px;color:#667086}.muted{color:#68738a}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:700;color:#727e96;margin:0 0 6px}.h1{font-size:27px;margin:0 0 8px;font-weight:750}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.panel{background:white;border:1px solid #e1e7f1;border-radius:16px;padding:22px;box-shadow:0 2px 12px #14204a08;margin-bottom:22px}.panel h2{font-size:17px;margin:0 0 16px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}.metric{background:#fff;border:1px solid #e2e7f0;border-radius:14px;padding:19px;min-height:115px}.metric .value{font-size:27px;font-weight:760;letter-spacing:-.04em;color:#1c2e52;margin-top:14px}.metric .label{color:#6c7892;font-size:12px;font-weight:600}.metric .meta{font-size:11px;color:#7b859b;margin-top:5px}.stack{display:flex;gap:12px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#6e7b92;background:#f7f8fb;text-transform:uppercase;font-size:11px;letter-spacing:.04em;font-weight:680}td,th{padding:12px 11px;border-bottom:1px solid #edf0f5;vertical-align:top}tr:last-child td{border-bottom:none}.table-wrap{overflow:auto}small{color:#717b8c}.button{border:0;background:#5065e8;color:white;padding:10px 15px;border-radius:9px;font-weight:650;white-space:nowrap}.button:hover{filter:brightness(.94)}.button.secondary{background:#eef1ff;color:#384bb0}.button.danger{background:#fff0f1;color:#b43851}.button.plain{background:#f0f3f7;color:#45546f}.button.sm{font-size:12px;padding:7px 10px}.input{border:1px solid #dbe2ed;border-radius:9px;padding:11px 12px;width:100%;background:white;color:#1b2233}.input:focus{outline:2px solid #d9e0ff;border-color:#7183df}.field{display:block;color:#4b5970;font-size:12px;font-weight:650;margin-bottom:12px}.field .input{display:block;margin-top:6px;font-weight:400}textarea.input{min-height:85px}.formrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.badge{display:inline-block;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:700;background:#e9ecf4;color:#4b5669}.badge.approved,.badge.settled{background:#e1f8ed;color:#15734e}.badge.submitted{background:#fff2d8;color:#936413}.badge.returned,.badge.rejected{background:#ffe8e8;color:#a13f43}.badge.draft{background:#edf0f6;color:#65708a}.notice{padding:12px 16px;border-radius:10px;background:#edf5ff;color:#265184;margin-bottom:15px}.notice.error{background:#ffeded;color:#972e45}.notice.ok{background:#e5f7ee;color:#136c4b}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 30% 15%,#dbe2ff,transparent 45%),#eef1f8}.login-card{width:min(430px,100%);background:white;border:1px solid #e3e7ef;border-radius:20px;padding:37px;box-shadow:0 24px 75px #15245313}.login-card h1{font-size:24px;margin:16px 0 7px}.login-card .input{margin-top:6px}.login-card .button{width:100%;margin-top:12px}.login-brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:750}.empty{padding:30px;text-align:center;color:#77849a}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word;font-size:12px}.locked{background:#f7f8fb;border:1px dashed #d6deea;border-radius:13px;padding:22px;margin:10px 0;color:#6d7890}.toast{position:fixed;right:20px;bottom:20px;background:#172342;color:white;padding:15px 20px;border-radius:12px;box-shadow:0 12px 40px #0003;z-index:100}.flex1{flex:1}.text-right{text-align:right}.overflow-auto{overflow:auto}@media(max-width:1080px){.metrics{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:200px 1fr}.top,.content{padding-left:20px;padding-right:20px}}@media(max-width:700px){.app{display:block}.side{position:static;height:auto;min-height:0;display:flex;gap:8px;flex-wrap:wrap;padding:10px}.brand{padding:8px 10px}.tag,.bottom{display:none}.nav{width:auto;padding:9px}.nav .symbol{display:none}.top{padding:14px}.content{padding:17px}.h1{font-size:22px}.metrics,.grid2,.grid3,.formrow{grid-template-columns:1fr}.panel{padding:16px}.section-head{flex-direction:column;align-items:flex-start}.user-chip{font-size:11px}}