:root{--bg:#120d0a;--panel:#21160f;--panel2:#2d1d13;--gold:#e8b95e;--red:#a83325;--text:#fff6e7;--muted:#c8ad8a;--line:#604126}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 80% 0,#5e2318 0,#120d0a 36%,#090605 100%);color:var(--text)}
.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{padding:28px;border-right:1px solid var(--line);background:rgba(13,8,5,.72);backdrop-filter:blur(16px)}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:36px}.bee{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--gold),#fff0b6);display:grid;place-items:center;color:#2d1708}.brand b{font-size:24px}.brand small{display:block;color:var(--muted)}
.nav{width:100%;padding:14px 16px;margin:8px 0;border:1px solid var(--line);border-radius:14px;background:#1b110c;color:var(--text);text-align:left;cursor:pointer}.nav.active,.nav:hover{background:linear-gradient(135deg,#64301f,#2b160f);border-color:var(--gold)}.note{margin-top:28px;color:var(--muted);line-height:1.5}
main{padding:32px}.hero{display:flex;justify-content:space-between;gap:24px;align-items:stretch;margin-bottom:24px}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-size:12px}h1{font-size:48px;line-height:1.05;margin:8px 0 12px}.subtitle{color:var(--muted);font-size:18px;max-width:680px}.hero-card{min-width:240px;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#3c1e14,#1b100b)}.hero-card span{color:var(--muted)}.hero-card strong{display:block;margin-top:12px;font-size:28px;color:var(--gold)}
.grid{display:grid;grid-template-columns:420px 1fr;gap:24px}.panel{border:1px solid var(--line);border-radius:26px;background:rgba(33,22,15,.86);box-shadow:0 20px 60px rgba(0,0,0,.25);padding:24px}h2{margin-top:0}.form label{display:block;color:var(--muted);margin:16px 0}.form input,.form select,textarea{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:14px;background:#130c08;color:var(--text);padding:14px;font-size:16px}button[type=submit]{width:100%;margin-top:12px;padding:16px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--gold),#ffdf8d);color:#251106;font-weight:800;font-size:16px;cursor:pointer}.hint{color:var(--muted);font-size:13px;line-height:1.5}.empty{text-align:center;padding:54px 20px;color:var(--muted)}.seal{margin:auto;width:90px;height:90px;border-radius:28px;background:linear-gradient(135deg,#7c2118,var(--red));display:grid;place-items:center;font-size:52px;color:#ffe8b0;border:1px solid #d39b54}.pill-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.pill{border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:#ffe6b0;background:#160d09}.chart{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.pillar{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#2b1a11,#160d09);padding:16px;text-align:center}.pillar b{display:block;color:var(--gold);margin-bottom:8px}.han{font-size:38px;margin:6px 0}.element-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.bar{height:116px;border-radius:14px;background:#120b07;border:1px solid var(--line);display:flex;align-items:end;overflow:hidden}.bar i{display:block;width:100%;background:linear-gradient(180deg,#ffdf8d,var(--gold))}.element small{color:var(--muted)}.summary{margin-top:20px;padding:18px;border-radius:18px;background:#170d09;border:1px solid var(--line);line-height:1.6}.admin{margin-top:24px}.admin p{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}textarea{min-height:110px;resize:vertical;font-size:14px}
@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative}.grid,.hero,.admin-grid{grid-template-columns:1fr;display:grid}h1{font-size:36px}.chart,.element-grid{grid-template-columns:repeat(2,1fr)}}