*{box-sizing:border-box}body{margin:0;background:#f4f7f8;color:#183140;font:13px "DM Sans",sans-serif}:root{--navy:#071b2b;--teal:#18c4b2;--muted:#70848e;--line:#e2eaed}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-brand{background:radial-gradient(circle at 70% 25%,#17465b,#0a2639 48%,#061725);color:white;padding:42px max(6%,calc((50vw - 570px)/2));display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-brand:after{content:"";position:absolute;width:540px;height:540px;border:1px solid #18c4b222;border-radius:50%;right:-190px;bottom:-220px;box-shadow:0 0 0 60px #18c4b20a,0 0 0 120px #18c4b208}.brand,.side-brand{display:flex;align-items:center;gap:11px;color:white;font:800 15px Manrope;letter-spacing:.07em;text-decoration:none}.brand small,.side-brand small{display:block;font:600 8px "DM Sans";letter-spacing:.15em;color:#91aab7;margin-top:4px}.mark{width:43px;height:43px;border:1px solid var(--teal);border-radius:8px;display:grid;place-items:center;font:800 22px Manrope}.mark span{color:var(--teal)}.hero-copy{margin:auto 0;max-width:480px;position:relative;z-index:1}.hero-copy>small,.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:800;color:var(--teal)}.hero-copy h1{font:800 clamp(42px,5vw,65px)/1.1 Manrope;letter-spacing:-.05em;margin:18px 0}.hero-copy h1 em{color:var(--teal);font-style:normal}.hero-copy p{color:#bdd0d9;line-height:1.8;max-width:400px}.feature-points{display:flex;flex-direction:column;gap:10px;color:#d0e0e6;font-size:11px;margin-top:30px}.auth-brand footer{font-size:9px;color:#78909d;position:relative;z-index:1}.auth-panel{display:grid;place-items:center;padding:30px}.auth-card{width:min(390px,100%)}.auth-card h2{font:800 28px Manrope;letter-spacing:-.04em;margin:10px 0 4px}.muted{color:var(--muted);font-size:12px}.auth-card label,.field{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:700;color:#506873;margin:16px 0}.auth-card input,.field input,.field select,.field textarea{padding:12px;border:1px solid #dce6e9;border-radius:5px;background:#fbfdfd;color:#183140;outline:none}.auth-card input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #18c4b21b}.primary{border:0;background:var(--teal);color:#052434;padding:12px 16px;border-radius:4px;font-weight:800}.primary:hover{background:#5be0d1}.primary span{float:right}.full{width:100%;margin-top:10px}.hint{background:#f0f7f7;padding:13px;border-radius:5px;margin-top:18px;font-size:10px;color:#687e88;line-height:1.7}.hint b{color:#1b3948}.tiny{font-size:9px;color:#8b9ba2;line-height:1.5}.message{font-size:11px;color:#b34b4b;margin-top:10px;min-height:15px}
.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);color:#d4e1e7;padding:21px 15px;display:flex;flex-direction:column;z-index:20}.side-brand{padding:0 7px 25px;border-bottom:1px solid #1b394a;font-size:13px}.side-brand .small{width:35px;height:35px;font-size:18px}.side-brand small{font-size:7px}.side-label{font-size:8px;color:#6f8997;letter-spacing:.16em;font-weight:800;margin:23px 10px 10px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.nav{border:0;background:transparent;color:#a9bdc7;text-align:left;padding:11px;border-radius:5px;font-size:15px}.nav span{font-size:11px;font-weight:600;margin-left:9px}.nav:hover,.nav.active{background:#12384d;color:white}.nav.active:first-letter{color:var(--teal)}.side-bottom{margin-top:auto}.secure-note{display:flex;gap:9px;align-items:center;background:#0d2b3e;padding:12px;border-radius:5px}.secure-note>span{color:#2bd4b8}.secure-note div{display:flex;flex-direction:column}.secure-note b{font-size:10px}.secure-note small{font-size:9px;color:#8ba4b1}.signout{margin-top:12px;border:0;background:none;color:#aec0c8;padding:10px;font-size:11px}.main{margin-left:240px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:10}.crumb{font-size:10px;color:#8999a1}.crumb span{margin:0 10px;color:#c1ccd1}.crumb b{color:#203b4b}.top-right{display:flex;align-items:center;gap:13px}.secure-pill{font-size:8px;font-weight:800;letter-spacing:.1em;color:#087e72;background:#e5f8f4;padding:6px 8px;border-radius:3px}.top-right select{max-width:210px;padding:8px;border:1px solid var(--line);border-radius:4px;font-size:10px;background:#fff;color:#35515e}.user{display:flex;align-items:center;gap:8px}.avatar{width:30px;height:30px;border-radius:50%;background:#dff7f3;color:#087f79;display:grid;place-items:center;font-weight:800}.user div:last-child{display:flex;flex-direction:column}.user b{font-size:10px}.user small{font-size:9px;color:#82939b}.mobile-menu{display:none}.content{padding:26px 28px 40px;flex:1;max-width:1600px;width:100%;margin:auto}.footer{border-top:1px solid var(--line);padding:13px 28px;color:#8b9ba3;font-size:9px;display:flex;justify-content:space-between}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.page-head h1{font:800 24px Manrope;letter-spacing:-.04em;margin:0 0 4px}.page-head p{font-size:11px;color:var(--muted);margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #dce6e9;background:#fff;color:#405965;padding:9px 12px;border-radius:4px;font-size:10px;font-weight:700}.btn.teal{background:var(--teal);border-color:var(--teal);color:#052434}.btn:hover{border-color:#18b8a8}.banner{background:#edf8f6;border:1px solid #ccece6;color:#3d7770;padding:11px 13px;border-radius:5px;font-size:10px;margin-bottom:15px}.grid-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.kpi,.panel,.table-panel{background:white;border:1px solid var(--line);border-radius:6px}.kpi{padding:15px}.kpi small{font-size:8px;color:#82939b;letter-spacing:.1em;font-weight:800}.kpi strong{display:block;font:800 25px Manrope;margin:6px 0 1px}.kpi span{font-size:9px;color:#84949c}.split-panels{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin-bottom:14px}.panel{padding:16px}.panel h3,.table-head h3{font:700 13px Manrope;margin:0}.panel-head,.table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-head small{font-size:8px;color:#8999a1}.bars{height:150px;display:flex;align-items:end;gap:12px;border-bottom:1px solid #e8eef0;padding:0 8px}.bars div{flex:1;background:linear-gradient(#22cbbb,#0c8c87);border-radius:3px 3px 0 0;position:relative}.bars i{font-style:normal;position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);font-size:8px;color:#8798a0}.legend{font-size:9px;color:#85959d;margin-top:28px}.stat-row{margin:13px 0}.stat-row>div:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:5px}.track{height:6px;background:#edf1f2;border-radius:5px;overflow:hidden}.track span{display:block;height:100%;background:#18b99f}.track .amber{background:#e5aa48}.track .red{background:#d66b65}.table-panel{overflow:hidden}.table-head{padding:15px 16px;margin:0;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;background:#fafcfc;color:#84959d;font-size:8px;letter-spacing:.1em;padding:11px 14px}td{padding:12px 14px;border-top:1px solid #edf1f2;font-size:10px;color:#536a76}td strong{color:#193646}.status{display:inline-block;padding:4px 7px;border-radius:20px;font-size:8px;font-weight:800;background:#e6f6f0;color:#16866e}.status.open{background:#fff3df;color:#a67520}.status.progress{background:#e8f3ff;color:#3976a8}.status.high{background:#ffebea;color:#bd504b}.status.medium{background:#fff4df;color:#a67520}.empty{padding:30px;text-align:center;color:#8798a0;font-size:11px}.search{border:1px solid var(--line);padding:8px 10px;border-radius:4px;font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.field{margin:8px 0}.field.fullrow{grid-column:1/-1}.modal-back{position:fixed;inset:0;background:#06152199;display:grid;place-items:center;z-index:100;padding:18px}.modal{background:white;width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:8px;padding:21px;box-shadow:0 25px 70px #0004}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-head h3{font:800 17px Manrope;margin:0}.modal-head button{border:0;background:#f0f4f5;border-radius:4px;width:28px;height:28px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast{position:fixed;bottom:20px;right:20px;background:#092a3c;color:white;padding:12px 16px;border-radius:5px;z-index:150;opacity:0;transform:translateY(10px);transition:.2s;font-size:11px;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.loading{padding:30px;color:#748994}.mobile-menu{border:0;background:none;font-size:20px;color:#45606d}
@media(max-width:900px){.sidebar{width:210px}.main{margin-left:210px}.grid-kpi{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.auth-screen{grid-template-columns:1fr}.auth-brand{min-height:270px;padding:24px}.hero-copy{margin:35px 0 10px}.hero-copy h1{font-size:40px;margin:10px 0}.feature-points{display:none}.auth-brand footer{display:none}.auth-panel{padding:28px 22px}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 40px #0003}.main{margin-left:0}.topbar{height:60px;padding:0 12px}.mobile-menu{display:block}.crumb{margin-right:auto;margin-left:9px}.top-right{gap:7px}.secure-pill{display:none}.top-right select{max-width:130px}.user div:last-child{display:none}.content{padding:19px 13px 30px}.page-head{flex-direction:column}.grid-kpi{gap:8px}.kpi{padding:12px}.kpi strong{font-size:22px}.split-panels{grid-template-columns:1fr}.footer{padding:12px 13px;flex-direction:column;gap:5px}.form-grid{grid-template-columns:1fr}.field.fullrow{grid-column:auto}.table-head{align-items:flex-start;gap:9px;flex-direction:column}}

.text-link{display:block;margin:12px 0 0 auto;padding:4px 0;border:0;background:transparent;color:#0e9f91;font:inherit;font-weight:700;cursor:pointer}.recovery-mode #forgotPassword{display:none}