@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Public+Sans:wght@400;500;600;700&display=swap";:root{--font-sans:Inter,"Public Sans",system-ui,sans-serif;--color-bg:#f5f7fb;--color-surface:#fff;--color-text:#172033;--color-muted:#758096;--color-border:#e7eaf0;--color-primary:#245bd7;--color-sidebar:#111b2e;--color-success:#16804a;--color-warning:#b87900;--color-danger:#c83d48;--radius-sm:8px;--radius-md:12px;--shadow-card:0 2px 10px #18233a08;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none}button{font:inherit;background:var(--color-primary);border:0;color:#fff;border-radius:var(--radius-sm);padding:12px 18px;font-weight:600}p{color:var(--color-muted);font-size:13px;margin:5px 0}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{background:var(--color-sidebar);color:#d8dfeb;padding:var(--space-6) 18px;display:flex;flex-direction:column;position:fixed;width:248px;height:100vh}.brand{display:flex;align-items:center;gap:var(--space-3);font-weight:700;color:#fff}.brand>span{background:var(--color-primary);border-radius:10px;padding:10px 13px;font-size:18px}.brand small,.profile small{display:block;font-weight:400;color:#8290a9;margin-top:3px;font-size:11px}nav{margin-top:34px;display:flex;flex-direction:column;gap:5px}nav b{font-size:10px;color:#66758f;letter-spacing:1.4px;margin:20px 12px 7px}nav a{display:flex;gap:var(--space-3);align-items:center;padding:11px 12px;border-radius:var(--radius-sm);font-size:13px;color:#b6c0d1}nav a.active{background:#1e3357;color:#fff}nav svg{width:17px}.profile{margin-top:auto;border-top:1px solid #26334a;padding-top:18px;display:flex;align-items:center;gap:10px;font-size:12px}.avatar{background:#28456f;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}main{grid-column:2;padding:var(--space-8) 38px;max-width:1440px;width:100%}header{display:flex;justify-content:space-between;align-items:center}header small{color:#667085}h1{font-size:26px;margin:6px 0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin:28px 0}.metrics article,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card)}.metrics article{display:grid;grid-template-columns:44px 1fr;column-gap:13px}.metrics .icon{grid-row:1/4;width:42px;height:42px;border-radius:9px;display:grid;place-items:center}.icon svg{width:19px}.metrics strong{font-size:23px}.metrics span,.metrics small{font-size:11px;color:#7c879a}.amber{background:#fff5db;color:var(--color-warning)}.green{background:#e6f7ed;color:var(--color-success)}.blue{background:#eaf1ff;color:var(--color-primary)}.red{background:#ffeded;color:var(--color-danger)}.grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-4)}.panel-title{display:flex;justify-content:space-between}.panel h2{font-size:15px;margin:0}.panel select{border:1px solid #dfe3ea;border-radius:7px;padding:7px;color:#5f6b7c}table{width:100%;border-collapse:collapse;margin-top:20px;font-size:12px}th{text-align:left;color:#8a94a6;font-size:10px;text-transform:uppercase;padding:10px}td{padding:14px 10px;border-top:1px solid #eef0f4}.status{padding:5px 8px;border-radius:20px;background:#eef2f7}.sCompleted{background:#e7f7ed;color:var(--color-success)}.sInprogress{background:#e9f1ff;color:var(--color-primary)}.sWaitingapproval{background:#fff4dc;color:#9c6900}.ring{width:150px;height:150px;border-radius:50%;margin:23px auto;background:conic-gradient(var(--color-primary) 0 87%,#e9edf4 87%);display:grid;place-items:center}.ring:before{content:"";position:absolute;width:112px;height:112px;border-radius:50%;background:var(--color-surface)}.ring div{position:relative;text-align:center}.ring strong,.ring span{display:block}.ring strong{font-size:27px}.ring span{font-size:11px;color:#8290a3}.legend{display:flex;justify-content:center;gap:15px;font-size:10px;color:#6f7b8e}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#e9edf4;margin-right:5px}.legend .green-dot{background:var(--color-primary)}.process{margin-top:var(--space-4);display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:var(--space-5);align-items:center}.bar span,.bar strong{font-size:11px}.bar div{height:6px;background:#edf0f5;border-radius:4px;margin:10px 0}.bar i{height:100%;display:block;background:var(--color-primary);border-radius:4px}@media(max-width:900px){.app{display:block}aside{display:none}main{display:block;padding:22px}.metrics{grid-template-columns:1fr 1fr}.grid,.process{grid-template-columns:1fr}}