:root{--bg:#090a0d;--panel:#111319;--panel2:#171a21;--line:#272b34;--text:#f4f5f7;--muted:#969ca8;--accent:#ff7518;--danger:#ff5252;--ok:#41c784}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 18% 8%,rgba(255,117,24,.10),transparent 28%),var(--bg);color:var(--text);font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:82px;padding:0 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(9,10,13,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:.06em}.brand small{display:block;color:var(--muted);font-weight:600;letter-spacing:.02em;font-size:11px;margin-top:3px}.brand-mark{width:62px;height:46px;display:grid;place-items:center}.brand-mark img{max-width:100%;max-height:100%;object-fit:contain}.card{background:linear-gradient(145deg,rgba(23,26,33,.96),rgba(14,16,21,.96));border:1px solid var(--line);border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.28)}.input{width:100%;background:#0d0f14;border:1px solid #303540;border-radius:13px;color:var(--text);padding:14px 15px;outline:none}.input:focus{border-color:rgba(255,117,24,.7);box-shadow:0 0 0 3px rgba(255,117,24,.08)}.btn{border:0;border-radius:13px;padding:13px 17px;font-weight:800;cursor:pointer}.btn-primary{background:var(--accent);color:#111}.btn-ghost{background:#171a20;color:#e8e9ec;border:1px solid var(--line)}.btn-danger{background:#3b171a;color:#ffb4b4;border:1px solid #6f292f}.badge{display:inline-flex;border:1px solid rgba(255,117,24,.3);color:#ff9b58;background:rgba(255,117,24,.08);padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.muted{color:var(--muted)}.wrap{max-width:1260px;margin:auto;padding:44px 24px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.app{min-height:220px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}.app:hover{transform:translateY(-4px);border-color:rgba(255,117,24,.45)}.icon{width:68px;height:68px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#1b1e24,#111318);border:1px solid rgba(255,117,24,.22);color:#ff7a1a;padding:13px}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.title{font-size:22px;font-weight:850}.desc{font-size:13px;color:var(--muted);margin-top:5px}.user-pill{display:flex;gap:9px;align-items:center}.avatar{width:35px;height:35px;border-radius:12px;background:#252933;display:grid;place-items:center;font-weight:900}.notice{padding:12px 14px;border-radius:12px;background:#15181f;border:1px solid var(--line);font-size:13px}.notice.error{border-color:#6d2b31;color:#ffc3c7}.notice.ok{border-color:#245f46;color:#bdf4d8}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.split{display:grid;grid-template-columns:280px 1fr;gap:18px}.sidebar{padding:16px}.mail-list{border:1px solid var(--line);border-radius:16px;overflow:hidden}.mail-row{padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer}.mail-row:hover{background:#171a20}.mail-row.unread{font-weight:800}.mail-body{min-height:520px;padding:22px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;place-items:center;padding:20px;z-index:50}.modal.open{display:grid}.modal-card{width:min(720px,100%);padding:22px}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;gap:10px;flex-wrap:wrap}.hidden{display:none!important}@media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media(max-width:580px){.grid{grid-template-columns:1fr}.topbar{padding:0 14px}.wrap{padding:30px 14px}.row{grid-template-columns:1fr}}