:root{color-scheme:light;--font-sans: "Manrope", "Segoe UI", sans-serif;--font-serif: "Prata", "Times New Roman", serif;--bg: #f1f4f8;--bg-2: #e9eef5;--surface: #ffffff;--surface-2: #f4f7fb;--text: #1c2430;--muted: #5f6b7a;--accent: #2563eb;--accent-strong: #1e3a8a;--highlight: #f97316;--border: rgba(28, 36, 48, .12);--shadow: 0 24px 50px rgba(15, 23, 42, .08);--glow-1: rgba(37, 99, 235, .26);--glow-2: rgba(56, 189, 248, .2);--glow-3: rgba(249, 115, 22, .16);--pattern: rgba(15, 23, 42, .06);--pattern-strong: rgba(15, 23, 42, .08);--scroll-tint: 255 255 255;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px}[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--bg-2: #0f172a;--surface: #111b2e;--surface-2: #0f1a33;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--highlight: #fb7185;--border: rgba(226, 232, 240, .12);--shadow: 0 22px 50px rgba(0, 0, 0, .45);--glow-1: rgba(56, 189, 248, .2);--glow-2: rgba(14, 165, 233, .18);--glow-3: rgba(251, 113, 133, .18);--pattern: rgba(148, 163, 184, .06);--pattern-strong: rgba(148, 163, 184, .1);--scroll-tint: 11 18 32}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text);--scroll-fade: 0;--gradient-visibility: calc(1 - var(--scroll-fade));background:linear-gradient(180deg,rgb(var(--scroll-tint) / var(--scroll-fade)),rgb(var(--scroll-tint) / var(--scroll-fade))),radial-gradient(78rem 48rem at -12% -18%,rgb(233 14 58 / calc(.25 * var(--gradient-visibility))),transparent 62%),radial-gradient(62rem 42rem at 118% -6%,rgb(56 189 248 / calc(.2 * var(--gradient-visibility))),transparent 60%),radial-gradient(52rem 38rem at 16% 118%,rgb(238 136 34 / calc(.22 * var(--gradient-visibility))),transparent 66%),radial-gradient(48rem 36rem at 82% 82%,rgb(184 83 20 / calc(.16 * var(--gradient-visibility))),transparent 66%),radial-gradient(44rem 32rem at 55% 38%,rgb(59 130 246 / calc(.12 * var(--gradient-visibility))),transparent 70%),linear-gradient(180deg,var(--bg),var(--bg-2));min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(46rem 32rem at 12% 18%,rgba(59,130,246,.28),transparent 65%),radial-gradient(52rem 36rem at 82% 24%,rgba(238,126,34,.26),transparent 64%),radial-gradient(40rem 30rem at 60% 86%,rgba(14,165,233,.22),transparent 66%);background-size:140% 140%;background-position:0% 0%,100% 10%,40% 100%;filter:blur(12px) opacity(var(--gradient-visibility));mix-blend-mode:screen;pointer-events:none;z-index:0;animation:blobs-float-1 26s ease-in-out infinite;will-change:background-position,opacity,filter}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(58rem 40rem at 88% 78%,rgba(20,184,166,.24),transparent 66%),radial-gradient(44rem 34rem at 28% 82%,rgba(56,189,248,.22),transparent 68%),radial-gradient(40rem 30rem at 70% 18%,rgba(14,165,233,.2),transparent 70%);background-size:140% 140%;background-position:100% 100%,20% 80%,80% 0%;animation:blobs-float-2 34s ease-in-out infinite;filter:blur(16px) opacity(var(--gradient-visibility));pointer-events:none;z-index:0;mix-blend-mode:screen;will-change:background-position,opacity,filter}body.scrolled:before,body.scrolled:after{animation-play-state:paused}html{scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.25) transparent}body::-webkit-scrollbar{width:4px;height:4px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-track-piece{background:transparent}body::-webkit-scrollbar-corner{background:transparent}body::-webkit-scrollbar-thumb{background:#38bdf833;border-radius:999px;border:1px solid transparent;background-clip:padding-box}body::-webkit-scrollbar-thumb:hover{background:#38bdf873;border:1px solid transparent;background-clip:padding-box}@keyframes blobs-float-1{0%{background-position:0% 0%,100% 10%,40% 100%;opacity:.45}50%{background-position:12% 18%,88% 22%,52% 86%;opacity:.65}to{background-position:0% 0%,100% 10%,40% 100%;opacity:.45}}@keyframes blobs-float-2{0%{background-position:100% 100%,20% 80%,80% 0%;opacity:.35}50%{background-position:88% 86%,32% 90%,70% 14%;opacity:.55}to{background-position:100% 100%,20% 80%,80% 0%;opacity:.35}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page{max-width:1280px;margin:0 auto;--page-pad: 24px;padding-inline:var(--page-pad);display:flex;flex-direction:column;gap:24px;animation:rise .6s ease-out;position:relative;z-index:1}.screen{display:flex;flex-direction:column;gap:24px}.screen-first{min-height:100svh;padding-block:24px 32px}.screen-second{padding-block:24px 40px;height:100vh;justify-content:start}.layout{display:flex;justify-content:center;align-items:stretch}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.field input,.field select,.field textarea{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-family:var(--font-sans);font-size:14px}.field textarea{resize:vertical}.ban-request{width:100%;margin:0;padding-bottom:0}.ban-request-main{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;width:100%;padding-right:10%;padding-left:10%}.ban-action{min-width:180px;padding:16px 24px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.ban-action:hover{transform:translateY(-1px);box-shadow:0 14px 24px #1e3a8a2e}.ban-input{width:100%;padding:16px 18px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--text);font-size:15px}.ban-input::placeholder{color:var(--muted);opacity:.6}.inline-input{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.inline-input input{padding:12px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.inline-input button{padding:12px 18px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease}.inline-input button:hover{transform:translateY(-1px)}.form{display:flex;flex-direction:column;gap:14px}.submit{padding:12px 16px;border-radius:999px;border:none;background:var(--accent);color:#fff;font-weight:600;cursor:pointer}.form-status{font-size:13px;color:var(--muted)}.field.is-error input,.field.is-error select,.field.is-error textarea{border-color:var(--highlight);box-shadow:0 0 0 2px #f973162e}.card{display:flex;flex-direction:column;gap:10px}.card h3{font-size:18px;font-weight:600}.hint{font-size:12px;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.command{padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-2);border:1px dashed var(--border)}.command code,.mono{font-family:IBM Plex Mono,Fira Code,monospace;font-size:12px}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:2.5% 10% 5%;border-radius:var(--radius-lg);background:transparent;box-shadow:none;border:none}.center-content{display:flex;flex-direction:column;gap:18px;width:min(100%,1120px);margin:auto;padding-right:5%;padding-left:5%;transform:translateY(-25%)}.brand{display:flex;justify-content:center;gap:36px;width:100%;padding-bottom:5%}.logo-wrap{width:128px;height:128px;border-radius:28px;display:grid;place-items:center}.logo{width:128px;height:128px}.brand-text h1{font-family:var(--font-serif);font-size:clamp(32px,4vw,45px);letter-spacing:.2px;margin-bottom:6px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.18em;color:var(--muted);margin-bottom:6px}.subtitle{max-width:520px;color:var(--muted);font-size:14px}.hero-actions{display:flex;flex-direction:row;gap:12px;align-items:flex-end}.hero-actions :is(.clock,.theme-toggle){display:inline-flex;align-items:center;height:36px;padding:0 14px;line-height:1}.clock{font-size:13px;border-radius:999px;color:var(--muted);border:1px solid var(--border)}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0000001f}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:min(100%,1120px);margin:0 auto}.stat-card{padding:18px 20px;border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}.stat-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.stat-value{font-size:24px;font-weight:600}.panel{background:var(--surface);border-radius:var(--radius-lg);padding:20px 22px 18px;border:1px solid var(--border);box-shadow:var(--shadow)}.panel-wide{width:min(100%,1120px);margin:0 auto}.panel-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.panel h2{font-family:var(--font-serif);font-size:22px;margin-bottom:4px}.panel-subtitle{color:var(--muted);font-size:13px}.filters{display:flex;gap:12px;flex-wrap:wrap}.table-wrap{overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border)}.ban-table{width:100%;border-collapse:separate;border-spacing:0 6px;background:var(--surface-2)}.ban-table thead{background:var(--surface)}.ban-table th{text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding:12px 14px;color:var(--muted);border-bottom:1px solid var(--border)}.ban-table tbody tr{cursor:pointer;transition:transform .2s ease,background .2s ease}.ban-table tbody tr:hover td{background:#2563eb14}.ban-table td{padding:12px 14px;background:var(--surface);border-bottom:1px solid transparent;font-size:14px}.ban-table tbody tr td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px;font-weight:600}.ban-table tbody tr td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.reason-cell{max-width:360px}.reason-cell p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);line-height:1.35}.empty{text-align:center;padding:20px;color:var(--muted)}.table-pagination{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.table-pagination.is-hidden{display:none}.page-info{font-size:12px;color:var(--muted)}.page-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;padding:6px 10px;font-size:12px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.page-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #0f172a1a}.page-btn.is-active{background:var(--accent);color:#fff;border-color:transparent}.page-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.page-ellipsis{font-size:12px;color:var(--muted);padding:0 4px}.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:13px;padding:5% 5% 0%}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer a{color:var(--accent-strong);text-decoration:none;font-size:14px}.footer a:hover{text-decoration:underline}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#090c0c73;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;padding:20px}.modal.show{opacity:1;pointer-events:auto;display:flex;justify-content:center;align-items:center}.modal-card{width:min(520px,92vw);background:var(--surface);border-radius:var(--radius-lg);padding:22px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;position:relative}.modal-card.modal-card-wide{width:min(720px,94vw);padding:28px 30px}.modal-close{position:absolute;top:14px;right:16px;border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.detail-grid span{display:block;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.detail-reason{background:var(--surface-2);border-radius:var(--radius-md);padding:14px;border:1px solid var(--border)}.detail-reason span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.detail-reason p{margin-top:8px;line-height:1.5}.detail-link{color:var(--accent);text-decoration:underline;text-underline-offset:3px;word-break:break-all}.modal-text{white-space:pre-wrap;line-height:1.6;color:var(--text);padding:6px 2px 2px}@media (max-width: 980px){.layout{display:block}.hero{display:flex;flex-direction:column;align-items:center}.hero-actions{width:100%;flex-direction:row;justify-content:space-between}.ban-request-main{grid-template-columns:1fr}.ban-action{width:100%}}@media (max-width: 720px){.page{--page-pad: 16px;padding-inline:var(--page-pad);gap:18px}.screen-first{padding-block:16px 24px}.screen-second{padding-block:18px 28px;height:100vh}.modal.show{opacity:1;pointer-events:auto;display:flex;align-items:center}.hero{padding-top:10%;display:flex;flex-direction:column-reverse;align-items:center}.eyebrow{font-size:10px;letter-spacing:.14em}.hero-actions{width:auto;flex-direction:row;justify-content:flex-end;gap:8px}.clock{font-size:11px}.theme-label{font-size:12px}.center-content{width:100%;gap:14px;transform:translateY(5%)}.brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding-left:10%;padding-right:10%}.logo-wrap{width:72px;height:72px;border-radius:20px}.logo{width:52px;height:52px}.brand-text h1{font-size:36px}.subtitle{font-size:13px}.ban-request{padding:16px}.ban-request-main{grid-template-columns:1fr;gap:12px;padding-top:10vh}.ban-action{width:100%}.stats{grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.stat-card{scroll-snap-align:start}.panel{padding:16px;border-radius:18px}.panel-head{flex-direction:column;align-items:flex-start;gap:12px}.filters{width:100%;flex-direction:column}.field{width:100%}.table-wrap{border:none;background:transparent}.table-pagination{flex-direction:column;align-items:flex-start}.page-buttons{width:100%}.ban-input{width:0%;border:none;transform:translate(-1000%)}.ban-table{border-spacing:0;background:transparent}.ban-table thead{display:none}.ban-table tbody tr{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"id type" "date time" "reason reason" "initiator initiator";gap:8px 12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.ban-table td{padding:0;border:none;background:transparent;display:flex;flex-direction:column;gap:4px;font-size:13px}.ban-table td:before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ban-table td:nth-child(1){grid-area:id;font-weight:600}.ban-table td:nth-child(2){grid-area:date}.ban-table td:nth-child(3){grid-area:time}.ban-table td:nth-child(4){grid-area:type}.ban-table td:nth-child(5){grid-area:reason}.ban-table td:nth-child(6){grid-area:initiator}.reason-cell p{-webkit-line-clamp:4;color:var(--text)}.footer{flex-direction:column;align-items:flex-start;gap:8px}}