:root{--bg: #0a0e14;--bg-panel: #0d1219;--bg-elevated: #111820;--border: #1e2836;--border-focus: #22c55e;--text: #e6edf3;--text-muted: #8b9cad;--accent: #22c55e;--accent-dim: rgba(34, 197, 94, .25);--accent-orange: #f97316;--accent-cyan: #06b6d4;--danger: #ef4444;--success: #22c55e;--radius: 8px;--radius-lg: 12px;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-glow: 0 0 20px rgba(34, 197, 94, .15);--bg-image-home: url(/assets/backgrounds/home-bg.jpg);--bg-image-auth: url(/assets/backgrounds/auth-bg.jpg);--bg-image-rooms: url(/assets/backgrounds/rooms-bg.jpg);--bg-image-profile: url(/assets/backgrounds/profile-bg.jpg);--bg-image-cs2: url(/assets/backgrounds/cs2-bg.jpg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:16px;color:var(--text);background:var(--bg)}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,button,select,textarea{font-family:inherit;font-size:1rem}.app-layout{min-height:100vh;display:flex;flex-direction:column;position:relative;isolation:isolate;--bg-page-image: none}.page-home{--bg-page-image: var(--bg-image-home)}.page-auth{--bg-page-image: var(--bg-image-auth)}.page-rooms{--bg-page-image: var(--bg-image-rooms)}.page-profile{--bg-page-image: var(--bg-image-profile)}.page-cs2{--bg-page-image: var(--bg-image-cs2)}.app-layout:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-2;background-image:linear-gradient(180deg,#0a0e14e6,#0a0e14bf 55%,#0a0e14f2),radial-gradient(ellipse 80% 50% at 50% -20%,rgba(34,197,94,.2),transparent),var(--bg-page-image);background-size:cover;background-position:center;background-repeat:no-repeat}.app-layout:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(34,197,94,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,197,94,.03) 1px,transparent 1px);background-size:24px 24px}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;background:#0a0e14d9;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-brand{font-weight:700;font-size:1.25rem;letter-spacing:.04em;color:var(--text)}.app-brand span{color:var(--accent)}.app-nav{display:flex;align-items:center;gap:.5rem}.app-nav a,.app-nav button{padding:.5rem .9rem;border-radius:var(--radius);color:var(--text-muted);font-weight:500;border:none;background:transparent;cursor:pointer;transition:color .15s,background .15s}.app-nav a:hover,.app-nav button:hover{color:var(--text);background:var(--bg-elevated)}.main{flex:1;width:min(960px,100% - 2rem);margin:0 auto;padding:1.5rem 1rem;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#0a0e14;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:#1ea34a;box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:#161d28;border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--bg-elevated)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;font-weight:500;color:var(--text-muted);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.65rem .9rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.8}.form-error{margin-top:.35rem;font-size:.85rem;color:var(--danger)}.form-hint{margin-top:.35rem;font-size:.85rem;color:var(--text-muted)}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.panel h2{margin:0 0 1rem;font-size:1.15rem;font-weight:600}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.25rem;margin-bottom:.75rem;transition:border-color .15s,box-shadow .15s}.card:hover{border-color:#22c55e59;box-shadow:var(--shadow-glow)}.card:active{transform:translateY(0)}.card-title{font-weight:600;margin:0 0 .25rem;letter-spacing:-.01em}.card-meta{font-size:.875rem;color:var(--text-muted);font-family:var(--font-mono)}.alert{padding:.9rem 1rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid}.alert-success{background:#22c55e1f;border-color:#22c55e66;color:#86efac}.alert-error{background:#ef44441f;border-color:#ef444466;color:#fca5a5}.alert-warning{background:#f973161f;border-color:#f9731666;color:#fdba74}.page-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em}.page-subtitle{color:var(--text-muted);margin:0 0 1.5rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.stat-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;text-align:center}.stat-value{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;color:var(--accent)}.stat-label{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:600;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}.badge-open{background:var(--accent-dim);color:var(--accent)}.badge-ready,.badge-started{background:#06b6d440;color:var(--accent-cyan)}.badge-finished{background:#22c55e40;color:var(--success)}.badge-cancelled{background:#ef444440;color:var(--danger)}.badge-invited{background:#f9731640;color:var(--accent-orange)}.badge-joined{background:#22c55e40;color:var(--success)}.badge-declined{background:#ef444440;color:var(--danger)}.loading-spinner{width:2rem;height:2rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-wrap{display:flex;align-items:center;justify-content:center;padding:2rem}