:root{--ink:#0b1220;--panel:#111b2e;--panel2:#17243a;--gold:#d9a441;--gold2:#f5cf78;--cyan:#37c8c0;--sand:#ead9b7;--muted:#91a0b8;--danger:#ef6461;--success:#47c789;--line:rgba(245,207,120,.14)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#203454 0,#0b1220 42%,#070c15 100%);color:#eef3fb;font-family:"Segoe UI",Tahoma,Arial,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:rgba(8,14,25,.9);border-left:1px solid var(--line);padding:24px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 26px}.brand-mark{width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:22px;box-shadow:0 0 30px #d9a44122}.brand h1{font-size:17px;margin:0;color:var(--gold2)}.brand small{color:var(--muted)}
.nav{display:grid;gap:8px}.nav a,.nav button{border:0;background:transparent;color:#ccd6e6;text-align:right;padding:12px 14px;border-radius:10px;font:inherit;cursor:pointer;width:100%}.nav a:hover,.nav a.active{background:linear-gradient(90deg,#d9a44118,#37c8c011);color:#fff}.nav .danger{color:#ffaaa8;margin-top:28px}
.main{padding:28px 34px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar h2{margin:0;font-size:25px}.topbar .eyebrow{color:var(--gold);font-size:12px;letter-spacing:.1em}.user-chip{padding:9px 13px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}
.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat,.card{background:linear-gradient(145deg,rgba(23,36,58,.94),rgba(13,23,39,.96));border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 45px #0004}.stat{padding:18px}.stat b{font-size:25px;color:var(--gold2);display:block;margin-top:8px}.stat span,.muted{color:var(--muted)}.card{padding:20px}.two{grid-template-columns:1.35fr 1fr;margin-top:16px}.card h3{margin:0 0 16px;color:#fff}
table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:right}th{color:var(--gold2);font-size:13px}td{color:#dbe4f2}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#37c8c018;color:#6be1da;font-size:12px}.badge.off{background:#ef646118;color:#ff9996}.btn{border:0;border-radius:10px;background:linear-gradient(135deg,var(--gold),#a87320);color:#111827;padding:10px 15px;font-weight:700;cursor:pointer}.btn.secondary{background:#263a5a;color:#eef3fb}.btn.danger{background:#612b35;color:#ffd7d6}
input,select,textarea{width:100%;background:#0d1728;border:1px solid #2b3c58;color:#fff;border-radius:10px;padding:11px 12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}label{display:grid;gap:7px;color:#bac6d8;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-grid .full{grid-column:1/-1}.flash{padding:12px 15px;border-radius:10px;margin-bottom:18px;background:#47c78922;border:1px solid #47c78955;color:#9ef0c2}.error{padding:10px 12px;background:#ef64611c;border:1px solid #ef646144;border-radius:9px;color:#ffaaa8;margin-bottom:12px}
.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(430px,100%);padding:34px;background:linear-gradient(150deg,#17243af5,#0d1728f5);border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 70px #0008}.login-card .brand{justify-content:center;text-align:right}.login-card form{display:grid;gap:15px}.login-card .btn{margin-top:8px;padding:13px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.resource{padding:13px;border:1px solid var(--line);border-radius:10px;background:#0d1728}.resource b{display:block;color:var(--gold2);font-size:18px}.actions{display:flex;gap:8px;align-items:center}.search{display:flex;gap:8px;max-width:520px;margin-bottom:18px}.pagination{margin-top:18px}.hero-landing{min-height:100vh;display:grid;place-items:center;text-align:center;padding:30px}.hero-landing .crest{font-size:70px;color:var(--gold2);filter:drop-shadow(0 0 25px #d9a44166)}.hero-landing h1{font-size:clamp(42px,8vw,84px);margin:12px 0;background:linear-gradient(#fff4c9,#cf9031);background-clip:text;color:transparent}.hero-landing p{max-width:680px;color:#b9c6d8;font-size:18px;line-height:1.9}.hero-landing .actions{justify-content:center;margin-top:20px}
@media(max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.nav{grid-template-columns:repeat(4,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.main{padding:20px}.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.nav{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:10px}.user-chip{display:none}}
.brand-mark img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.hero-landing .crest{width:110px;height:110px;border-radius:24px;filter:drop-shadow(0 0 25px #d9a44166)}
.content-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.balance-card{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#0d1728}.balance-card textarea{font-family:Consolas,monospace;font-size:12px;direction:ltr;text-align:left}