:root{--bg-900: #07120f;--panel: #0f281f;--accent: #c99c2f;--accent-2: #4bb78f;--muted: #bfc9c3;--glass: rgba(255,255,255,.03);--radius: 10px}.site{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg-900),#051010 60%);color:var(--muted);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.site-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;gap:1rem;background:linear-gradient(90deg,#ffffff05,#ffffff03);border-bottom:1px solid rgba(255,255,255,.03);backdrop-filter:blur(6px)}.brand{display:flex;gap:.75rem;align-items:center}.logo{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(circle at 30% 30%,#ffd88a,#c99c2f 40%,#7a5b1e);box-shadow:0 3px 12px #0009,inset 0 -6px 14px #00000040}.site-title h1{margin:0;color:#fff;font-size:1.05rem;letter-spacing:.02em}.site-title small{display:block;color:var(--muted);font-size:.8rem}.main-nav{display:flex;gap:.5rem;align-items:center}.main-nav a{color:var(--muted);text-decoration:none;padding:.45rem .6rem;border-radius:6px;transition:all .14s;font-weight:500}.main-nav a:hover{background:var(--glass);color:#fff;transform:translateY(-1px)}.user-area{display:flex;gap:.5rem;align-items:center}.btn{padding:.45rem .7rem;border-radius:8px;border:none;background:transparent;color:var(--muted);cursor:pointer;font-weight:600}.btn.primary{background:linear-gradient(90deg,var(--accent),#f6d67a);color:#0e0b04;box-shadow:0 6px 18px #c99c2f1f}.btn.outline{border:1px solid rgba(255,255,255,.06)}.app-body{display:grid;grid-template-columns:220px 1fr 300px;gap:1rem;width:min(1200px,100% - 2rem);margin:1.25rem auto;align-items:start;flex:1 0 auto}.panel{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:1rem;box-shadow:0 6px 18px #00000073;border:1px solid rgba(255,255,255,.02)}.sidebar .nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.sidebar .nav-list a{display:flex;align-items:center;gap:.6rem;color:var(--muted);padding:.5rem;border-radius:8px;text-decoration:none;font-weight:600}.sidebar .nav-list a:hover{background:#ffffff05;color:#fff;transform:translate(4px)}.rightbar .widget{margin-bottom:.75rem}.content-area .content-inner{display:flex;flex-direction:column;gap:1rem}.hero{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem;border-radius:8px;background:linear-gradient(135deg,#4bb78f0f,#c99c2f0a);border:1px solid rgba(255,255,255,.02);color:#fff}.hero h2{margin:0;font-size:1.6rem;letter-spacing:-.02em}.hero p{margin:0;color:#ffffffd9}.grid-2{display:grid;grid-template-columns:1fr 360px;gap:1rem}.news-list{display:flex;flex-direction:column;gap:.6rem}.news-item{background:linear-gradient(180deg,#ffffff03,#fff0);padding:.8rem;border-radius:8px;display:flex;gap:.8rem;align-items:start;border:1px solid rgba(255,255,255,.02)}.news-item h4{margin:0;color:#fff;font-size:1rem}.news-item p{margin:0;color:var(--muted);font-size:.9rem}.server-status{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem;border-radius:8px}.status-online{color:#8ef0b5;font-weight:700}.status-offline{color:#f08b8b;font-weight:700}footer.site-footer{padding:.9rem 1.25rem;border-top:1px solid rgba(255,255,255,.02);text-align:center;color:var(--muted);font-size:.9rem;background:linear-gradient(0deg,rgba(0,0,0,.02),transparent)}@media (max-width: 980px){.app-body{grid-template-columns:1fr;padding-bottom:1rem;width:calc(100% - 2rem)}.rightbar{order:3}.sidebar{order:2;display:flex;justify-content:center}.hero{flex-direction:column;align-items:flex-start}.grid-2{grid-template-columns:1fr}}