:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#173352;background:#f3f7fb;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.hidden{display:none!important}.topbar{color:white;background:linear-gradient(110deg,#071b3c 0%,#0b5a9e 70%,#de344f 100%);box-shadow:0 3px 18px #0c30583a}.topbar-inner{max-width:1250px;margin:auto;padding:13px 20px;display:flex;gap:20px;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;align-items:center}.brand strong{font-size:1.43rem;letter-spacing:.05em}.brand small{display:block;margin-top:3px;font-size:.76rem;opacity:.8}.logo{width:64px;height:55px;object-fit:contain;background:white;border-radius:10px;padding:4px}.account-chip{border-radius:40px;padding:9px 15px;background:#ffffff2c;font-weight:650;font-size:.8rem}.container{max-width:1250px;margin:26px auto;padding:0 20px}.hero{border:1px solid #d8e9f7;border-radius:20px;background:linear-gradient(115deg,#fff,#e7f4fd);padding:36px 40px;display:flex;gap:35px;align-items:center;justify-content:space-between;min-height:225px}.eyebrow,.mini-overline{font-size:.72rem;color:#1475aa;font-weight:820;letter-spacing:.11em}.hero h1{color:#0b315d;line-height:1.12;font-size:clamp(1.65rem,3.4vw,2.7rem);margin:8px 0 14px}.hero p{color:#5a718b;line-height:1.6;max-width:720px;margin:0}.hero-graphic{width:176px;height:162px;border-radius:30px;background:linear-gradient(140deg,#073561,#116fac);border:7px solid #ffffff9c;flex-shrink:0;color:white;box-shadow:0 16px 32px #12466a31;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg)}.hero-graphic span{font-size:1.45rem;letter-spacing:.12em;font-weight:650}.hero-graphic strong{font-size:3.1rem;line-height:1.1}.hero-graphic em{font-size:.9rem;letter-spacing:5px;font-style:normal;color:#f5d6df}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.hero-tags span{border-radius:100px;border:1px solid #cedfe9;padding:6px 11px;font-size:.75rem;color:#1d5f91;background:#fff8;font-weight:670}.card{background:#fff;border:1px solid #dce7f0;border-radius:17px;box-shadow:0 4px 19px #1542700a}.login-card{margin-top:22px;padding:30px;max-width:590px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:18px}.section-heading h2{margin:3px 0 0;font-size:1.42rem}.section-heading p{color:#66809a;font-size:.91rem;line-height:1.5;margin:7px 0 0}.login-form{display:grid;gap:13px;margin-top:19px}.login-form label,.form-grid label{color:#325271;font-size:.89rem;font-weight:650}.login-form input,.form-grid input,.form-grid select,.form-grid textarea,.search-box{width:100%;display:block;margin-top:7px;padding:11px 12px;border-radius:10px;border:1px solid #cadbea;background:white;color:#153450;min-width:0}.login-form input:focus,.form-grid input:focus,.search-box:focus{outline:3px solid #b6def7;border-color:#1983c1}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;white-space:nowrap;border-radius:10px;padding:11px 15px;border:0;font-weight:740;transition:transform .13s,filter .13s}.button:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.button.primary{background:#0d6eaf;color:white}.button.ghost{background:#e7f1f8;color:#1e577f}.button.danger{background:#d94855;color:white}.button.small{padding:7px 10px;font-size:.83rem}.split-line{height:1px;background:#e7edf4;margin:22px 0}.hint,.muted{color:#667e96;line-height:1.55}.hint{font-size:.89rem}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:22px 0 4px}.toolbar h2{font-size:1.42rem;margin:0}.toolbar p{margin:5px 0}.nav{display:flex;gap:7px;flex-wrap:wrap;margin:19px 0}.nav button{border:1px solid transparent;padding:11px 13px;color:#285c81;background:#e6eff7;border-radius:10px;font-weight:760;font-size:.86rem}.nav button.active{background:#116caf;color:#fff}.nav button:hover{border-color:#8fc2e4}.page{padding:25px;margin-top:11px;min-height:170px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.metric{border:1px solid #dceaf4;border-radius:14px;padding:16px;background:#fdfefe}.metric strong{display:block;font-size:1.9rem;color:#126cad}.metric span{font-size:.84rem;color:#5e7893}.notice{background:#eaf5ff;color:#275a7d;padding:13px 16px;border-left:4px solid #2384be;border-radius:7px;line-height:1.5;margin:15px 0}.notice.error{background:#fff0f2;color:#a1223e;border-left-color:#d23e5c}.table-scroll{overflow:auto;max-height:68vh;margin-top:15px;border:1px solid #e4edf5;border-radius:11px}table{border-collapse:collapse;min-width:100%;white-space:nowrap;text-align:left;font-size:.87rem}th,td{padding:11px 12px;border-bottom:1px solid #e3edf5}th{position:sticky;top:0;background:#edf5fb;color:#315e7f;font-weight:770;z-index:1}tbody tr:hover{background:#f6faff}.tag{display:inline-block;padding:4px 8px;border-radius:100px;font-size:.78rem;background:#e5f4e9;color:#1b7a40;font-weight:750}.tag.warn{background:#fff1d9;color:#925f0b}.flex{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.search-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search-box{max-width:420px;margin:0}.modal-overlay{position:fixed;inset:0;background:#091a33c9;display:flex;justify-content:center;align-items:center;padding:16px;z-index:10}.modal-body{width:min(720px,100%);max-height:94vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 80px #0004}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-head h2{margin:0;font-size:1.4rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:17px 14px;margin:20px 0}.form-grid input[type=checkbox]{width:auto;margin-top:13px;accent-color:#1178b6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:7px}.importbox{border:1px dashed #8fb6d2;border-radius:12px;background:#f3f9fe;padding:18px;margin:16px 0}.importbox input{margin-top:12px;max-width:100%}.footer{text-align:center;padding:30px 12px;color:#7e92a5;font-size:.79rem}@media(max-width:700px){.container{padding:0 10px;margin-top:13px}.topbar-inner{padding:10px}.logo{width:50px;height:47px}.brand strong{font-size:1rem}.brand small{font-size:.65rem}.hero{padding:20px}.hero-graphic{display:none}.page{padding:16px}.login-card{padding:21px}.button{padding:9px 12px}.nav button{padding:10px;font-size:.82rem}}