:root{--panel-bg: #bd9060;--content-bg: #eddbc5;--border-color: #3f3426;--text-light: #eddbc5;--text-dark: #3f3426;--btn-bg: #294b6f;--btn-text: #fae9da;--btn-hover: #3a6a9a;--status-green: #4caf50;--status-orange: #ff9800;--status-red: #f44336;--font-ui: Verdana, sans-serif;--sidebar-bg: #3f3426;--sidebar-text: #eddbc5;--card-bg: #d4b896;--input-bg: #fff;--input-border: #a08060}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-ui);background:var(--content-bg);color:var(--text-dark);font-size:13px}a{color:var(--btn-bg);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;min-height:100vh}.sidebar{display:flex;flex-direction:column;width:200px;background:var(--sidebar-bg);color:var(--sidebar-text);padding:16px 0;flex-shrink:0}.sidebar h1{font-size:18px;padding:0 16px 16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px;letter-spacing:3px}.sidebar nav a{display:block;padding:10px 16px;color:var(--sidebar-text);font-size:12px;border-left:3px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff14;border-left-color:var(--panel-bg);text-decoration:none}.sidebar .admin-info{padding:12px 16px;font-size:11px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;opacity:.7}.main{flex:1;min-width:0;padding:24px;overflow-y:auto}.mobile-header,.sidebar-backdrop{display:none}.main h2{font-size:16px;margin-bottom:16px;color:var(--text-dark)}.card{background:var(--card-bg);border:1px solid var(--input-border);border-radius:4px;padding:16px;margin-bottom:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--panel-bg);border-radius:4px;padding:16px;text-align:center;color:var(--text-light)}.stat-card .value{font-size:28px;font-weight:700;display:block;margin-bottom:4px}.stat-card .label{font-size:11px;opacity:.8}table{width:100%;min-width:640px;border-collapse:collapse;background:var(--card-bg);border:1px solid var(--input-border);border-radius:4px;overflow:hidden}.table-scroll{max-width:100%;overflow-x:auto;border-radius:4px;-webkit-overflow-scrolling:touch}th{background:var(--panel-bg);color:var(--text-light);font-size:11px;text-align:left;padding:8px 12px;font-weight:400;text-transform:uppercase;letter-spacing:.5px}td{padding:8px 12px;border-top:1px solid var(--input-border);font-size:12px;overflow-wrap:anywhere}tr:hover td{background:#bd906026}.btn{display:inline-block;padding:6px 14px;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:3px;font-size:12px;font-family:var(--font-ui);cursor:pointer}.btn:hover{background:var(--btn-hover)}.btn-danger{background:var(--status-red)}.btn-danger:hover{background:#d32f2f}.btn-success{background:var(--status-green)}.btn-success:hover{background:#388e3c}.btn-warn{background:var(--status-orange)}.btn-warn:hover{background:#e68900}.btn-sm{padding:3px 8px;font-size:11px}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase}.badge-admin{background:#7b1fa2;color:#fff}.badge-mod{background:var(--btn-bg);color:#fff}.badge-user{background:#888;color:#fff}.badge-online{background:var(--status-green);color:#fff}.badge-offline{background:#999;color:#fff}.badge-banned{background:var(--status-red);color:#fff}input,select,textarea{min-width:0;max-width:100%;font-family:var(--font-ui);font-size:12px;padding:6px 10px;border:1px solid var(--input-border);border-radius:3px;background:var(--input-bg);color:var(--text-dark)}input:focus,select:focus,textarea:focus{outline:2px solid var(--btn-bg);outline-offset:-1px}.form-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.form-row label{font-size:11px;min-width:80px}.text-green{color:var(--status-green)}.text-red{color:var(--status-red)}.text-orange{color:var(--status-orange)}.text-muted{opacity:.6}.text-sm{font-size:11px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.flex{display:flex;flex-wrap:wrap}.gap-8{gap:8px}.gap-16{gap:16px}.flex-1{flex:1}.query-notice{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:12px;padding:8px 12px;border:1px solid var(--input-border);border-radius:3px;background:#ffffff59;font-size:11px}.query-error{border-color:var(--status-red);color:#8d1d16}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:16px;overflow-y:auto;background:var(--sidebar-bg)}.login-card{background:var(--panel-bg);padding:32px;border-radius:6px;width:320px;max-width:100%}.login-card h1{color:var(--text-light);font-size:24px;letter-spacing:4px;text-align:center;margin-bottom:4px}.login-card .subtitle{color:var(--text-light);font-size:11px;text-align:center;opacity:.7;margin-bottom:20px}.login-card input{width:100%;margin-bottom:10px}.login-card .btn{width:100%;padding:8px}.login-card .error{color:var(--status-red);font-size:11px;margin-bottom:8px;background:#f443361a;padding:6px 8px;border-radius:3px}.tabs{display:flex;max-width:100%;overflow-x:auto;border-bottom:2px solid var(--input-border);margin-bottom:16px}.tab{flex:0 0 auto;background:transparent;border:0;font-family:var(--font-ui);padding:8px 16px;cursor:pointer;font-size:12px;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--text-dark);opacity:.6}.tab:hover{opacity:1}.tab.active{opacity:1;border-bottom-color:var(--btn-bg);font-weight:700}@media(max-width:767px){.app{display:block}.mobile-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 12px;background:var(--sidebar-bg);color:var(--sidebar-text);box-shadow:0 1px 4px #3f342659}.menu-button{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:3px;background:transparent;color:var(--sidebar-text);font:inherit;cursor:pointer}.menu-button:focus-visible{outline:2px solid var(--panel-bg);outline-offset:2px}.menu-icon{font-size:16px;line-height:1}.mobile-brand{font-size:14px;font-weight:700;letter-spacing:3px}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:min(280px,85vw);height:100vh;height:100dvh;overflow-y:auto;visibility:hidden;transform:translate(-100%);transition:transform .18s ease,visibility 0s linear .18s;box-shadow:4px 0 12px #00000040}.sidebar.is-open{visibility:visible;transform:translate(0);transition-delay:0s}.sidebar-backdrop{position:fixed;inset:0;z-index:30;display:block;border:0;background:#18130e8c;opacity:0;pointer-events:none;transition:opacity .18s ease}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.main{padding:16px 12px 24px;overflow-y:visible}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.form-row>input,.form-row>textarea{flex:1 1 180px}.query-notice{align-items:flex-start;flex-wrap:wrap}.login-card{padding:24px 20px}}@media(prefers-reduced-motion:reduce){.sidebar,.sidebar-backdrop{transition:none}}