:root{--background: oklch(.141 .005 285.823);--foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.141 .005 285.823);--secondary: oklch(.274 .006 286.033);--muted: oklch(.274 .006 286.033);--muted-foreground: oklch(.705 .015 286.067);--card: oklch(.21 .006 285.885);--border: oklch(.274 .006 286.033);--ring: oklch(.552 .016 285.938);--destructive: oklch(.505 .213 27.518);--success: oklch(.723 .219 149.579);--warning: oklch(.769 .188 70.08);--link: oklch(.623 .214 259.815);--font-sans: "Inter", -apple-system, sans-serif;--radius: 12px;--radius-sm: 8px;--transition: .2s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-synthesis-weight:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::selection{background:var(--foreground);color:var(--background)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:40px;max-width:360px;width:100%;text-align:center}.login-card h1{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:4px}.login-card p{color:var(--muted-foreground);font-size:.8rem;margin-bottom:20px}.login-card .login-icon{width:48px;height:48px;margin:0 auto 16px}.login-card input{width:100%;padding:9px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--secondary);color:var(--foreground);font-family:var(--font-sans);font-size:.85rem;outline:none;margin-bottom:8px;transition:border-color var(--transition)}.login-card input:focus{border-color:var(--ring)}.login-card .btn{width:100%;padding:9px;border:none;border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-foreground);font-family:var(--font-sans);font-weight:600;font-size:.85rem;cursor:pointer;margin-top:4px}.login-card .btn:hover{opacity:.85}.login-card .error{color:var(--destructive);font-size:.75rem;margin-top:8px}.layout{display:flex;min-height:100vh}.sidebar{width:200px;background:var(--card);border-right:1px solid var(--border);padding:16px 10px;flex-shrink:0;display:flex;flex-direction:column}.sidebar-logo{font-size:.95rem;font-weight:700;margin-bottom:20px;padding:0 8px;display:flex;align-items:center;gap:8px;letter-spacing:-.02em}.sidebar-logo img{width:22px;height:22px}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--muted-foreground);text-decoration:none;font-size:.8rem;font-weight:500;transition:all var(--transition);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:var(--font-sans)}.nav-item img{width:16px;height:16px}.nav-item:hover,.nav-item.active{background:var(--secondary);color:var(--foreground)}.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.main{flex:1;padding:20px 28px;overflow-y:auto}.page-title{font-size:1.15rem;font-weight:700;margin-bottom:20px;letter-spacing:-.025em;display:flex;align-items:center;gap:8px}.page-title img{width:22px;height:22px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:24px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.stat-card .label{font-size:.7rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat-card .value{font-size:1.6rem;font-weight:800;margin-top:2px;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.stat-card .value.accent{color:var(--link)}.stat-card .value.danger{color:var(--destructive)}.stat-card .value.success{color:var(--success)}.stat-card .value.warning{color:var(--warning)}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:.8rem}thead{background:var(--secondary)}th{padding:8px 12px;text-align:left;font-weight:600;color:var(--muted-foreground);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}td{padding:8px 12px;border-top:1px solid var(--border);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr:hover{background:var(--secondary)}.btn-sm{padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--secondary);color:var(--foreground);font-size:.72rem;cursor:pointer;transition:all var(--transition);font-family:var(--font-sans)}.btn-sm:hover{border-color:var(--ring)}.btn-sm.danger{border-color:var(--destructive);color:var(--destructive)}.btn-sm.danger:hover{background:var(--destructive);color:#fff}.badge{padding:2px 7px;border-radius:4px;font-size:.65rem;font-weight:600}.badge.pending{background:#f69e0026;background:oklch(.769 .188 70.08 / 15%);color:var(--warning)}.badge.resolved{background:#00c65a26;background:oklch(.723 .219 149.579 / 15%);color:var(--success)}.ban-form{display:flex;gap:6px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.ban-form input,.ban-form select{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--secondary);color:var(--foreground);font-family:var(--font-sans);font-size:.8rem;outline:none}.ban-form input:focus{border-color:var(--ring)}.admin-filters{display:flex;gap:6px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.admin-filters input,.admin-filters select{padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--secondary);color:var(--foreground);font-family:var(--font-sans);font-size:.8rem;outline:none}.admin-filters input{min-width:260px;flex:1}.admin-filters input:focus,.admin-filters select:focus{border-color:var(--ring)}.table-meta{color:var(--muted-foreground);font-size:.75rem;margin-bottom:8px}.control-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.section-title{font-size:.9rem;font-weight:600;margin:20px 0 10px}.actions{display:flex;gap:6px;max-width:none}.pager{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0 4px;color:var(--muted-foreground);font-size:.75rem}td code{font-size:.68rem;color:var(--muted-foreground)}.settings-grid{display:grid;gap:10px;max-width:760px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.setting-row strong{display:block;font-size:.85rem;margin-bottom:2px}.setting-row span{display:block;color:var(--muted-foreground);font-size:.75rem}@media(max-width:768px){.layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;padding:6px;gap:2px}.sidebar-logo,.sidebar-footer{display:none}.main{padding:14px}}