:root{--bg:#eef2f6;--dark:#07111d;--dark2:#0d1b2a;--panel:#fff;--text:#162233;--muted:#6f7f8f;--line:#dce4ec;--gold:#d6a64f;--gold2:#f0c76b;--soft:#f7f9fb}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.layout{grid-template-columns:290px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#07111d,#0b1826);flex-direction:column;min-height:100vh;padding:24px;display:flex;position:sticky;top:0}.brand{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-bottom:25px;display:flex}.brand img{object-fit:contain;background:linear-gradient(135deg,#fff,#f3f6f9);border:1px solid #ffffff40;border-radius:20px;width:95px;height:95px;padding:12px;box-shadow:0 12px 30px #00000059,0 0 0 1px #d6a64f40}.brand h2{letter-spacing:.8px;margin:0;font-size:21px;font-weight:900}.brand h3{color:var(--gold2);letter-spacing:1.2px;margin:0;font-size:14px}.brand p{color:#9dafc0;margin:5px 0 0;font-size:12px}.nav{flex-direction:column;gap:6px;margin-top:22px;display:flex}.nav a{color:#d8e3ef;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.nav a span{width:22px;color:var(--gold2)}.nav a:hover,.nav a.active{color:#fff;background:#ffffff14}.nav a.active{box-shadow:inset 3px 0 0 var(--gold)}.sidebar-bottom{margin-top:auto}.project-mini{background:#ffffff0f;border:1px solid #ffffff17;border-radius:16px;margin-bottom:14px;padding:16px}.project-mini small{color:var(--gold2);text-transform:uppercase;letter-spacing:.8px;font-weight:800}.project-mini b{margin-top:6px;font-size:15px;display:block}.project-mini p{color:#aebdca;margin:5px 0 0;font-size:12px}.logout{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:13px;font-weight:800}.logout:hover{background:var(--gold);color:#111}.main{padding:30px}.topbar{color:#fff;background-color:#0000;background-image:linear-gradient(120deg,#07111de0,#07111d9e),url(/render.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:26px;justify-content:space-between;align-items:flex-start;gap:20px;padding:34px;display:flex;box-shadow:0 18px 45px #07111d2e}.label{color:var(--gold2);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:900}.topbar h1{margin:8px 0;font-size:38px;line-height:1}.topbar p{color:#d5e0eb;margin:0;font-size:16px}.status{color:var(--dark);background:#fff;border-radius:999px;padding:10px 16px;font-weight:900;display:inline-block}.dashboard-header{border:1px solid var(--line);background:#fff;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding:26px;display:flex}.dashboard-header h2{margin:8px 0;font-size:30px}.dashboard-header p{color:var(--muted);max-width:820px;margin:0;line-height:1.5}.primary-btn{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#201604;cursor:pointer;white-space:nowrap;border:0;border-radius:12px;padding:14px 18px;font-weight:900}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0;display:grid}.kpi-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:22px;box-shadow:0 12px 30px #1526380f}.kpi-card span{color:var(--muted);font-weight:800}.kpi-card b{color:var(--dark);margin:10px 0 5px;font-size:32px;display:block}.kpi-card small{color:var(--muted)}.content-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:22px;padding:24px;box-shadow:0 12px 30px #1526380f}.panel h3{margin:0 0 16px;font-size:22px}.panel-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-title h3{margin:0}.panel-title span{color:var(--gold);font-weight:900}.progress{background:#e8eef4;border-radius:999px;height:10px;margin:18px 0;overflow:hidden}.progress i{background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:999px;height:100%;display:block}.list p{border-bottom:1px solid var(--line);justify-content:space-between;margin:0;padding:12px 0;display:flex}.list p:last-child{border-bottom:0}.list span,.muted{color:var(--muted)}.quick-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.quick-grid a{background:var(--soft);border:1px solid var(--line);border-radius:14px;padding:15px;font-weight:900}.quick-grid a:hover{border-color:var(--gold);background:#fff8ea}.alerts{color:var(--muted);margin:0;padding-left:20px;line-height:1.8}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:12px;outline:none;padding:13px 14px}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px #d6a64f1f}button,.btn{background:var(--gold);cursor:pointer;border:0;border-radius:12px;padding:13px 18px;font-weight:900}@media (max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.layout{grid-template-columns:1fr}.sidebar{min-height:auto;position:relative}.content-grid,.kpi-grid{grid-template-columns:1fr}.dashboard-header,.topbar{flex-direction:column}.main{padding:20px}.topbar h1{font-size:30px}}