@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Inter,Arial,sans-serif;color:#1c2a42;background:#f6f8fc;font-synthesis:none;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e9edf4;width:246px;flex-shrink:0;display:flex;flex-direction:column;padding:26px 14px;position:sticky;height:100vh;top:0}.brand{display:flex;align-items:center;gap:11px;padding:5px 11px 26px;font-size:17px;font-weight:800;letter-spacing:-.5px}.brand img{width:37px;height:37px}.brand small{display:block;font-size:10px;letter-spacing:1.1px;color:#8995a9;text-transform:uppercase;font-weight:800}.navlabel{color:#a4afbf;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:13px 14px}.navbtn{display:flex;align-items:center;gap:13px;width:100%;padding:11px 13px;border:none;border-radius:11px;background:transparent;text-align:left;color:#64728a;font-weight:650;font-size:13px;margin:2px 0}.navbtn:hover{background:#f5f7ff}.navbtn.active{background:#eef3ff;color:#315fca}.navbtn .glyph{font-size:17px;width:23px;text-align:center}.sidebar-bottom{margin-top:auto;border-top:1px solid #edf0f6;padding-top:17px}.workspace{min-width:0;flex:1}.topbar{background:rgba(255,255,255,.86);border-bottom:1px solid #e9edf4;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 37px;gap:20px}.crumb{font-size:12px;color:#91a0b2}.user{font-size:12px;color:#576982;display:flex;align-items:center;gap:11px}.avatar{background:#e7edff;color:#3865d4;border-radius:12px;font-weight:800;padding:9px 12px}.content{max-width:1450px;padding:31px 38px 70px;margin:auto}.title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px;flex-wrap:wrap}h1{font-size:26px;letter-spacing:-.8px;line-height:1.2;margin:0 0 7px}h2{font-size:16px;letter-spacing:-.3px;margin:0 0 4px}h3{margin:0 0 10px;font-size:14px}.muted{color:#8b99ab;font-size:12px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{background:#fff;border:1px solid #dfe5ef;color:#4c5f7b;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;min-height:39px}.btn:hover{border-color:#a9b8db}.btn.primary{background:#3869db;border:1px solid #3869db;color:white;box-shadow:0 4px 14px #3869db22}.btn.danger{color:#bc3955}.btn.ghost{border-color:transparent;background:transparent}.btn.sm{padding:6px 10px;min-height:31px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.card{background:white;border:1px solid #e8edf5;border-radius:15px;box-shadow:0 7px 27px #23386006}.metric{padding:23px 22px;position:relative;overflow:hidden}.metric .dot{position:absolute;right:22px;top:24px;width:37px;height:37px;border-radius:11px;background:#e9f0ff;display:grid;place-items:center;color:#4777d9}.metric .value{font-size:27px;font-weight:800;letter-spacing:-.9px;margin:16px 0 5px}.metric .label{color:#77869c;font-size:12px;font-weight:650}.metric .foot{color:#a0aebe;font-size:11px}.grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.panel{padding:23px;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.progress{margin-top:13px}.progress-row{display:flex;justify-content:space-between;color:#67778e;font-size:12px;margin-bottom:7px}.track{background:#eff3fa;height:9px;border-radius:8px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#4d79e4,#89a6fb);border-radius:8px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}thead{background:#f8faff;color:#91a0b3;text-transform:uppercase;letter-spacing:.6px;font-size:10px}th,td{padding:13px 14px;border-bottom:1px solid #f0f2f7}tr:hover td{background:#fafbfe}tr:last-child td{border-bottom:0}.pill{display:inline-block;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:800;text-transform:capitalize}.pill.posted,.pill.matched{color:#218568;background:#dff8ed}.pill.review{color:#a66c16;background:#fff2d5}.pill.draft,.pill.unmatched{color:#6277a8;background:#eaf0fb}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.field{border:1px solid #e0e6f0;border-radius:9px;padding:10px 12px;background:#fff;color:#30415d;min-height:39px;min-width:0;font-size:12px;outline:0}.field:focus{border-color:#7b9de8;box-shadow:0 0 0 3px #3869db18}.grow{flex:1}.tablefield{width:145px;border:1px solid #e6eaf2;border-radius:6px;padding:8px 6px;background:white;font-size:11px}.tablefield.amount{width:105px}.smallselect{width:130px}.toolnote{background:#f2f6ff;border:1px solid #e1e9fc;padding:13px 15px;border-radius:10px;color:#637799;font-size:12px;margin-bottom:19px}.blank{padding:40px 20px;text-align:center;color:#96a5b5;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#708099;font-weight:700}.form-grid .wide{grid-column:1/-1}.upload{border:2px dashed #cfdaf0;background:#f9fbff;border-radius:17px;padding:42px 25px;text-align:center;margin-bottom:20px}.upload .icon{font-size:39px;margin-bottom:10px}.upload p{color:#95a2b2;font-size:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 10% 10%,#dce8ff,transparent 35%),radial-gradient(circle at 90% 90%,#edecff,transparent 40%),#f8faff}.login-card{width:100%;max-width:420px;background:white;padding:38px;border-radius:20px;box-shadow:0 25px 65px #273a5a16}.login-card .brand{padding:0 0 23px}.login-card h1{font-size:25px}.login-card label{display:block;font-size:12px;font-weight:800;margin:20px 0 7px;color:#586b85}.login-card .field{width:100%}.login-card .btn{width:100%;margin-top:24px}.toast{position:fixed;right:25px;bottom:25px;z-index:100;background:#1d2c43;color:white;padding:12px 19px;border-radius:12px;box-shadow:0 10px 35px #12203244;font-size:12px;max-width:440px}.table-footer{padding:12px;color:#9cabbc;font-size:11px;border-top:1px solid #eef1f6}.tag{background:#eff4ff;color:#5674aa;font-size:11px;padding:5px 9px;border-radius:7px}.summary-table td:last-child,.summary-table th:last-child{text-align:right}.empty-icon{font-size:27px;opacity:.6}.hint{font-size:11px;color:#98a8b8}.btn:disabled{opacity:.48;cursor:not-allowed}.mobile-nav{display:none}.topbar .menu{display:none}
@media(max-width:1150px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{position:fixed;top:0;bottom:0;z-index:10;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 50px #1f32451a}.sidebar.open{transform:translateX(0)}.topbar{height:64px;padding:0 19px}.topbar .menu{display:inline-flex}.content{padding:22px 15px 85px}.cards{gap:10px}.metric{padding:15px}.metric .value{font-size:21px}.metric .dot{top:14px;right:12px;width:28px;height:28px}.panel{padding:16px}h1{font-size:22px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.mobile-nav{position:fixed;bottom:0;background:white;border-top:1px solid #e8edf5;width:100%;display:flex;z-index:8;justify-content:space-around;padding:8px}.mobile-nav button{border:0;background:transparent;color:#7185a2;font-size:10px;display:flex;gap:2px;align-items:center;flex-direction:column}.mobile-nav button.active{color:#3869db}.mobile-nav span{font-size:17px}.topbar .user .email{display:none}}
.pill.deleted{color:#a23a50;background:#fde8ec}tr.deleted td{opacity:.55}tr.deleted td b{text-decoration:line-through}.filters label{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}td .btn+.btn{margin-left:4px}
#view th,#view td{padding-left:10px;padding-right:10px}#view td:last-child{white-space:normal;min-width:200px}#view td:last-child .btn{margin:2px 4px 2px 0}
#view td:nth-child(5),#view td:nth-child(6){white-space:normal;min-width:96px}#view td:last-child .btn.sm{padding:5px 8px}
.warnrow td{background:#fff8e6}details summary{font-weight:700}