:root{--orange:#ff5a00;--ink:#15181d;--muted:#667085;--line:#e6e8eb;--bg:#f3f5f7;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}.sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:#171a1f;color:#fff;padding:24px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 26px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--orange);display:grid;place-items:center;font-weight:800}.brand strong{display:block;font-size:21px;letter-spacing:.06em}.brand span{display:block;color:#aab1ba;font-size:12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav p{font-size:10px;color:#77808c;letter-spacing:.17em;font-weight:800;padding:16px 12px 5px;margin:0}.sidebar nav button{border:0;background:transparent;color:#d9dde3;text-align:left;padding:12px 14px;border-radius:11px;cursor:pointer;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:var(--orange);color:#fff}.support{margin-top:auto;border:1px solid #31363e;background:#20242a;border-radius:13px;padding:15px;display:grid;gap:6px;font-size:12px}.support span{color:#aab1ba}main{margin-left:254px;min-height:100vh}header{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}header small,.section-head small,.panel-title small{font-size:10px;letter-spacing:.15em;color:var(--orange);font-weight:800}h1{margin:5px 0 0;font-size:22px}.profile{display:flex;align-items:center;gap:10px;background:#f5f6f7;border:1px solid var(--line);padding:8px 13px;border-radius:14px;font-weight:800}.profile>span:first-letter{color:var(--orange)}.profile span{font-size:12px}.profile small{color:var(--muted);letter-spacing:0}.view{display:none;padding:28px 32px}.view.active{display:block}.hero{background:linear-gradient(105deg,rgba(18,20,24,.98),rgba(38,42,47,.92));border-radius:20px;padding:35px 38px;color:#fff;box-shadow:0 14px 35px rgba(24,28,33,.14)}.hero small{font-size:10px;letter-spacing:.18em;color:#ff8747;font-weight:800}.hero h2{font-size:31px;max-width:760px;line-height:1.15;margin:12px 0}.hero em{font-style:normal;color:#ff6a16}.hero p{color:#c5cad1;margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 7px 22px rgba(30,36,44,.045)}.card{padding:20px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:17px;width:3px;height:38px;background:var(--orange)}.card span{font-size:11px;color:var(--muted)}.card strong{display:block;font-size:31px;margin:9px 0 4px}.panel{padding:20px}.panel-title,.section-head{display:flex;align-items:center;justify-content:space-between}.panel-title h3,.section-head h2{margin:6px 0 0}.badge{font-size:11px;background:#fff1e9;color:#d94c00;padding:7px 10px;border-radius:999px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.status-item{padding:15px;background:#f7f8f9;border-radius:12px}.status-item strong{display:block;font-size:20px}.status-item span{font-size:11px;color:var(--muted)}.section-head{margin-bottom:18px}.primary{border:0;background:var(--orange);color:#fff;padding:11px 16px;border-radius:10px;font-weight:800;cursor:pointer}.empty{min-height:220px;display:grid;place-content:center;text-align:center;gap:8px}.empty span{color:var(--muted);max-width:520px}@media(max-width:900px){.sidebar{width:78px}.brand div:last-child,.sidebar nav p,.sidebar nav button,.support{font-size:0}.sidebar nav button{height:44px}.sidebar nav button:after{content:"•";font-size:22px}main{margin-left:78px}.cards,.status-grid{grid-template-columns:repeat(2,1fr)}}