*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#13233b}.app{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:238px;background:linear-gradient(180deg,#06213a 0%,#082c4d 55%,#06213a 100%);color:#fff;overflow:auto;padding:12px 10px 92px;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:2px 4px 14px}.crest{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dca63a,#f4d77b);color:#0a2d4a;font-weight:900;border:3px solid #d7e4f3;box-shadow:0 5px 18px #00152b66}.brand strong{font-size:22px}.brand small{display:block;font-size:10px;line-height:1.2;color:#d6e4f4}.nav-section{font-size:10px;letter-spacing:1.2px;color:#86a7c4;padding:15px 8px 7px}nav a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;color:#eef6ff;text-decoration:none;font-size:12px;margin:2px 0}nav a:hover,nav a.active{background:linear-gradient(90deg,#2f6cff,#5563ff);box-shadow:0 4px 14px #234bd544}.nav-ico{width:18px;text-align:center;font-size:14px}.admin-chip{position:fixed;left:10px;bottom:10px;width:218px;padding:10px;border-radius:11px;background:#041b30;display:flex;gap:10px;align-items:center;border:1px solid #123c61}.avatar{width:34px;height:34px;border-radius:50%;background:#fff;color:#0c355a;display:grid;place-items:center;font-weight:800}.admin-chip b{display:block;font-size:11px}.admin-chip small{font-size:9px;color:#9db3c9}main{margin-left:238px;width:calc(100% - 238px)}.topbar{height:64px;background:#06233e;color:#fff;display:flex;align-items:center;gap:20px;padding:0 18px;position:sticky;top:0;z-index:5}.heading{min-width:330px}.heading h1{display:inline;font-size:19px;margin:0}.heading span{font-size:11px;color:#acbfd2;margin-left:8px}.search{margin-left:auto;width:355px;background:#0b355b;border-radius:9px;padding:8px 12px;color:#b7c8da}.search input{width:90%;border:0;outline:0;background:transparent;color:#fff}.top-actions{display:flex;gap:14px;align-items:center;font-size:16px}.datebox{font-size:10px;border:1px solid #34506b;border-radius:8px;padding:6px 9px;text-align:center}.datebox small{display:block;font-size:8px;color:#bbcad8}.logout{color:#fff;text-decoration:none;font-size:10px}.content{padding:14px}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.kpi{background:#fff;border:1px solid #e5ebf2;border-radius:9px;padding:12px;display:flex;gap:10px;align-items:center;box-shadow:0 2px 8px #274d6a10}.kpi .icon{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;font-size:20px;color:#fff;background:linear-gradient(135deg,#6562f4,#8069fa)}.kpi:nth-child(2) .icon{background:linear-gradient(135deg,#3088ff,#1e6ed8)}.kpi:nth-child(3) .icon{background:linear-gradient(135deg,#4bd886,#29b967)}.kpi:nth-child(4) .icon{background:linear-gradient(135deg,#ffab3d,#ff7a12)}.kpi:nth-child(5) .icon{background:linear-gradient(135deg,#8e68f6,#6d55e8)}.kpi:nth-child(6) .icon{background:linear-gradient(135deg,#42cfd2,#18aeb2)}.kpi .label{font-size:10px;color:#61738a}.kpi .num{font-size:22px;font-weight:800}.kpi .delta{font-size:9px;color:#17a557}.grid{display:grid;gap:10px;margin-top:10px}.grid.three{grid-template-columns:1fr 1.15fr 1fr}.grid.two{grid-template-columns:1fr 1fr}.card{background:#fff;border:1px solid #e5ebf2;border-radius:9px;padding:14px;box-shadow:0 2px 8px #274d6a0c}.card h2{font-size:13px;margin:0 0 12px;color:#132e4e;display:flex;justify-content:space-between}.small-link{font-size:9px;color:#1261d5;text-decoration:none}.funnel{display:flex;flex-direction:column;align-items:center;gap:3px}.funnel .f{height:38px;color:#fff;display:flex;justify-content:center;align-items:center;font-size:11px;font-weight:700;clip-path:polygon(8% 0,92% 0,82% 100%,18% 100%);background:#398cf3}.funnel .f:nth-child(2){width:78%;background:#39bf7d}.funnel .f:nth-child(3){width:63%;background:#f4b52f}.funnel .f:nth-child(4){width:49%;background:#ff861c}.funnel .f:nth-child(5){width:36%;background:#ec4c7c}.funnel .f:nth-child(6){width:25%;background:#7657dc}.funnel .f:first-child{width:92%}.spark{height:180px;position:relative;background:linear-gradient(#fff,#fff),repeating-linear-gradient(to bottom,#edf1f6 0,#edf1f6 1px,transparent 1px,transparent 34px)}.spark svg{width:100%;height:100%}.donut-wrap{display:flex;align-items:center;gap:20px}.donut{width:145px;height:145px;border-radius:50%;background:conic-gradient(#2376e8 0 34%,#4ea4f4 34% 56%,#53c87b 56% 72%,#ff9b4c 72% 84%,#e65ac6 84% 92%,#8262e5 92% 100%);position:relative}.donut:after{content:'';position:absolute;inset:31px;background:#fff;border-radius:50%}.donut-center{position:absolute;inset:0;display:grid;place-items:center;z-index:1;font-weight:800;font-size:20px}.legend{font-size:10px;line-height:2}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2677e8;margin-right:6px}.mini-list .item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf1f5;font-size:10px}.mini-list .item b{font-size:10px}.mini-list .meta{margin-left:auto;text-align:right;color:#64758a}.status{display:inline-block;border-radius:12px;padding:3px 8px;font-size:8px;background:#e8f7ee;color:#18924f}.status.warn{background:#fff3df;color:#db7c00}.status.info{background:#e9f1ff;color:#2f6fd7}.status.bad{background:#ffe8ee;color:#cc3862}.pipeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pipe-box{padding:10px;border:1px solid #b7d2ff;border-radius:7px;background:#f7fbff}.pipe-box:nth-child(2){border-color:#b8d2fb}.pipe-box:nth-child(3){border-color:#aee6c8;background:#f7fff9}.pipe-box:nth-child(4){border-color:#ffd0ae;background:#fffaf5}.pipe-box:nth-child(5){border-color:#d8c4ff;background:#fbf8ff}.pipe-box:nth-child(6){border-color:#b9e8ef;background:#f6feff}.pipe-box small{font-size:9px;color:#62758d}.pipe-box strong{font-size:19px;display:block;margin-top:7px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #edf1f4;margin-top:10px;padding-top:9px}.metric small{font-size:8px;color:#64758a}.metric b{font-size:17px;display:block;margin-top:4px}.barrow{display:flex;gap:8px;align-items:center;padding:6px 0;font-size:9px}.barrow span{width:75px}.bar{height:5px;background:#edf2f7;border-radius:8px;flex:1;overflow:hidden}.bar i{display:block;height:100%;background:#4289f6}.table-wrap{overflow:auto}.table-wrap table,table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td,table th,table td{padding:10px 8px;border-bottom:1px solid #edf1f5;text-align:left;font-size:10px}.table-wrap th,table th{color:#65788e;background:#f8fafc;font-size:9px}.btn{display:inline-block;border:0;border-radius:7px;background:#1769d2;color:#fff;padding:8px 11px;font-size:10px;text-decoration:none;cursor:pointer}.btn.alt{background:#eef3fa;color:#1e4f83}.btn.gold{background:#e4ab32;color:#132d4b}.btn.danger{background:#d8445a}.notice{padding:10px 12px;border-radius:8px;margin-bottom:10px;font-size:11px}.notice.ok{background:#eaf8ef;color:#1f7142}.notice.bad{background:#ffecef;color:#a83345}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-grid label{font-size:9px;color:#60738b}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:9px;border:1px solid #d7e1eb;border-radius:7px;margin-top:4px;background:#fff;font-size:11px}.full{grid-column:1/-1}.kanban{display:flex;gap:10px;overflow:auto;padding-bottom:10px}.stage{min-width:225px;background:#eef3f8;border-radius:9px;padding:9px;min-height:320px}.stage h3{font-size:10px;margin:0 0 8px;display:flex;justify-content:space-between}.candidate-card{background:#fff;border:1px solid #e2e8ef;border-left:3px solid #347fe8;border-radius:7px;padding:9px;margin:7px 0;box-shadow:0 2px 5px #33506d0d}.candidate-card b{font-size:10px}.candidate-card small{display:block;color:#6e7f92;font-size:8px;margin-top:4px}.score{float:right;background:#fff0c7;color:#775500;border-radius:6px;padding:2px 5px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{background:linear-gradient(135deg,#072b4b,#0d5c8f);color:white;display:grid;place-items:center;padding:60px;text-align:center}.login-brand h1{font-size:46px;margin:10px 0}.login-brand p{max-width:560px;color:#c9dae9}.login-side{background:#f3f7fb;display:grid;place-items:center}.login-box{width:min(420px,88%);background:#fff;border-radius:15px;padding:30px;box-shadow:0 18px 55px #153b5d24}.login-box h2{margin-top:0}.login-box input{width:100%;padding:11px;border:1px solid #d8e1eb;border-radius:7px;margin:5px 0 13px}.muted{color:#6c7f94;font-size:10px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health{padding:10px;border-radius:7px;border:1px solid #dfe7ef;background:#fff;font-size:10px}footer{font-size:9px;color:#607288;padding:12px 16px;text-align:center}footer span{float:right}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.grid.three{grid-template-columns:1fr}.search{display:none}}@media(max-width:760px){.sidebar{width:70px}.brand>div:not(.crest),nav a span:not(.nav-ico),.nav-section,.admin-chip div:not(.avatar){display:none}.admin-chip{width:50px}.sidebar .admin-chip{left:10px}.main,main{margin-left:70px;width:calc(100% - 70px)}.heading{min-width:0}.heading span,.top-actions span,.datebox{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid.two,.form-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-brand{display:none}}