*{box-sizing:border-box;margin:0;padding:0} :root{font-family:"Courier New",monospace;color:#e8f5e9;background:#07110f;--green:#42e6a0;--dark:#10231d;--border:#216b50;--muted:#86ad98} body{min-height:100vh;background:radial-gradient(circle at 70% 10%,#1d4937 0,#0b1c16 35%,#050b09 100%);color:#e8f5e9} body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#8cffc5 4px);mix-blend-mode:screen}.container{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;padding:28px 18px;background:linear-gradient(180deg,rgba(4,14,11,.96),rgba(12,34,26,.96));border-right:1px solid var(--green);box-shadow:8px 0 30px #0008}.logo,.page-title,.stat-value{color:var(--green);text-shadow:0 0 12px #42e6a077}.logo{font-size:24px;font-weight:bold;text-transform:uppercase;letter-spacing:2px}.logo-sub,.page-subtitle,.nav-label,.stat-label,.stat-unit{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.logo-sub{margin:7px 0 35px}.nav-section{margin-bottom:25px}.nav-label{color:var(--green);margin:0 8px 8px}.nav-link{display:block;margin:5px 0;padding:11px 12px;color:#aac8b5;text-decoration:none;border:1px solid transparent;border-radius:5px;text-transform:uppercase;font-size:12px}.nav-link:hover,.nav-link.active{color:var(--green);border-color:var(--green);background:#42e6a01a;box-shadow:0 0 14px #42e6a033}.user-section{position:absolute;bottom:22px;left:18px;right:18px;border-top:1px solid var(--border);padding-top:18px}.user-info{display:flex;gap:10px;align-items:center;margin-bottom:12px}.user-avatar{width:38px;height:38px;border-radius:50%;border:1px solid var(--green)}.user-name{color:var(--green);font-size:13px}.user-role{font-size:11px;color:var(--muted);text-transform:uppercase}.logout-btn,.btn{font:inherit;text-transform:uppercase;cursor:pointer;border-radius:4px;padding:10px 14px}.logout-btn{width:100%;color:#ff7d7d;background:#ff4b4b12;border:1px solid #d95353}.main{grid-column:2;padding:38px 42px;max-width:1250px;width:100%}.header{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--border);padding-bottom:20px;margin-bottom:25px}.page-title{font-size:32px;text-transform:uppercase;letter-spacing:3px}.status{font-size:12px;text-transform:uppercase;color:#4deda1}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4deda1;box-shadow:0 0 10px #4deda1;margin-right:7px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.stat-box,.card{background:linear-gradient(135deg,#102a21dd,#0c1a16dd);border:1px solid var(--border);box-shadow:0 0 22px #0005}.stat-box{padding:18px;text-align:center;min-height:105px}.stat-value{font-size:26px;font-weight:bold;margin:8px 0 3px}.card{padding:22px;margin-bottom:20px}.card-title{color:var(--green);font-size:16px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:18px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.setting-row label{font-size:12px;color:#b2d1bb}.setting-row select,.setting-row input{width:145px;background:#07130f;color:var(--green);border:1px solid var(--border);padding:9px;border-radius:3px;font:inherit;font-size:12px}.setting-row select:focus,.setting-row input:focus{outline:1px solid var(--green)}.admin-section{border-left:3px solid #f3b83f;background:#f3b83f0d;padding:15px}.admin-label{color:#f3b83f;font-size:11px;text-transform:uppercase;margin-bottom:12px}.btn{color:var(--green);background:#42e6a014;border:1px solid var(--green);margin:0 7px 5px 0}.btn:hover{background:#42e6a033;box-shadow:0 0 12px #42e6a044}.btn.danger{color:#ff7777;border-color:#d95353}.btn.primary{background:var(--green);color:#07110f}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--green);background:#42e6a014;padding:12px;border-bottom:1px solid var(--green);text-transform:uppercase}td{padding:12px;border-bottom:1px solid var(--border);color:#b2d1bb}.text-success{color:#42e6a0}.text-warning{color:#f3b83f}@media(max-width:800px){.container{display:block}.sidebar{position:relative;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--green)}.user-section{position:static;margin-top:25px}.main{padding:24px 16px}.grid,.grid.two{grid-template-columns:1fr 1fr}.header{align-items:start;gap:15px;flex-direction:column}}@media(max-width:480px){.grid,.grid.two{grid-template-columns:1fr}.page-title{font-size:24px}}