:root{--background: #121824;--surface: #1f2937;--surface-strong: #0f172a;--primary: #6366f1;--primary-hover: #4f46e5;--text-primary: #f8fafc;--text-secondary: #a0aec0;--border: #334155;--error: #f56565;--success: #48bb78;--shadow-soft: 0 12px 24px -18px rgba(0, 0, 0, .6);--input-bg: #1f2937;--input-border: rgba(148, 163, 184, .35);--input-border-hover: rgba(148, 163, 184, .55);--input-border-focus: #6366f1;--input-text: #f8fafc;--input-placeholder: rgba(226, 232, 240, .65);--input-disabled-bg: rgba(15, 23, 42, .6);--input-disabled-text: rgba(148, 163, 184, .6);--app-bg-overlay: radial-gradient(1200px 600px at -10% -10%, rgba(56, 189, 248, .08), transparent 60%), radial-gradient(900px 500px at 110% 0%, rgba(99, 102, 241, .12), transparent 55%);--vh: 1vh;--theme-transition-ms: .2s}[data-theme=light]{--background: #f1f5f9;--surface: #ffffff;--surface-strong: #e5e7eb;--primary: #2563eb;--primary-hover: #1d4ed8;--text-primary: #0f172a;--text-secondary: #1f2937;--border: #cbd5e1;--error: #dc2626;--success: #16a34a;--shadow-soft: 0 12px 24px -18px rgba(15, 23, 42, .25);--input-bg: #ffffff;--input-border: #94a3b8;--input-border-hover: #64748b;--input-border-focus: #2563eb;--input-text: #0f172a;--input-placeholder: rgba(15, 23, 42, .82);--input-disabled-bg: #e2e8f0;--input-disabled-text: rgba(15, 23, 42, .45);--app-bg-overlay: radial-gradient(1200px 600px at -10% -10%, rgba(37, 99, 235, .08), transparent 60%), radial-gradient(900px 500px at 110% 0%, rgba(99, 102, 241, .08), transparent 55%)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;height:auto}html{-webkit-text-size-adjust:100%}body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.6;position:relative;overflow-y:auto;overflow-x:hidden;min-height:100%;-webkit-tap-highlight-color:transparent}button,a,input,select,textarea,[role=button]{touch-action:manipulation}body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:0;z-index:2500;background:radial-gradient(42% 42% at 50% 35%,rgba(255,255,255,.16),transparent 72%),radial-gradient(38% 38% at 50% 65%,rgba(37,99,235,.1),transparent 78%)}[data-theme-transition=on] body:after{animation:theme-flash .22s ease-out}@keyframes theme-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}#root{display:flex;flex-direction:column;overflow:visible}.app-shell{min-height:calc(var(--vh, 1vh) * 100);min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;overflow:visible;background-color:var(--background);background-image:var(--app-bg-overlay);background-repeat:no-repeat;background-size:cover;background-position:center top}.app-shell,body,.MuiPaper-root,.MuiCard-root,.MuiAppBar-root,.MuiButton-root,.MuiIconButton-root,.MuiOutlinedInput-root,.MuiInputBase-input,.MuiInputLabel-root,.MuiTypography-root,.MuiChip-root,.MuiBadge-badge,.MuiDrawer-paper,.MuiDialog-paper,.MuiPopover-paper{transition:background-color var(--theme-transition-ms) ease,color var(--theme-transition-ms) ease,border-color var(--theme-transition-ms) ease,box-shadow var(--theme-transition-ms) ease}@media(prefers-reduced-motion:reduce){[data-theme-transition=on] body:after{animation:none}.app-shell,body,.MuiPaper-root,.MuiCard-root,.MuiAppBar-root,.MuiButton-root,.MuiIconButton-root,.MuiOutlinedInput-root,.MuiInputBase-input,.MuiInputLabel-root,.MuiTypography-root,.MuiChip-root,.MuiBadge-badge,.MuiDrawer-paper,.MuiDialog-paper,.MuiPopover-paper{transition:none!important}}a{color:var(--primary);text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--primary-hover)}nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--surface);border-bottom:1px solid var(--border);gap:1rem;flex-wrap:wrap}nav .logo{font-size:1.5rem;font-weight:700}nav .nav-links{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.nav-toggle{display:none;width:44px;height:40px;border-radius:8px;border:1px solid var(--border);background:#0f172a99;padding:.5rem;align-items:center;justify-content:center;gap:.25rem;cursor:pointer}.nav-toggle-bar{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:999px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}nav .nav-links a{margin-left:0;font-weight:500}.main{padding:2rem;max-width:1200px;margin:0 auto}.auth-container,.dashboard-section{background-color:var(--surface);padding:2rem;border-radius:8px;box-shadow:var(--shadow-soft);max-width:500px;margin:2rem auto}.dashboard-section{max-width:none;margin-bottom:2rem}h1,h2,h3{margin-bottom:1rem;color:var(--text-primary)}h2{border-bottom:1px solid var(--border);padding-bottom:.5rem}input,textarea,select{width:100%;padding:.75rem;margin-bottom:1rem;background-color:var(--surface-strong);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:1rem}button{width:100%;padding:.75rem;background-color:var(--primary);border:none;border-radius:4px;color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out}button:hover{background-color:var(--primary-hover)}button:disabled{background-color:#4a5568;cursor:not-allowed}.error{color:var(--error);margin-top:1rem}.success{color:var(--success);margin-top:1rem}.server-list,.banner-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.server-card,.banner-item{background-color:var(--background);border:1px solid var(--border);padding:1.5rem;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.server-card:hover,.banner-item:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0003}.server-card h3,.banner-item img{margin-bottom:1rem}.server-card p{color:var(--text-secondary);margin-bottom:1rem}.banner-item img{max-width:100%;border-radius:4px}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center}.modal-content{background:var(--surface);padding:2rem;border-radius:8px;width:90%;max-width:600px;max-height:calc(100dvh - 40px);overflow-y:auto}@media(max-width:768px){nav{padding:.75rem 1rem}nav .logo{font-size:1.25rem}.nav-toggle{display:inline-flex}nav .nav-links{width:100%;flex-direction:column;align-items:flex-start;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border);display:none}nav .nav-links.open{display:flex}.main{padding:1.5rem 1rem}.auth-container,.dashboard-section{padding:1.5rem;margin:1.5rem auto}.server-list,.banner-list{grid-template-columns:1fr}.server-card,.banner-item{box-shadow:0 10px 22px -16px #000000a6}.server-card:hover,.banner-item:hover{transform:none;box-shadow:0 12px 24px -18px #000000b3}body{-webkit-overflow-scrolling:touch}.modal-backdrop{align-items:flex-start;padding:calc(env(safe-area-inset-top) + 10px) 10px calc(env(safe-area-inset-bottom) + 10px);overflow-y:auto}.modal-content{width:min(100%,620px);margin:0 auto}.MuiTableContainer-root{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.MuiTable-root{min-width:680px}}@media(max-width:480px){nav{align-items:flex-start}nav .nav-links{justify-content:flex-start}.main{padding:1.25rem .75rem}.auth-container,.dashboard-section{padding:1.25rem;border-radius:6px}.modal-content{padding:1.25rem}.modal-actions{flex-direction:column}.modal-action-btn{width:100%}.MuiContainer-root{padding-left:12px!important;padding-right:12px!important}.MuiButton-root{min-height:40px}.server-card,.banner-item{border-radius:10px}}