:root{--navy:#12355b;--teal:#0e9f9a;--ink:#17212b;--muted:#637381;--paper:#fff;--bg:#f4f7fa;--line:#dde5ec;--warn:#c56a00;--danger:#b42318;--shadow:0 12px 34px rgba(18,53,91,.11)}*{box-sizing:border-box}body{margin:0;font-family:Tahoma,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading,.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.mark{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:var(--navy);color:#fff;font-size:28px;margin-bottom:18px}.login h1{font-size:26px;margin:0 0 8px}.login p{color:var(--muted);line-height:1.7;margin:0 0 24px}.field{display:grid;gap:7px;margin:14px 0}.field label{font-size:14px;font-weight:700}.field input,.field select,.field textarea{border:1px solid #cbd7e2;border-radius:11px;padding:12px;background:#fff;color:var(--ink);width:100%}.field textarea{min-height:78px;resize:vertical}.button{border:0;border-radius:11px;padding:12px 16px;background:var(--navy);color:#fff;font-weight:700}.button:hover{filter:brightness(1.07)}.button.secondary{background:#e8f1f7;color:var(--navy)}.button.danger{background:var(--danger)}.form-error{margin-top:12px;color:var(--danger);font-size:14px}.shell{max-width:1180px;margin:auto;padding:18px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0 22px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;color:var(--navy)}.brand .mark{width:38px;height:38px;border-radius:12px;font-size:20px;margin:0}.user{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:9px}.pill{background:#e7f7f5;color:#08726f;border-radius:999px;padding:5px 9px;font-weight:700}.nav{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.nav button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:10px;padding:10px 14px;white-space:nowrap}.nav button.active{background:var(--navy);border-color:var(--navy);color:#fff}.content{display:grid;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;box-shadow:0 3px 12px rgba(18,53,91,.035)}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.heading h1,.heading h2{margin:0;color:var(--navy)}.heading p{margin:6px 0 0;color:var(--muted);font-size:14px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:16px;border-radius:14px;background:linear-gradient(135deg,#f1f7fb,#fff);border:1px solid #e2ebf2}.metric strong{display:block;color:var(--navy);font-size:27px;margin-top:8px}.metric span{font-size:13px;color:var(--muted)}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:640px}.table th,.table td{text-align:right;border-bottom:1px solid var(--line);padding:12px 8px;font-size:14px}.table th{color:var(--muted);font-size:12px}.link-button{border:0;background:transparent;color:var(--navy);font-weight:700;padding:0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar input,.filter-controls select{border:1px solid #cbd7e2;border-radius:10px;padding:11px;min-width:min(100%,280px);background:#fff;color:var(--ink)}.filter-controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap;flex:1}.toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-controls select{min-width:170px}.filter-reset{border:0;background:transparent;color:var(--navy);font-weight:700;padding:9px}.result-count{font-size:13px;color:var(--muted);font-weight:700;margin:13px 0 5px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid .wide{grid-column:1/-1}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.notice{border-right:4px solid var(--teal);background:#eaf8f7;padding:12px 14px;color:#075c5a;border-radius:8px;font-size:14px}.empty{color:var(--muted);padding:24px;text-align:center}.modal{position:fixed;inset:0;background:rgba(9,24,39,.48);display:grid;place-items:center;padding:18px;z-index:9}.modal .card{width:min(100%,720px);max-height:86vh;overflow:auto}.modal .close{float:left;border:0;background:#edf2f6;border-radius:9px;padding:8px 11px}.success{color:#08726f;font-size:14px;margin-top:10px}.negative{color:var(--danger);font-weight:700}@media(max-width:760px){.shell{padding:13px}.top{padding-bottom:15px}.user{align-items:flex-end;flex-direction:column}.metrics{grid-template-columns:repeat(2,1fr)}.metric strong{font-size:23px}.split{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.card{padding:15px}.heading h1{font-size:22px}.filter-controls{width:100%}.filter-controls input,.filter-controls select{min-width:100%;width:100%}.toolbar-actions{width:100%}.toolbar-actions .button{flex:1}}