:root{--bg-primary: #0b0d10;--bg-secondary: #13171f;--bg-card: rgba(22, 28, 38, .85);--bg-card-hover: rgba(30, 38, 52, .95);--accent-gold: #e5c158;--accent-gold-light: #f5d77f;--accent-gold-dark: #b89329;--accent-gold-glow: rgba(229, 193, 88, .35);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .1);--border-gold: rgba(229, 193, 88, .4);--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}body{overflow-x:hidden;background:radial-gradient(circle at 50% 0%,#1c222e 0%,var(--bg-primary) 80%);min-height:100vh;display:flex;flex-direction:column}.container{max-width:1100px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{font-family:var(--font-serif)}.gold-text{color:var(--accent-gold);background:linear-gradient(135deg,#fce8a6,#e5c158,#b89329);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.accent-sub{font-size:.9rem;color:var(--accent-gold);font-family:var(--font-sans);font-weight:600;letter-spacing:1px}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0b0d10d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color)}.header-container{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-primary)}.logo-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-gold-dark) 100%);display:flex;align-items:center;justify-content:center;color:#0b0d10;font-size:1.2rem;box-shadow:0 0 15px var(--accent-gold-glow)}.logo-text{font-family:var(--font-serif);font-size:1.3rem;font-weight:700;letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:16px}.auth-widget{display:flex;align-items:center}.user-profile-badge{display:inline-flex;align-items:center;gap:10px;background:#ffffff0f;border:1px solid var(--border-gold);padding:4px 12px 4px 4px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--accent-gold)}.user-name{font-size:.85rem;font-weight:600;color:var(--text-primary)}.logout-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.logout-btn:hover{color:var(--accent-gold)}.port-tag{background:#e5c1581f;color:var(--accent-gold);border:1px solid var(--border-gold);padding:6px 14px;border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.icon-btn{position:relative;width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center}.pulse-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--accent-gold);animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #e5c158b3}70%{transform:scale(1);box-shadow:0 0 0 8px #e5c15800}to{transform:scale(.95);box-shadow:0 0 #e5c15800}}.construction-hero{position:relative;min-height:85vh;padding-top:140px;padding-bottom:60px;display:flex;align-items:center;justify-content:center}.hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.3);z-index:1}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#0b0d1099,#0b0d10f2);z-index:2}.glass-card{position:relative;z-index:3;max-width:760px;width:90%;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius-lg);padding:48px 40px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0009,var(--shadow-glow)}.construction-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:var(--radius-full);background:#e5c15826;border:1px solid var(--accent-gold);color:var(--accent-gold);font-size:.82rem;font-weight:700;letter-spacing:1px;margin-bottom:24px}.hero-title{font-size:3.2rem;line-height:1.15;margin-bottom:18px}.hero-subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:32px;line-height:1.6}.progress-container{margin-bottom:32px;text-align:left}.progress-label{display:flex;justify-content:space-between;font-size:.88rem;font-weight:600;margin-bottom:8px}.progress-bar-bg{width:100%;height:10px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-color)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold-dark) 0%,var(--accent-gold) 100%);border-radius:var(--radius-full);box-shadow:0 0 12px var(--accent-gold-glow)}.app-install-box{background:linear-gradient(135deg,#e5c1581a,#0d1117cc);border:1px solid var(--border-gold);border-radius:var(--radius-md);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px;text-align:left}.app-install-text{display:flex;align-items:center;gap:16px}.app-icon{font-size:2.2rem;color:var(--accent-gold)}.app-install-text h4{font-size:1.1rem;margin-bottom:2px}.app-install-text p{color:var(--text-secondary);font-size:.85rem}.notify-form{display:flex;gap:12px;margin-bottom:36px}.input-wrapper{position:relative;flex:1;display:flex;align-items:center}.input-wrapper i{position:absolute;left:16px;color:var(--text-muted)}.input-wrapper input{width:100%;padding:14px 16px 14px 44px;border-radius:var(--radius-full);background:#0006;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;outline:none;transition:border-color .2s ease}.input-wrapper input:focus{border-color:var(--accent-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:all .25s ease}.btn-gold{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-gold-dark) 100%);color:#0b0d10;box-shadow:0 4px 18px var(--accent-gold-glow)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e5c15880}.btn-outline{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-color)}.btn-outline:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-lg{padding:16px 36px;font-size:1.05rem}.server-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid var(--border-color);padding-top:24px}.status-box{background:#0000004d;border:1px solid var(--border-color);padding:12px;border-radius:var(--radius-sm);display:flex;flex-direction:column;align-items:center}.status-box-title{font-size:.78rem;color:var(--text-muted);margin-bottom:4px}.status-box-val{font-size:.88rem;font-weight:600}.teaser-section{padding:60px 0}.teaser-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;display:flex;align-items:center;justify-content:space-between;gap:32px}.section-tag{color:var(--accent-gold);font-size:.8rem;font-weight:700;letter-spacing:2px;display:block;margin-bottom:6px}.teaser-text h2{font-size:2rem;margin-bottom:8px}.teaser-text p{color:var(--text-secondary);max-width:500px}.audio-controls{display:flex;flex-direction:column;align-items:flex-end;gap:16px}.volume-container{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.volume-container input[type=range]{accent-color:var(--accent-gold)}.toast{position:fixed;bottom:24px;right:24px;background:var(--accent-gold);color:#0b0d10;padding:14px 24px;border-radius:var(--radius-full);display:flex;align-items:center;gap:12px;font-weight:600;box-shadow:0 10px 30px #00000080;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:3000}.toast.show{transform:translateY(0);opacity:1}.site-footer{margin-top:auto;background:#07080a;border-top:1px solid var(--border-color);padding:30px 0;text-align:center;color:var(--text-secondary);font-size:.9rem}.sub-footer{color:var(--text-muted);font-size:.8rem;margin-top:6px}.sub-footer code{color:var(--accent-gold)}@media (max-width: 768px){.hero-title{font-size:2.2rem}.notify-form{flex-direction:column}.app-install-box{flex-direction:column;align-items:flex-start}.server-status-grid{grid-template-columns:1fr}.teaser-card{flex-direction:column;align-items:flex-start}.audio-controls{align-items:flex-start}}.announcement-bar{background:linear-gradient(90deg,#1e1b4b,#311b92,#1e1b4b);border-bottom:1px solid rgba(229,193,88,.3);padding:8px 0;text-align:center;font-size:.88rem;color:#f1f5f9;z-index:1001;position:relative}.announcement-content{display:flex;align-items:center;justify-content:center;gap:10px}.announcement-icon{color:var(--accent-gold)}.role-nav-tabs{display:flex;align-items:center;gap:8px;background:#0006;padding:4px;border-radius:var(--radius-full);border:1px solid var(--border-color)}.nav-tab{background:transparent;border:none;color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.84rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{background:#e5c15833;color:var(--accent-gold);border:1px solid var(--border-gold)}.user-info-stack{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.role-pill,.role-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.role-badge{font-size:.82rem;padding:6px 16px;margin-bottom:12px}.role-guest{background:#94a3b826;border:1px solid rgba(148,163,184,.3);color:#cbd5e1}.role-staff{background:#14b8a62e;border:1px solid rgba(20,184,166,.5);color:#2dd4bf;box-shadow:0 0 10px #14b8a633}.role-admin{background:#a855f733;border:1px solid rgba(168,85,247,.5);color:#c084fc;box-shadow:0 0 10px #a855f733}.role-developer{background:linear-gradient(135deg,#e5c15840,#b8932966);border:1px solid var(--accent-gold);color:#fef08a;box-shadow:0 0 14px var(--accent-gold-glow)}.main-content{padding-top:110px;min-height:80vh}.portal-section{padding:40px 0 60px}.section-header{margin-bottom:32px}.section-header h2{font-size:2.4rem;margin-bottom:6px}.section-header p{color:var(--text-secondary);font-size:1.05rem}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.portal-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.portal-card.full-width{grid-column:1 / -1;margin-bottom:24px}.portal-card h3{font-size:1.3rem;margin-bottom:14px;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.card-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.checklist-items{list-style:none;display:flex;flex-direction:column;gap:12px}.checklist-items label{display:flex;align-items:center;gap:12px;background:#00000040;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;font-size:.95rem;transition:border-color .2s ease}.checklist-items label:hover{border-color:var(--accent-gold)}.checklist-items input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-gold)}.recipe-box{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px}.recipe-box h4{font-size:1.05rem;margin-bottom:4px}.recipe-box p{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-transform:uppercase}.tag-gold{background:#e5c15833;color:var(--accent-gold)}.tag-teal{background:#2dd4bf33;color:#2dd4bf}.assign-form{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:16px;align-items:flex-end;margin-bottom:28px;background:#0000004d;padding:20px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border-radius:var(--radius-sm);background:#0f172acc;border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-gold)}.sub-table-title{font-size:1.05rem;margin-bottom:12px;color:var(--accent-gold);display:flex;align-items:center;gap:8px}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.data-table th,.data-table td{padding:12px 16px;border-bottom:1px solid var(--border-color)}.data-table th{background:#0006;color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:.78rem;letter-spacing:.5px}.data-table tbody tr:hover{background:#ffffff08}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e}.action-btn-sm{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;margin-right:4px}.action-btn-sm:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.dev-simulator-box{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid var(--accent-gold)}.sim-header{margin-bottom:16px}.sim-header h4{font-size:1.1rem;color:var(--accent-gold);margin-bottom:2px}.sim-note{color:var(--text-secondary);font-size:.85rem}.sim-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn-sim{background:#0006;border:1px solid var(--border-color);color:var(--text-secondary);padding:10px 18px;border-radius:var(--radius-full);cursor:pointer;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-sim:hover{border-color:var(--accent-gold);color:var(--text-primary)}.btn-sim.active{background:var(--accent-gold);color:#0b0d10;border-color:var(--accent-gold);font-weight:700}.metrics-list{display:flex;flex-direction:column;gap:10px}.metric-row{display:flex;justify-content:space-between;padding:8px 12px;background:#0000004d;border-radius:var(--radius-sm);font-size:.9rem}.code-log{background:#090d16;border:1px solid var(--border-color);padding:14px;border-radius:var(--radius-sm);color:#38bdf8;font-family:monospace;font-size:.82rem;max-height:180px;overflow-y:auto;white-space:pre-wrap;margin-top:14px}.api-btn-group{display:flex;gap:10px}.stat-number{font-size:2.2rem;font-weight:700;color:var(--accent-gold);margin-bottom:12px}.subscribers-list{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:.88rem;color:var(--text-secondary)}@media (max-width: 900px){.portal-grid,.assign-form{grid-template-columns:1fr}.role-nav-tabs{display:none}}