@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#12223b;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{background:#a5ee00;border:0;padding:12px 17px;border-radius:10px;font-weight:700;cursor:pointer}button:disabled{opacity:.55}button.secondary{background:#eef3f8}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}aside{background:#10233e;color:#fff;padding:30px 20px}h1{font-size:22px;margin:0}h1 span{color:#a5ee00}aside p{color:#aebcd0;font-size:13px}nav{display:grid;gap:9px;margin:45px 0}nav a{color:#e5edf5;text-decoration:none;padding:12px;border-radius:8px}nav a:hover{background:#243c59}main{padding:34px;min-width:0}header,.heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}header small{letter-spacing:2px;color:#65738a;font-size:11px}h2{font-size:29px;margin:8px 0 24px}h3{margin:0 0 18px;font-size:18px}.actions{display:flex;gap:10px}.actions select,input{border:1px solid #d8e0e9;border-radius:10px;padding:12px;background:#fff}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:10px 0 20px}.kpis article,.panel{background:#fff;border:1px solid #e3e8ef;border-radius:15px;padding:22px;box-shadow:0 4px 16px #17253d08}.kpis small{display:block;color:#63758b;font-size:12px;margin-bottom:16px}.kpis strong,.panel>strong{font-size:clamp(18px,2vw,27px);letter-spacing:-.6px}.panel{margin-bottom:20px}.heading span{font-size:12px;color:#63758b}.green{background:#18a66b}.amber{background:#efad37}.heading i{display:inline-block;width:10px;height:10px;border-radius:3px;margin:0 4px}.chart{display:flex;gap:9px;overflow-x:auto;min-height:205px;align-items:flex-end;padding:20px 0}.day{min-width:46px;flex:1;text-align:center}.bars{height:155px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{width:17px;border-radius:4px 4px 0 0}.day small,.hint{font-size:12px;color:#718197}.empty{padding:60px 0;text-align:center;color:#718197}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two .panel p{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding-bottom:12px}.login{min-height:100vh;display:grid;place-content:center}.login form{background:#fff;border:1px solid #dce4ee;border-radius:18px;padding:35px;display:grid;gap:15px;min-width:min(90vw,390px)}.login label{display:grid;gap:7px}.login h1 span{color:#548400}[role=alert]{color:#b42318}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}aside p,nav{display:none}main{padding:18px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.two{grid-template-columns:1fr}.kpis{gap:8px}.kpis article{padding:14px}.kpis strong{font-size:17px}header{align-items:flex-start}h2{margin-bottom:10px}}nav .navitem{background:transparent;color:#e5edf5;text-align:left;font-weight:500;padding:12px;border-radius:8px}nav .navitem:hover,nav .navitem:focus{background:#243c59}.legacy{background:#fff;padding:20px;border-radius:15px}.legacy .panel{box-shadow:none}.legacy label{display:block;margin:12px 0}.legacy input,.legacy select,.legacy textarea{max-width:100%;margin-top:5px}.legacy .form-grid,.legacy .rate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.legacy .rate-card{border:1px solid #e3e8ef;border-radius:12px;padding:14px}.legacy details{border:1px solid #e3e8ef;border-radius:12px;padding:14px;margin:12px 0}.legacy summary{font-weight:700;cursor:pointer}.legacy table{width:100%;display:block;overflow:auto}.legacy button{margin:5px}.legacy p{line-height:1.5}@media(max-width:900px){aside{flex-wrap:wrap}aside nav{display:flex;overflow:auto;order:3;flex-basis:100%;margin:0}aside nav .navitem{white-space:nowrap}.legacy{padding:10px}}:root{--navy:#071c36;--navy2:#102d4c;--lime:#a7ed00;--ink:#12243c}body{background:#f3f6fa}.login{padding:0;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);min-height:100vh}.login-story{background:radial-gradient(ellipse at 85% 12%,#21496b 0%,transparent 42%),linear-gradient(145deg,#06172c,#102f4e);color:#fff;padding:clamp(30px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:460px;height:460px;border:1px solid #ffffff16;border-radius:50%;right:-190px;bottom:-170px;box-shadow:0 0 0 75px #ffffff06,0 0 0 150px #ffffff04;pointer-events:none}.story-brand{display:flex;align-items:center;gap:14px;font-size:21px;font-weight:800;letter-spacing:.03em}.story-brand img{width:66px;height:66px;object-fit:contain}.story-brand b{color:var(--lime)}.story-content{position:relative;z-index:1;max-width:630px}.eyebrow{color:#6eac00;font-weight:800;letter-spacing:.16em;font-size:11px}.story-content .eyebrow{color:var(--lime)}.story-content h1{font-size:clamp(36px,4.1vw,62px);line-height:1.13;letter-spacing:-.045em;margin:23px 0}.story-content h1 em{font-style:normal;color:var(--lime)}.story-content>p{font-size:17px;line-height:1.8;color:#c3d2e2;max-width:530px}.story-features{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.story-features span{border:1px solid #ffffff2b;border-radius:100px;padding:11px 15px;color:#e5eef7;font-size:12px}.login-story footer{color:#9ab0c6;font-size:12px}.login-access{background:#f7f9fc;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(26px,4vw,60px)}.access-top,.access-bottom{width:min(100%,430px)}.access-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em;color:#74859a}.access-top img{width:54px;height:54px;object-fit:contain}.login-access form{min-width:0;width:min(100%,430px);padding:38px;background:#fff;border:1px solid #e1e7ee;border-radius:22px;box-shadow:0 20px 65px #0d27400d;gap:17px}.login-access form h2{font-size:28px;letter-spacing:-.04em;margin:0;color:var(--navy)}.login-access form p{color:#697c90;font-size:14px;line-height:1.6;margin:0 0 10px}.login-access label{color:#253b53;font-size:13px;font-weight:700;gap:9px}.login-access input{width:100%;padding:15px 14px;background:#fbfcfe;border:1px solid #d9e2ed;outline:none}.login-access input:focus{border-color:#729f19;box-shadow:0 0 0 3px #a7ed0029}.login-access button{margin-top:7px;background:var(--lime);padding:16px;color:var(--navy);font-weight:800}.access-note{color:#8090a2;text-align:center;font-size:11px}.access-bottom{text-align:center;font-size:11px;color:#8b9aab}.aside-brand{display:flex;align-items:center;gap:10px}.aside-brand img{width:49px;height:49px;object-fit:contain}.aside-brand h1{font-size:20px}.aside-brand p{margin:5px 0 0}.shell nav .navitem{width:100%}.shell nav .navitem:focus-visible{outline:2px solid var(--lime)}@media(max-width:850px){.login{grid-template-columns:1fr}.login-story{min-height:0;padding:24px}.story-content,.login-story footer{display:none}.login-access{min-height:calc(100vh - 115px);padding:24px 18px;gap:28px}.login-access form{padding:26px}.story-brand img{width:48px;height:48px}}.permission-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f3f6fa}.permission-card{width:min(100%,460px);background:#fff;border:1px solid #dfe6ef;border-radius:20px;padding:36px;text-align:center;box-shadow:0 20px 55px #0d27400d}.permission-card img{width:76px;height:76px;background:#071c36;padding:8px;border-radius:16px}.permission-card h1{font-size:23px;margin:20px 0 10px}.permission-card p{font-size:14px;color:#62748b;line-height:1.6}.permission-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:24px}.op-dashboard{display:grid;gap:18px}.op-toolbar,.op-panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.op-toolbar strong{font-size:16px}.op-toolbar p,.op-panel-head p{margin:5px 0;color:#667b91;font-size:12px}.op-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.op-filters label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#566b81}.op-filters select{padding:10px;border:1px solid #d9e3ed;border-radius:8px;background:#fff;min-width:110px}.op-filters button{display:flex;align-items:center;gap:7px;padding:11px 14px}.op-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.op-kpis article,.op-panel{background:#fff;border:1px solid #dce5ef;border-radius:13px;padding:18px;min-width:0}.op-kpis article{border-top:3px solid #a7ed00}.op-kpis article:nth-child(2){border-top-color:#19a76d}.op-kpis article:nth-child(3){border-top-color:#3581ef}.op-kpis article:nth-child(5){border-top-color:#f0a127}.op-kpis article:nth-child(6){border-top-color:#ed6262}.op-kpis article span{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#5c7088;font-size:12px;font-weight:600}.op-kpis article span svg{color:#56839d}.op-kpis article strong{display:block;font-size:29px;color:#0c2543;margin:12px 0 6px}.op-kpis article small{color:#7d8c9c;font-size:11px}.op-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.op-panel h3{font-size:15px;margin:0 0 18px;color:#102a47}.op-progress{display:grid;grid-template-columns:minmax(110px,1.3fr) minmax(70px,2fr) 35px;gap:10px;align-items:center;margin:14px 0;font-size:12px;color:#62758c}.op-progress>div{height:10px;border-radius:8px;background:#edf1f6;overflow:hidden}.op-progress i{display:block;height:100%;border-radius:8px;background:#2383de}.op-progress b{text-align:right;color:#102a47}.op-alert{display:flex;justify-content:space-between;gap:12px;padding:13px 12px;margin:8px 0;background:#f7f9fc;border-left:3px solid #a7ed00;border-radius:6px;font-size:12px}.op-alert b{font-size:15px}.op-footnote{font-size:11px;color:#71849a;line-height:1.5}.op-panel-head h3{margin-bottom:4px}.op-panel-head>span{font-size:11px;color:#71849a}.op-table-wrap{overflow-x:auto}.op-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.op-table th{text-align:left;background:#f2f5f9;color:#52667d;font-weight:700;padding:13px 10px}.op-table td{padding:13px 10px;border-bottom:1px solid #edf1f6}.op-table tr:hover td{background:#f8fbfd}.op-status{display:inline-block;padding:5px 9px;background:#eef4f9;border-radius:20px;color:#204565;font-weight:700;font-size:11px}.op-empty{text-align:center;padding:25px;color:#8493a4;font-size:13px}.op-secondary{background:#eaf0f6;color:#16324f;font-size:12px}.op-admin-tools{margin-top:18px;border-top:1px solid #e5ebf1;padding-top:16px}.op-admin-tools .panel{border:0;padding:0;box-shadow:none}.legacy:has(.op-dashboard){padding:0;background:transparent}.shell nav .navitem{transition:background .15s}.shell nav .navitem:active{background:#304e6a}@media(max-width:1050px){.op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.op-two,.op-kpis{grid-template-columns:1fr}.op-toolbar,.op-filters{align-items:stretch}.op-filters label{flex:1}.op-filters button{justify-content:center}}
