@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-primary:#0a0e1a;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--gold:#d4a574;--gold-light:#e8c89a;--gold-glow:#d4a57466;--amber:#f59e0b;--text-primary:#f9fafb;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-subtle:#ffffff14;--border-gold:#d4a57440;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--shadow-soft:0 10px 30px #0000004d;--shadow-gold:0 8px 32px #d4a57433}body{color:var(--text-primary);background:var(--bg-primary);min-height:100vh;font-family:Sarabun,Inter,-apple-system,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 0,#d4a5741f,#0000 50%),radial-gradient(circle at 85% 100%,#a855f70f,#0000 50%),radial-gradient(circle,#3b82f608,#0000 70%);position:fixed;inset:0}.app{z-index:1;max-width:1280px;margin:0 auto;padding:48px 32px;position:relative}.header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:56px;padding-bottom:32px;display:flex}.header h1{letter-spacing:-.02em;background:linear-gradient(135deg, #fff 0%, var(--gold-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-family:Inter,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1}.header p{color:var(--text-muted);margin:0;font-size:16px;font-weight:300}.admin-btn{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;padding:10px 22px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.admin-btn:hover{background:var(--bg-glass-hover);border-color:var(--border-gold);transform:translateY(-1px)}.actions{justify-content:center;margin-bottom:64px;display:flex}.generate-btn{background:linear-gradient(135deg, var(--gold) 0%, var(--amber) 100%);color:#1a1208;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow-gold), 0 0 60px var(--gold-glow);border:none;border-radius:100px;padding:18px 52px;font-family:inherit;font-size:17px;font-weight:600;transition:all .3s;position:relative}.generate-btn:hover:not(:disabled){box-shadow:var(--shadow-gold), 0 0 90px var(--gold-glow);background:linear-gradient(135deg, var(--gold-light) 0%, var(--gold) 100%);transform:translateY(-2px)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}section{margin-bottom:56px}section>h2{color:var(--text-primary);align-items:center;gap:12px;margin:0 0 24px;font-family:Inter,sans-serif;font-size:22px;font-weight:600;display:flex}section>h2:before{content:"";background:linear-gradient(180deg, var(--gold), var(--amber));border-radius:2px;width:3px;height:22px}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-align:left;padding:28px 24px;transition:all .3s;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-glow), transparent);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--bg-glass-hover);border-color:var(--border-gold);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.card h2{background:linear-gradient(135deg, #fff, var(--gold-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-family:Inter,sans-serif;font-size:36px;font-weight:700}.card h2:before{display:none}.card p{color:var(--text-muted);margin:0;font-size:14px;font-weight:400}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.analytics-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:24px;transition:all .3s}.analytics-card:hover{border-color:var(--border-gold);background:var(--bg-glass-hover)}.analytics-card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.analytics-card p{color:var(--gold-light);margin:0;font-family:Inter,sans-serif;font-size:32px;font-weight:700}.video-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.video-header h2{margin-bottom:0}.refresh-btn{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:9px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.refresh-btn:hover{border-color:var(--border-gold);background:var(--bg-glass-hover);transform:translateY(-1px)}.video-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;display:grid}.video-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px;transition:all .3s;overflow:hidden}.video-card:hover{border-color:var(--border-gold);box-shadow:var(--shadow-soft);transform:translateY(-4px)}.video-card h3{color:var(--text-primary);margin:0 0 16px;font-size:18px;font-weight:600;line-height:1.4}.video-card video{border-radius:var(--radius-sm);background:#000;width:100%;margin-bottom:16px;display:block}.video-info{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.video-info p{color:var(--text-muted);margin:0;font-size:14px}.status{color:#4ade80;letter-spacing:.02em;background:#22c55e1f;border:1px solid #22c55e40;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:600}.scheduler-box{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:28px 32px;position:relative;overflow:hidden}.scheduler-box:before{content:"";background:linear-gradient(180deg, var(--gold), var(--amber));width:4px;height:100%;position:absolute;top:0;left:0}.scheduler-box p{color:var(--text-secondary);margin:0 0 8px;font-size:15px}.scheduler-box p:last-child{color:var(--gold-light);letter-spacing:.05em;margin-bottom:0;font-family:Inter,monospace;font-weight:500}@media (width<=768px){.app{padding:32px 20px}.header{flex-direction:column;align-items:flex-start}.header h1{font-size:32px}.generate-btn{width:100%;padding:16px 24px}.video-header{flex-direction:column;align-items:flex-start;gap:12px}}