*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#1a1614;--bg-secondary:#252220;--bg-tertiary:#2f2b28;--bg-elevated:#3a3532;--accent-amber:#d4a574;--accent-gold:#e6ba7e;--accent-crimson:#a32638;--accent-crimson-light:#c23b4f;--text-primary:#f5f1e8;--text-secondary:#d4cfc4;--text-tertiary:#a8a39a;--text-muted:#6e6b66;--success:#4ade80;--success-dark:#22c55e;--error:#ef4444;--error-dark:#dc2626;--warning:#f59e0b;--info:#3b82f6;--glass-bg:rgba(42,37,32,0.6);--glass-border:rgba(212,165,116,0.1);--glass-shadow:0 8px 32px 0 rgba(0,0,0,0.37);--border-subtle:rgba(212,165,116,0.08);--border-medium:rgba(212,165,116,0.15);--border-strong:rgba(212,165,116,0.25);--font-serif:"Georgia","Times New Roman",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter",sans-serif;--font-mono:"SF Mono","Monaco","Courier New",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--sidebar-width:320px;--header-height:64px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-smooth:400ms cubic-bezier(0.4,0,0.2,1);--transition-butter:600ms cubic-bezier(0.4,0,0.2,1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}body,html{height:100%;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-amber);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-semibold);line-height:1.2;color:var(--text-primary);margin:0}h1{font-size:var(--text-4xl);letter-spacing:-.02em}h2{font-size:var(--text-3xl);letter-spacing:-.01em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{margin:0;color:var(--text-secondary)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--transition-smooth);padding:var(--space-lg)}.glass-card:hover{border-color:var(--border-medium);box-shadow:0 12px 48px 0 rgba(0,0,0,.45);transform:translateY(-2px)}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;transition:all var(--transition-smooth)}.btn{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-primary{background:linear-gradient(135deg,var(--accent-amber),var(--accent-gold));color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,165,116,.3)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{border-color:var(--accent-amber);background:var(--bg-tertiary)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:var(--space-xs)}.status-online{background:var(--success);box-shadow:0 0 8px var(--success);animation:pulse 2s infinite}.status-offline{background:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.data-number{font-family:var(--font-mono);font-weight:var(--font-semibold);letter-spacing:-.02em}.data-positive{color:var(--success)}.data-negative{color:var(--error)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-slide-up{animation:slideUp var(--transition-smooth) ease-out}.animate-fade-in{animation:fadeIn var(--transition-smooth) ease-out}.sidebar-nav{display:flex!important;flex-direction:column!important;gap:var(--space-sm)!important;margin-top:auto!important;padding-top:var(--space-lg)!important}.nav-item{display:flex!important;align-items:center!important;gap:var(--space-md)!important;padding:var(--space-sm) var(--space-md)!important;background:rgba(42,37,32,.8)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;color:var(--text-secondary)!important;border-radius:var(--radius-md)!important;transition:all var(--transition-smooth)!important;font-size:var(--text-sm)!important;font-weight:var(--font-medium)!important;border:1px solid rgba(212,165,116,.1)!important;cursor:pointer!important}.nav-item:hover{background:var(--bg-tertiary)!important;border-color:var(--border-medium)!important;transform:translateX(4px)!important}.nav-item-active,.nav-item:hover{color:var(--accent-amber)!important}.nav-item-active{background:var(--bg-elevated)!important;border-color:var(--accent-amber)!important;box-shadow:0 0 12px rgba(212,165,116,.3)!important}.text-gradient{background:linear-gradient(135deg,var(--accent-amber),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-glow{box-shadow:0 0 20px rgba(212,165,116,.3)}.border-accent{border:1px solid var(--accent-amber)}@media (max-width:1024px){:root{--sidebar-width:280px}}@media (max-width:768px){:root{--sidebar-width:100%;--text-base:0.9375rem}html{font-size:14px}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.admin-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.admin-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:var(--space-md) var(--space-lg)}.admin-header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.admin-header-left{display:flex;align-items:center;gap:var(--space-lg)}.admin-title{gap:var(--space-md);font-size:var(--text-lg);font-weight:var(--font-bold)}.admin-title,.admin-user-badge{display:flex;align-items:center}.admin-user-badge{gap:var(--space-sm);font-size:var(--text-sm);color:var(--text-tertiary)}.admin-header-right{display:flex;align-items:center;gap:var(--space-md)}.admin-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-lg);margin-top:var(--space-md)}.admin-tabs-inner{max-width:1400px;margin:0 auto;display:flex;gap:var(--space-xs);overflow-x:auto}.admin-tab{padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;white-space:nowrap;color:var(--text-tertiary);transition:all var(--transition-fast)}.admin-tab:hover{color:var(--text-primary)}.admin-tab-active{border-bottom-color:var(--accent-amber);color:var(--accent-amber)}.admin-content{max-width:1400px;margin:0 auto;padding:var(--space-lg)}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.admin-grid-wide{grid-column:1/-1}.admin-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.admin-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.admin-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.admin-label{color:var(--text-muted);font-size:var(--text-sm)}.admin-value{font-weight:var(--font-medium)}.admin-value-success{color:var(--success)}.admin-value-error{color:var(--error)}.admin-value-warning{color:var(--warning)}.admin-value-muted{color:var(--text-muted)}.admin-toggle{width:44px;height:24px;border-radius:12px;position:relative;cursor:pointer;border:none;transition:background var(--transition-fast)}.admin-toggle-on{background:var(--success)}.admin-toggle-off{background:var(--bg-tertiary)}.admin-toggle-dot{position:absolute;top:3px;width:18px;height:18px;background:white;border-radius:50%;transition:transform var(--transition-fast)}.admin-toggle-on .admin-toggle-dot{transform:translateX(22px)}.admin-toggle-off .admin-toggle-dot{transform:translateX(3px)}.admin-progress{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.admin-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-amber),var(--accent-gold));border-radius:var(--radius-sm);transition:width var(--transition-smooth)}.admin-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-medium);font-size:var(--text-sm);cursor:pointer;border:none;transition:all var(--transition-fast)}.admin-btn-primary{background:linear-gradient(135deg,var(--accent-amber),var(--accent-gold));color:var(--bg-primary)}.admin-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,165,116,.3)}.admin-btn-danger{background:var(--error);color:white}.admin-btn-danger:hover{background:var(--error-dark)}.admin-btn-success{background:var(--success);color:var(--bg-primary)}.admin-btn-success:hover{background:var(--success-dark)}.admin-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.admin-btn-secondary:hover{border-color:var(--accent-amber);background:var(--bg-elevated)}.admin-btn-icon{padding:var(--space-sm);background:var(--bg-tertiary);color:var(--text-secondary)}.admin-btn-icon:hover{color:var(--accent-amber);background:var(--bg-elevated)}.admin-btn-full{width:100%}.admin-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.admin-input:focus{outline:none;border-color:var(--accent-amber)}.admin-textarea{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);min-height:100px;resize:vertical;font-family:var(--font-sans)}.admin-textarea:focus{outline:none;border-color:var(--accent-amber)}.admin-alert{padding:var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.admin-alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#f87171}.admin-alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#4ade80}.admin-activity-item{font-size:var(--text-sm);color:var(--text-secondary);font-family:var(--font-mono);padding:var(--space-xs) 0}.admin-activity-time{color:var(--text-muted);margin-right:var(--space-sm)}.admin-activity-type{color:var(--accent-amber)}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.admin-login-box{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2xl);text-align:center;max-width:400px;width:100%}.admin-login-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.admin-login-desc{color:var(--text-tertiary);margin-bottom:var(--space-xl)}.admin-login-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-xl);background:#1DA1F2;color:white;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.admin-login-btn:hover{background:#1a8cd8;transform:translateY(-1px)}.admin-login-note{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-lg)}.admin-back-link{color:var(--accent-amber);text-decoration:none;margin-top:var(--space-lg);display:inline-block}.admin-back-link:hover{text-decoration:underline}[data-tooltip]{position:relative;cursor:help}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;z-index:1000;pointer-events:none;animation:fadeIn var(--transition-fast)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));grid-auto-rows:minmax(0,auto);grid-gap:var(--space-xl);gap:var(--space-xl);align-items:stretch;width:100%}.grid-item{display:flex;flex-direction:column;width:100%;height:100%}.grid-full{grid-column:1/-1!important}.grid-half{grid-column:span 1!important}@media (max-width:1200px){.grid-half{grid-column:1/-1!important}}@media (max-width:1100px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.countdown-timer{background:var(--glass-bg);border:1px solid var(--border-medium);border-radius:var(--radius-md);padding:var(--space-md)}.countdown-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.countdown-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.countdown-time{font-size:var(--text-lg);font-family:var(--font-mono);color:var(--accent-amber);font-weight:var(--font-bold)}.countdown-progress{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.countdown-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-amber),var(--accent-gold));transition:width 1s linear;box-shadow:0 0 8px rgba(212,165,116,.5)}