@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#172333;font-synthesis:none;--navy:#172333;--muted:#718096;--line:#e4e9ee;--blue:#2877c8;--red:#d45555;--green:#2e9470;--amber:#cc8a31;background:#f5f7f9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0}.app{min-height:100vh;display:flex}.sidebar{color:#dce5ed;background:#172333;flex-direction:column;flex-shrink:0;width:246px;padding:28px 17px 18px;display:flex}.logo{color:#fff;align-items:center;gap:11px;padding:0 13px 54px;font-family:Space Grotesk;font-size:20px;display:flex}.logo span,.brand-mark{color:#245b91;background:#d7e9f9;border-radius:8px;place-items:center;width:31px;height:31px;font-size:18px;font-weight:700;display:grid}.sidebar nav{gap:6px;display:grid}.nav-item{color:#9eabba;text-align:left;background:0 0;border-radius:7px;align-items:center;gap:13px;padding:12px 13px;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#26384b}.sidebar-foot{border-top:1px solid #304052;align-items:center;gap:9px;margin-top:auto;padding:14px 7px 0;display:flex}.sidebar-foot strong{color:#fff;font-size:12px;display:block}.sidebar-foot small{color:#94a4b4;margin-top:3px;font-size:10px;display:block}.avatar{color:#245b91;background:#dceaf6;border-radius:50%;place-items:center;width:29px;height:29px;font-size:12px;font-weight:700;display:grid}.avatar.small{width:34px;height:34px}.icon-button{color:inherit;background:0 0;border-radius:6px;place-items:center;padding:7px;display:grid;position:relative}.icon-button:hover{color:var(--navy);background:#edf2f6}.sidebar .icon-button{color:#8fa2b5;margin-left:auto}.content{flex:1;min-width:0;max-width:1500px;padding:28px 42px 54px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:26px;display:flex}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--navy);font-family:Space Grotesk,sans-serif}header h1{margin-top:6px;font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:#8a99a8;font-size:10px;font-weight:700}.header-actions{align-items:center;gap:14px;display:flex}.header-actions .icon-button{color:#8090a0}.header-actions i{background:#d45555;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:6px}.menu-button{display:none}.welcome-row{justify-content:space-between;align-items:center;padding:31px 0 22px;display:flex}.welcome-row h2{font-size:22px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.secondary,.primary{border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.secondary{color:#5d7081;border:1px solid var(--line);background:#fff}.primary{color:#fff;background:#2877c8}.primary:hover{background:#1e65af}.full{justify-content:center;width:100%}.notice,.error{color:#8a5f24;background:#fff4e2;border-radius:6px;margin-bottom:16px;padding:11px 14px;font-size:12px}.error{color:#a23939;background:#fbeaea}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;border-radius:8px}.metric{align-items:center;gap:12px;padding:17px 16px;display:flex}.metric-icon{border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.metric-icon svg{width:18px}.metric-icon.blue{color:#2877c8;background:#e8f2fc}.metric-icon.red{color:#d45555;background:#fcecec}.metric-icon.green{color:#2e9470;background:#e8f5f0}.metric-icon.amber{color:#cc8a31;background:#fff3e1}.metric small{color:#789;font-size:11px;display:block}.metric strong{margin-top:3px;font:700 24px Space Grotesk;display:block}.trend{color:#378b6f;align-self:flex-start;margin-left:auto;font-size:10px}.dashboard-grid{grid-template-columns:1.2fr .8fr;gap:14px;margin:14px 0;display:grid}.panel{padding:20px}.panel-title{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.panel-title h3{margin-top:5px;font-size:16px}.period,.text-button{color:#718096;background:0 0;font-size:11px}.bar-row{color:#647587;grid-template-columns:130px 1fr 22px;align-items:center;gap:10px;margin:17px 0;font-size:11px;display:grid}.bar{background:#edf1f4;border-radius:5px;height:7px;overflow:hidden}.bar i{background:#6aa5d8;border-radius:5px;height:100%;display:block}.bar-row strong{color:#26384b;font-size:11px}.list-row{border-top:1px solid #edf0f2;align-items:center;gap:10px;padding:12px 0;display:flex}.list-icon{border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.list-icon.amber{color:#cc8a31;background:#fff3e1}.list-row strong{font-size:12px;display:block}.list-row small{color:#8795a2;margin-top:4px;font-size:10px;display:block}.tag{letter-spacing:.3px;border-radius:4px;margin-right:5px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-flex}.tag.blue{color:#2877c8;background:#e9f3fc}.tag.danger{color:#bd4a4a;background:#fceaea}.list-row .tag{margin-left:auto}.sensitive-grid{grid-template-columns:repeat(3,1fr);gap:11px;display:grid}.sensitive-card{border:1px solid var(--line);border-radius:6px;padding:13px}.sensitive-card strong,.sensitive-card small{display:block}.sensitive-card strong{margin:13px 0 4px;font-size:13px}.sensitive-card small{color:#81909f;font-size:10px}.toolbar{justify-content:space-between;align-items:center;padding:25px 0 18px;display:flex}.search{border:1px solid var(--line);color:#90a0af;background:#fff;border-radius:6px;align-items:center;gap:8px;width:300px;padding:0 11px;display:flex}.search input{border:0;outline:0;width:100%;padding:10px 0;font-size:12px}.kanban{grid-template-columns:repeat(5,minmax(170px,1fr));gap:11px;display:grid;overflow:auto}.kanban-col{background:#eef2f5;border-radius:7px;min-height:380px;padding:10px}.col-title{justify-content:space-between;padding:4px 3px 12px;font-size:11px;display:flex}.col-title span{color:#6d7f8d;background:#dce4ea;border-radius:10px;padding:2px 7px}.procedure-card{border:1px solid var(--line);background:#fff;border-radius:6px;margin-bottom:9px;padding:12px;box-shadow:0 2px 3px #17324a0a}.procedure-card>strong{margin-top:12px;font-size:13px;display:block}.procedure-card>small{color:#8b99a5;margin-top:4px;font-size:10px;display:block}.procedure-card footer{color:#7790a2;border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;margin-top:13px;padding-top:9px;font-size:10px;display:flex}.empty-state{text-align:center;max-width:580px;margin:80px auto;padding:50px}.empty-icon{color:#2877c8;background:#e8f2fc;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 16px;display:grid}.empty-state h2{margin-bottom:9px;font-size:21px}.empty-state .primary{margin-top:22px}.table-panel{margin-top:25px}.table-panel table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.table-panel th{color:#8694a1;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.table-panel td,.table-panel th{border-bottom:1px solid #edf0f2;padding:13px 10px}.table-panel td{color:#697b8b}.table-empty{text-align:center;color:#81909f;padding:30px;font-size:12px}.login-shell{background:#f5f7f9;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-art{color:#fff;background:#172333;padding:11vh 10vw;position:relative;overflow:hidden}.login-art:after{content:"";border:1px solid #5a7185;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-130px;right:-170px;box-shadow:0 0 0 38px #203347,0 0 0 39px #5a7185,0 0 0 76px #203347,0 0 0 77px #5a7185}.brand-mark{margin-bottom:65px}.login-art .eyebrow{color:#94b6d2}.login-art h1{color:#fff;max-width:600px;margin:18px 0;font-size:clamp(35px,4.4vw,62px);line-height:1.05}.login-art>p:not(.eyebrow){color:#a9bac8;max-width:410px;line-height:1.7}.login-stats{gap:50px;margin-top:75px;display:flex}.login-stats strong{font:600 25px Space Grotesk;display:block}.login-stats small{color:#8fa2b3;margin-top:4px;font-size:10px;display:block}.login-form{place-self:center;width:min(370px,80%);padding:30px}.login-form h2{margin:12px 0 6px;font-size:30px}.login-form label{color:#5c6f80;margin-top:22px;font-size:11px;font-weight:600;display:block}.login-form input{background:#fff;border:1px solid #dbe3e9;border-radius:5px;outline:0;width:100%;margin-top:7px;padding:12px;font-size:13px;display:block}.login-form input:focus{border-color:#5797ce;box-shadow:0 0 0 3px #e8f2fc}.login-form .primary{margin-top:27px;padding:13px}.login-form>.muted{text-align:center;margin-top:16px;font-size:10px;display:block}@media (width<=900px){.sidebar{z-index:3;height:100vh;transition:transform .2s;position:fixed;transform:translate(-100%)}.sidebar.open{transform:none}.content{padding:22px 18px}.menu-button{float:left;margin-right:10px;display:grid}.content header>div:nth-child(2){align-items:center;display:flex}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.kanban{grid-template-columns:repeat(5,220px)}.sensitive-grid,.login-shell{grid-template-columns:1fr}.login-art{display:none}}@media (width<=520px){.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:12px 9px}.metric strong{font-size:20px}.metric-icon{width:30px;height:30px}.welcome-row{align-items:flex-start;gap:10px}.welcome-row .secondary{padding:9px;font-size:0}.toolbar{gap:8px}.search{flex:1;width:auto}.toolbar .primary{padding:10px;font-size:0}.toolbar .primary svg{margin:0}.header-actions .avatar{display:none}}