:root{--bg-primary:#f2f7f3;--bg-secondary:#e5eee7;--bg-card:#ffffffbf;--surface-glass:#ffffffd9;--accent:#458266;--accent-glow:#45826633;--accent-hover:#3d755a;--accent-secondary:#7ba88a;--text-primary:#18241e;--text-secondary:#18241ebf;--text-muted:#18241e80;--border:#4582661a;--border-accent:#4582664d;--shadow-sm:0 1px 2px #1e3c2d0d;--shadow-md:0 8px 16px #1e3c2d14;--shadow-lg:0 16px 32px #1e3c2d1f;--shadow-xl:0 24px 48px #1e3c2d2e;--font-heading:"Lora", serif;--font-body:"Raleway", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:115%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}#root{min-height:100vh}.bg-effects{pointer-events:none;z-index:0;background:linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);position:fixed;inset:0}.gradient-orb{filter:blur(120px)contrast(1.1);opacity:.9;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#4e8e721f,#0000 70%);width:600px;height:600px;animation:25s ease-in-out infinite float-orb;top:-200px;left:-100px}.orb-2{background:radial-gradient(circle,#8ab79826,#0000 70%);width:500px;height:500px;animation:30s ease-in-out infinite reverse float-orb;bottom:-150px;right:-100px}.orb-3{background:radial-gradient(circle,#ffffffe6,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite float-orb;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float-orb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(40px,30px)scale(1.02)}}.landing{min-height:100vh;position:relative;overflow-x:hidden}.landing-ambient{pointer-events:none;z-index:0;background:var(--bg-primary);position:fixed;inset:0}.ambient-blob{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.ab-1{background:radial-gradient(#45826612 0%,#0000 70%);width:800px;height:600px;animation:40s ease-in-out infinite ambient-drift;top:-200px;left:-200px}.ab-2{background:radial-gradient(#8ab7980d 0%,#0000 70%);width:700px;height:700px;animation:35s ease-in-out infinite reverse ambient-drift;bottom:-300px;right:-200px}@keyframes ambient-drift{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.ambient-grain{z-index:1;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}.l-header{z-index:100;justify-content:space-between;align-items:center;padding:20px 48px;transition:all .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.l-header.pinned{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#f2f7f3e0;padding:14px 48px;box-shadow:0 1px 20px #1e3c2d0f}.l-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.l-logo img{object-fit:contain;width:46px;height:46px}.l-logo span{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.l-nav{gap:36px;display:flex}.l-nav a{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.l-nav a:after{content:"";background:var(--accent);width:0;height:1.5px;transition:width .35s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-4px;left:0}.l-nav a:hover{color:var(--accent)}.l-nav a:hover:after{width:100%}.l-header-actions{align-items:center;gap:12px;display:flex}.l-header-cta{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow);letter-spacing:.01em;border-radius:40px;padding:10px 26px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .3s}.l-header-cta:hover{background:var(--accent-hover);box-shadow:0 6px 24px var(--accent-glow);transform:translateY(-2px)}.l-admin-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:#fff9;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.l-admin-btn:hover{color:var(--accent);border-color:var(--border-accent);background:#4582660f;transform:translateY(-1px)}.l-hero{z-index:1;justify-content:space-between;align-items:center;gap:60px;max-width:1200px;min-height:100vh;margin:0 auto;padding:140px 48px 80px;animation:1s cubic-bezier(.16,1,.3,1) forwards heroIn;display:flex;position:relative}@keyframes heroIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.l-hero-text{flex:1;max-width:540px}.l-eyebrow{align-items:center;gap:14px;margin-bottom:32px;display:flex}.eyebrow-line{background:var(--accent);border-radius:2px;width:40px;height:2px}.l-eyebrow span:last-child{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:600;font-family:var(--font-body)}.l-hero-text h1{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:700;line-height:1.08}.l-hero-text h1 em{color:var(--accent);font-style:normal;position:relative}.l-hero-text h1 em:after{content:"";background:var(--accent);opacity:.25;border-radius:2px;height:3px;position:absolute;bottom:2px;left:0;right:0}.l-hero-sub{color:var(--text-secondary);margin-bottom:40px;font-size:1.08rem;font-weight:400;line-height:1.7}.l-hero-actions{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.l-cta-btn{background:var(--accent);color:#fff;box-shadow:0 8px 28px var(--accent-glow);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;border:none;border-radius:52px;align-items:center;gap:10px;padding:15px 36px;text-decoration:none;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex}.l-cta-btn:hover{background:var(--accent-hover);transform:translateY(-3px);box-shadow:0 14px 36px #45826647}.l-cta-btn svg{transition:transform .3s}.l-cta-btn:hover svg{transform:translate(4px)}.l-cta-hint{color:var(--text-muted);padding-left:4px;font-size:.85rem;font-weight:500}.l-hero-visual{flex:1;justify-content:center;align-items:center;animation:1.2s cubic-bezier(.16,1,.3,1) .3s both heroVisualIn;display:flex}@keyframes heroVisualIn{0%{opacity:0;transform:scale(.85)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hero-logo-wrapper{background:0 0;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;animation:4s ease-in-out infinite logo-pulse;display:flex;position:relative;overflow:hidden;box-shadow:0 0 48px #45826633,0 8px 32px #1e3c2d14}.hero-logo-wrapper img{object-fit:cover;border-radius:50%;width:100%;height:100%}@keyframes logo-pulse{0%,to{box-shadow:0 0 48px #45826633,0 8px 32px #1e3c2d14}50%{box-shadow:0 0 64px #45826659,0 8px 40px #1e3c2d1f}}.l-stats{z-index:1;border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:center;align-items:center;gap:48px;max-width:800px;margin:0 auto;padding:48px;display:flex;position:relative}.l-stat-item{flex-direction:column;align-items:center;gap:6px;display:flex}.l-stat-item strong{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em;font-size:2rem;font-weight:700}.l-stat-item span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:500}.l-stat-sep{background:var(--border);width:1px;height:40px}.l-section-head{margin-bottom:56px}.l-label{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:700;font-family:var(--font-body);margin-bottom:16px;display:inline-block}.l-section-head h2{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.15}.l-features{z-index:1;max-width:1000px;margin:0 auto;padding:100px 48px;position:relative}.l-feature-list{flex-direction:column;gap:0;display:flex}.l-feature{border-bottom:1px solid var(--border);align-items:center;gap:32px;padding:40px 0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.l-feature:before{content:"";background:var(--accent);border-radius:3px;width:3px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:-48px;transform:scaleY(0)}.l-feature:hover:before{transform:scaleY(1)}.l-feature:hover{padding-left:24px}.l-feature:first-child{border-top:1px solid var(--border)}.feat-num{font-family:var(--font-heading);color:#4582661a;flex-shrink:0;min-width:72px;font-size:3rem;font-weight:700;line-height:1;transition:color .4s}.l-feature:hover .feat-num{color:#45826638}.feat-body{flex:1}.feat-body h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:10px;font-size:1.3rem;font-weight:700}.feat-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.65}.feat-icon{width:56px;height:56px;color:var(--accent);background:#4582660f;border:1px solid #4582661a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.l-feature:hover .feat-icon{background:#4582661a;border-color:#45826633;transform:scale(1.05)}.l-steps{z-index:1;max-width:800px;margin:0 auto;padding:100px 48px;position:relative}.l-timeline{padding-left:60px;position:relative}.timeline-rail{background:linear-gradient(to bottom, var(--accent) 0%, #4582661a 100%);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:19px}.tl-step{padding-bottom:52px;position:relative}.tl-step:last-child{padding-bottom:0}.tl-marker{background:var(--accent);color:#fff;width:40px;height:40px;font-family:var(--font-heading);box-shadow:0 4px 16px var(--accent-glow);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex;position:absolute;top:0;left:-60px}.tl-content{padding-top:4px}.tl-icon{width:42px;height:42px;color:var(--accent);background:#4582660f;border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex}.tl-content h3{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:10px;font-size:1.2rem;font-weight:700}.tl-content p{color:var(--text-secondary);max-width:500px;font-size:.92rem;line-height:1.65}.l-bottom-cta{z-index:1;text-align:center;max-width:600px;margin:0 auto;padding:100px 48px 120px;position:relative}.l-bottom-cta h2{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700}.l-bottom-cta p{color:var(--text-secondary);margin-bottom:36px;font-size:1rem}.l-footer{z-index:1;border-top:1px solid var(--border);padding:40px 48px;position:relative}.l-footer-inner{text-align:center;max-width:700px;margin:0 auto}.l-footer-brand{font-family:var(--font-heading);color:var(--text-primary);justify-content:center;align-items:center;gap:12px;margin-bottom:14px;font-size:1.2rem;font-weight:700;display:flex}.l-footer-brand img{object-fit:contain;width:40px;height:40px}.l-footer-inner>p{color:var(--text-muted);margin-bottom:12px;font-size:.88rem}.l-footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.l-footer-links a{color:var(--accent);font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .25s}.l-footer-links a:hover{opacity:.75;text-decoration:underline}.l-footer-sep{color:var(--border-accent);font-size:.8rem}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.revealed{opacity:1;transform:translateY(0)}.l-feature-list .l-feature:nth-child(2){transition-delay:.1s}.l-feature-list .l-feature:nth-child(3){transition-delay:.2s}.l-timeline .tl-step:nth-child(3){transition-delay:.1s}.l-timeline .tl-step:nth-child(4){transition-delay:.2s}@media (width<=1024px){.l-hero{text-align:center;flex-direction:column;gap:48px;padding-top:140px}.l-hero-text{flex-direction:column;align-items:center;max-width:100%;display:flex}.l-hero-actions{align-items:center}.l-eyebrow{justify-content:center}.hero-logo-wrapper{width:240px;height:240px}}@media (width<=860px){.l-nav{display:none}}@media (width<=768px){.l-header{padding:16px 24px}.l-header.pinned{padding:12px 24px}.l-hero{padding:120px 24px 60px}.l-stats{flex-direction:column;gap:24px;padding:40px 24px}.l-stat-sep{width:40px;height:1px}.l-features,.l-steps{padding:72px 24px}.l-feature{flex-direction:column;align-items:flex-start;gap:16px}.l-feature:hover{padding-left:0}.l-feature:before{left:-24px}.feat-num{font-size:2.2rem}.l-bottom-cta{padding:72px 24px 96px}.l-footer{padding:32px 24px}}@media (width<=480px){.l-header-cta{padding:8px 18px;font-size:.82rem}.l-logo img{width:38px;height:38px}.l-logo span{font-size:1.15rem}.hero-logo-wrapper{width:200px;height:200px}}.login-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.login-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#f2f7f3cc;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:fixed;top:0;left:0;right:0}.login-header-logo{align-items:center;gap:16px;text-decoration:none;display:flex}.login-header-logo img{object-fit:contain;width:48px;height:48px}.login-header-logo span{font-family:var(--font-heading);color:var(--text-primary);font-size:1.3rem;font-weight:700}.login-body{z-index:1;flex:1;justify-content:center;align-items:center;padding:120px 24px 60px;display:flex;position:relative}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);width:100%;max-width:420px;box-shadow:var(--shadow-xl);border:1px solid #fffc;border-radius:28px;padding:48px 40px;animation:.6s cubic-bezier(.16,1,.3,1) loginFadeIn}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card-icon{justify-content:center;margin-bottom:20px;display:flex}.login-card-icon-circle{background:var(--surface-glass);width:64px;height:64px;color:var(--accent);box-shadow:var(--shadow-sm);border:1px solid #ffffffe6;border-radius:20px;justify-content:center;align-items:center;display:flex}.login-card-title{font-family:var(--font-heading);color:var(--text-primary);text-align:center;margin-bottom:8px;font-size:1.6rem;font-weight:700}.login-card-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:36px;font-size:.9rem;line-height:1.5}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.login-input-wrap{border:1px solid var(--border);background:#fff9;border-radius:14px;align-items:center;padding:0 14px;transition:all .3s;display:flex}.login-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#ffffffd9}.login-input-wrap .input-icon{color:var(--text-muted);flex-shrink:0;margin-right:10px}.login-input-wrap:focus-within .input-icon{color:var(--accent)}.login-input{color:var(--text-primary);font-size:.95rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:14px 0}.login-input::placeholder{color:var(--text-muted)}.show-pass-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.show-pass-btn:hover{color:var(--accent)}.login-error{color:#c53030;background:#dc3c3c14;border:1px solid #dc3c3c33;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;animation:.4s loginShake;display:flex}@keyframes loginShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.login-submit{background:var(--accent);color:#fff;width:100%;font-size:1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 14px var(--accent-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;transition:all .3s;display:flex}.login-submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 8px 24px var(--accent-glow);transform:translateY(-2px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite loginSpin}@keyframes loginSpin{to{transform:rotate(360deg)}}.login-back{text-align:center;margin-top:24px}.login-back-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s}.login-back-link:hover{color:var(--accent)}@media (width<=640px){.login-header{padding:12px 20px}.login-card{border-radius:20px;padding:36px 24px}}.dash-loading{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.dash-loading-content{z-index:10;color:var(--text-secondary);font-family:var(--font-body);flex-direction:column;align-items:center;gap:20px;display:flex}.dash-loading-spinner{border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite dspin}@keyframes dspin{to{transform:rotate(360deg)}}.dash{flex-direction:column;min-height:100vh;display:flex;position:relative}.dash-header{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#f2f7f3d9;justify-content:space-between;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0}.dash-header-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.dash-header-logo img{object-fit:contain;width:40px;height:40px}.dash-header-logo span{font-family:var(--font-heading);color:var(--text-primary);font-size:1.2rem;font-weight:700}.dash-header-tag{font-family:var(--font-body);color:var(--accent);background:var(--accent-glow);vertical-align:middle;border-radius:6px;margin-left:6px;padding:2px 8px;font-size:.75rem;font-weight:500}.dash-header-actions{align-items:center;gap:10px;display:flex}.dash-refresh-badge{color:var(--text-muted);background:var(--surface-glass);border:1px solid var(--border);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;display:flex}.dash-refresh-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite dpulse}@keyframes dpulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.dash-user-badge{color:var(--text-secondary);background:var(--surface-glass);border:1px solid var(--border);border-radius:10px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;display:flex}.dash-logout-btn{border:1px solid var(--border);background:var(--surface-glass);color:var(--text-secondary);font-size:.82rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:8px 16px;transition:all .3s;display:flex}.dash-logout-btn:hover{color:#c53030;background:#dc3c3c0f;border-color:#c53030}.dash-error-bar{color:#c53030;background:#dc3c3c0f;border:1px solid #dc3c3c26;border-radius:14px;align-items:center;gap:10px;margin:12px 32px 0;padding:12px 20px;font-size:.88rem;display:flex}.dash-error-bar button{color:#c53030;cursor:pointer;font-size:.8rem;font-family:var(--font-body);background:#dc3c3c14;border:1px solid #dc3c3c33;border-radius:8px;margin-left:auto;padding:4px 14px;font-weight:600}.dash-tabs{z-index:10;box-sizing:border-box;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:12px;max-width:100%;padding:24px 32px 0;display:flex;position:relative;overflow:auto visible}.dash-tab{border:2px solid var(--border);background:var(--surface-glass);color:var(--text-secondary);font-size:.95rem;font-weight:600;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:16px;flex:none;align-items:center;gap:10px;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;visibility:visible!important;opacity:1!important;display:flex!important}.dash-tab-text{visibility:visible!important;opacity:1!important;display:inline!important}.dash-tab:hover{color:var(--text-primary);box-shadow:var(--shadow-md);background:#fffffff2;border-color:#45826680;transform:translateY(-2px)}.dash-tab.active{color:#fff;background:linear-gradient(135deg,#458266,#326b52);border-color:#0000;transform:translateY(-2px);box-shadow:0 8px 24px #45826659}.dash-tab-count{background:#0000001a;border-radius:10px;padding:2px 10px;font-size:.75rem;font-weight:700}.dash-tab.active .dash-tab-count{color:#fff;background:#ffffff40}.dash-main{z-index:1;flex:1;padding:20px 32px;position:relative}.dash-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.summary-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-md);border:1px solid #fffc;border-radius:20px;align-items:center;gap:16px;padding:20px;transition:all .3s;display:flex}.summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.summary-card-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.sc-green{color:#458266;background:#4582661a}.sc-blue{color:#3b82b4;background:#3b82b41a}.sc-purple{color:#8b5cb5;background:#8b5cb51a}.sc-amber{color:#d69e2e;background:#d69e2e1a}.summary-card-data{flex-direction:column;gap:2px;display:flex}.summary-card-value{color:var(--text-primary);font-size:1.5rem;font-weight:800;line-height:1.2;font-family:var(--font-body)}.summary-card-value small{color:var(--text-muted);font-size:.9rem;font-weight:400}.summary-sep{color:var(--text-muted);font-size:.85rem}.summary-card-label{color:var(--text-secondary);font-size:.78rem;font-weight:500}.dash-traffic-summary{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}.traffic-summary-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-md);border:1px solid #fffc;border-radius:20px;padding:20px 24px;transition:all .3s}.traffic-summary-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.traffic-summary-header{align-items:center;gap:16px;display:flex}.traffic-summary-icon{color:#458266;background:#4582661a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.traffic-summary-icon.ts-blue{color:#3b82b4;background:#3b82b41a}.traffic-summary-value{color:var(--text-primary);font-size:1.3rem;font-weight:800;font-family:var(--font-body)}.traffic-summary-label{color:var(--text-secondary);margin-top:2px;font-size:.78rem;font-weight:500}.dash-section-label{color:var(--text-primary);font-size:1rem;font-weight:700;font-family:var(--font-heading);align-items:center;gap:8px;margin-bottom:16px;display:flex}.dash-section-label svg{color:var(--accent)}.dash-section-sub{color:var(--text-muted);font-size:.75rem;font-weight:400;font-family:var(--font-body);margin-left:8px}.dash-charts-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-md);border:1px solid #fffc;border-radius:20px;padding:18px 20px 14px;transition:all .3s;overflow:hidden}.chart-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-accent);transform:translateY(-3px)}.chart-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.chart-card-title{color:var(--text-secondary);font-size:.8rem;font-weight:600;font-family:var(--font-body);align-items:center;gap:6px;display:flex}.chart-card-title svg{color:var(--accent)}.chart-card-current{font-size:1rem;font-weight:800;font-family:var(--font-body)}.chart-card-legend{gap:8px;display:flex}.legend-item{font-size:.68rem;font-weight:700}.sparkline-svg,.sparkline-empty{width:100%;height:auto;display:block}.sparkline-line{animation:1s ease-out drawLine}.sparkline-area{animation:1.2s ease-out fadeInArea}.sparkline-dot{animation:2s ease-in-out infinite dotPulse}@keyframes drawLine{0%{stroke-dashoffset:1000px;stroke-dasharray:1000}to{stroke-dashoffset:0;stroke-dasharray:1000}}@keyframes fadeInArea{0%{opacity:0}to{opacity:1}}@keyframes dotPulse{0%,to{r:3.5;opacity:1}50%{r:5;opacity:.7}}.traffic-bar{transform-origin:bottom;animation:.6s ease-out barGrow}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.gauge-wrap{justify-content:center;display:flex}.gauge-fill{transition:stroke-dasharray .8s}.dash-servers{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;display:grid}.srv-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-md);border:1px solid #fffc;border-radius:24px;padding:28px;transition:all .3s}.srv-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-accent);transform:translateY(-4px)}.srv-card.srv-offline{opacity:.55;border-color:#dc3c3c26}.srv-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.srv-identity{align-items:center;gap:12px;display:flex}.srv-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite dpulse}.srv-name{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.srv-title-block{min-width:0}.srv-name-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.srv-ip{color:var(--text-muted);font-family:Courier New,monospace;font-size:.78rem}.srv-name-edit-btn,.srv-edit-btn{color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);background:#ffffffe0;border:1px solid #fffc;border-radius:10px;transition:all .2s}.srv-name-edit-btn{padding:5px 10px;font-size:.72rem;font-weight:700}.srv-name-edit-btn:hover,.srv-edit-btn:hover:not(:disabled){color:var(--accent);border-color:var(--border-accent)}.srv-edit-form{flex-direction:column;gap:8px;margin-bottom:4px;display:flex}.srv-edit-input{min-width:220px;max-width:320px;color:var(--text-primary);font-size:.88rem;font-family:var(--font-body);background:#ffffffeb;border:1px solid #ffffffd9;border-radius:12px;outline:none;padding:10px 12px}.srv-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.srv-edit-actions{flex-wrap:wrap;gap:8px;display:flex}.srv-edit-btn{padding:8px 12px;font-size:.78rem;font-weight:700}.srv-edit-save{color:#458266}.srv-edit-cancel{color:#9b5561}.srv-badges{gap:6px;display:flex}.srv-badge{text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:700;font-family:var(--font-body);border-radius:8px;padding:3px 10px}.badge-ctrl{color:#8b5cb5;background:#8b5cb51a;border:1px solid #8b5cb533}.badge-node{color:var(--accent);border:1px solid var(--border-accent);background:#45826614}.badge-internal{color:#3b82b4;background:#3b82b41a;border:1px solid #3b82b438}.badge-locked{color:#715e48;background:#715e4814;border:1px solid #715e482e}.badge-on{color:#458266;background:#4582661a;border:1px solid #45826633}.badge-off{color:#c53030;background:#dc3c3c14;border:1px solid #dc3c3c26}.srv-controls{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;display:flex}.srv-happ-toggle,.srv-egress-control{border:1px solid var(--border);min-height:40px;color:var(--text-secondary);font-family:var(--font-body);background:#ffffffc2;border-radius:12px;transition:all .25s}.srv-happ-toggle{cursor:pointer;align-items:center;gap:7px;padding:8px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.srv-happ-toggle.is-on{color:#458266;background:#45826614;border-color:#45826640}.srv-happ-toggle.is-off{color:#9b5561;background:#9b556114;border-color:#9b556138}.srv-happ-toggle:hover:not(:disabled),.srv-egress-control:hover{border-color:var(--border-accent);transform:translateY(-1px)}.srv-happ-toggle:disabled{opacity:.58;cursor:not-allowed}.srv-egress-control:has(select:disabled){opacity:.58;cursor:not-allowed}.srv-happ-state{color:var(--text-muted);font-size:.7rem;font-weight:600}.srv-egress-control{flex:1;align-items:center;gap:8px;min-width:210px;max-width:100%;padding:0 10px;display:inline-flex}.srv-egress-control svg{color:#3b82b4;flex-shrink:0}.srv-egress-control select{width:100%;min-width:0;color:var(--text-primary);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none;font-size:.78rem;font-weight:700}.srv-egress-control select:disabled{cursor:not-allowed}.srv-egress-loader{color:var(--accent);flex-shrink:0}.srv-control-notice{flex-basis:100%;min-height:20px;font-size:.72rem;font-weight:700}.srv-control-notice.is-success{color:#458266}.srv-control-notice.is-error{color:#c53030}.srv-gauges-row{border-bottom:1px solid var(--border);justify-content:space-around;align-items:center;margin-bottom:16px;padding:12px 0;display:flex}.srv-sparklines{border-bottom:1px solid var(--border);gap:12px;margin-bottom:14px;padding:10px 0;display:flex}.srv-spark-item{flex-direction:column;flex:1;gap:4px;display:flex}.srv-spark-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.68rem;font-weight:600;font-family:var(--font-body)}.srv-metrics{flex-direction:column;gap:10px;display:flex}.srv-info-row{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding-top:6px;font-size:.78rem;display:flex}.srv-info-row span{align-items:center;gap:5px;display:flex}.srv-info-val{color:var(--text-primary);font-weight:700}.srv-info-muted{opacity:.6}.dash-user-chips{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.user-chip{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid #fffc;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;display:flex}.chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chip-green{background:#458266}.chip-red{background:#c53030}.chip-accent{background:var(--accent-secondary)}.chip-text{color:var(--text-secondary)}.chip-text strong{color:var(--text-primary)}.user-chip-live-ip{color:#256f55;background:#45826614;border-color:#45826633}.user-chip-live-ip svg{flex-shrink:0}.dash-user-toolbar{gap:12px;margin-bottom:16px;display:flex}.dash-search{background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid #fffc;border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 16px;transition:all .3s;display:flex}.dash-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.dash-search svg{color:var(--text-muted);flex-shrink:0}.dash-search:focus-within svg{color:var(--accent)}.dash-search input{color:var(--text-primary);font-size:.88rem;font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;padding:12px 0}.dash-search input::placeholder{color:var(--text-muted)}.search-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem}.search-x:hover{color:var(--accent)}.dash-sort{background:var(--bg-card);box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:.85rem;font-family:var(--font-body);cursor:pointer;border:1px solid #fffc;border-radius:14px;outline:none;min-width:200px;padding:10px 16px}.dash-sort:focus{border-color:var(--accent)}.dash-table-wrap{background:var(--bg-card);box-shadow:var(--shadow-md);border:1px solid #fffc;border-radius:20px;overflow-x:auto}.dash-table{border-collapse:collapse;width:100%;font-size:.82rem}.dash-table thead{z-index:5;position:sticky;top:0}.dash-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;font-size:.72rem;font-weight:600;font-family:var(--font-body);background:#f2f7f3e6;padding:14px 16px}.live-ip-total{color:#256f55;background:#4582661f;border-radius:8px;justify-content:center;align-items:center;min-width:22px;margin-left:6px;padding:2px 6px;font-size:.68rem;font-weight:800;display:inline-flex}.dash-table td{vertical-align:middle;border-bottom:1px solid #4582660a;padding:12px 16px;transition:background .2s}.dash-table tr:hover td{background:#45826608}.dash-table tr.row-exp td{opacity:.45}.dash-table tr.row-exp:hover td{opacity:.8}.col-idx{color:var(--text-muted);width:40px}.col-tg{white-space:nowrap}.tg-link{color:#29a9ea;align-items:center;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.tg-link:hover{color:#1d8fc4;text-decoration:underline}.col-uuid{max-width:200px}.col-uuid code{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#4582660d;border-radius:8px;max-width:180px;padding:4px 8px;font-family:Courier New,monospace;font-size:.72rem;transition:all .2s;display:inline-block;overflow:hidden}.col-uuid code:hover{max-width:100%;color:var(--accent);background:#4582661a}.col-date{color:var(--text-secondary);white-space:nowrap;font-size:.78rem}.col-live-ip{white-space:nowrap;min-width:82px}.live-ip-box{outline:none;flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.live-ip-pill{border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:42px;padding:4px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.live-ip-on{color:#256f55;background:#4582661a;border:1px solid #45826633}.live-ip-off{color:var(--text-muted);background:#7a6f6014;border:1px solid #7a6f6024}.live-session-count{color:var(--text-muted);margin-top:3px;font-size:.66rem;display:block}.live-ip-details{min-width:180px;max-width:280px;box-shadow:var(--shadow-sm);color:var(--text-secondary);white-space:normal;word-break:break-word;background:#f9fbf8;border:1px solid #4582662e;border-radius:8px;margin-top:6px;padding:8px 10px;font-size:.7rem;font-weight:600;line-height:1.45;display:none}.live-ip-details span,.live-ip-box:hover .live-ip-details,.live-ip-box:focus .live-ip-details,.live-ip-box:focus-within .live-ip-details{display:block}.col-remain{white-space:nowrap}.remain-pill{border-radius:8px;padding:3px 10px;font-size:.72rem;font-weight:700}.remain-act{color:#458266;background:#45826614;border:1px solid #4582662e}.remain-exp{color:#c53030;background:#dc3c3c0f;border:1px solid #dc3c3c1f}.col-status{white-space:nowrap}.status-pill{align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:inline-flex}.col-whitelist{white-space:nowrap;min-width:150px}.muted{color:var(--text-muted)}.status-on{color:#458266}.status-off{color:#c53030}.dash-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.dash-footer{border-top:1px solid var(--border);color:var(--text-muted);background:var(--bg-secondary);font-size:.78rem;font-family:var(--font-body);justify-content:space-between;align-items:center;margin-top:auto;padding:12px 32px;display:flex}.dash-footer-api{opacity:.5;font-family:Courier New,monospace;font-size:.72rem}.analytics-funnel{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.funnel-step{flex-direction:column;gap:4px;display:flex}.funnel-bar-wrap{background:#ffffff4d;border:1px solid #fff9;border-radius:14px;width:100%;overflow:hidden}.funnel-bar{border-radius:14px;align-items:center;min-height:44px;transition:width .8s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 12px #00000014}.funnel-bar-content{color:#fff;width:100%;font-family:var(--font-body);align-items:center;gap:10px;padding:0 18px;display:flex}.funnel-bar-content svg{opacity:.85;flex-shrink:0}.funnel-bar-label{opacity:.95;font-size:.85rem;font-weight:600}.funnel-bar-count{margin-left:auto;font-size:1.1rem;font-weight:800}.funnel-meta{align-items:center;gap:12px;padding:0 4px;display:flex}.funnel-desc{color:var(--text-muted);font-size:.75rem}.funnel-conv{color:var(--accent);background:#45826614;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.analytics-chart-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-md);border:1px solid #fffc;border-radius:20px;padding:24px;overflow:hidden}.analytics-chart-svg{width:100%;height:auto;display:block}.analytics-chart-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.analytics-chart-empty p{font-size:.85rem}.analytics-loading,.analytics-error{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.analytics-error button{border:1px solid var(--border);background:var(--surface-glass);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;border-radius:12px;padding:8px 24px;font-weight:600;transition:all .3s}.analytics-error button:hover{border-color:var(--accent);background:#4582660f}@media (width<=1280px){.dash-charts-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.dash-summary{grid-template-columns:repeat(2,1fr)}.dash-servers{grid-template-columns:1fr}.dash-charts-grid{grid-template-columns:repeat(2,1fr)}.dash-traffic-summary{grid-template-columns:1fr 1fr}}@media (width<=768px){.dash-header{padding:12px 16px}.dash-header-actions{gap:6px}.dash-main{padding:16px}.dash-tabs{gap:8px;padding:12px 16px 6px}.dash-tab{border-radius:14px;padding:10px 16px;font-size:.86rem}.dash-summary{grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:14px}.summary-card-value{font-size:1.2rem}.dash-user-toolbar{flex-direction:column}.dash-sort{width:100%;min-width:auto}.dash-user-badge,.dash-refresh-badge span{display:none}.dash-table th,.dash-table td{padding:10px 8px;font-size:.72rem}.dash-footer{padding:12px 16px}.dash-charts-grid,.dash-traffic-summary{grid-template-columns:1fr}.funnel-bar-label{font-size:.75rem}.funnel-bar-count{font-size:.9rem}}@media (width<=480px){.dash-header-logo{gap:8px}.dash-header-logo span{font-size:1.05rem}.dash-header-logo img{width:34px;height:34px}.dash-header-tag{margin-left:2px;padding:2px 6px;font-size:.68rem}.dash-logout-btn{padding:8px 10px}.dash-logout-btn span{display:none}.dash-summary{grid-template-columns:1fr}.dash-user-chips{flex-direction:column}.dash-servers,.dash-charts-grid{grid-template-columns:1fr}.srv-gauges-row{flex-wrap:wrap;gap:8px}}.dash-deploy-form{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-md);border:1px solid #fffc;border-radius:20px;margin-bottom:16px;padding:20px 24px}.deploy-form-header{color:var(--text-primary);font-size:.95rem;font-weight:700;font-family:var(--font-heading);align-items:center;gap:8px;margin-bottom:14px;display:flex}.deploy-form-header svg{color:var(--accent)}.deploy-hint{color:var(--text-muted);font-size:.72rem;font-weight:400;font-family:var(--font-body);margin-left:auto}.deploy-form-body{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.deploy-input{border:1px solid var(--border);min-width:180px;font-size:.88rem;font-family:var(--font-body);color:var(--text-primary);background:#ffffffb3;border-radius:12px;outline:none;flex:1;padding:10px 16px;transition:all .3s}.deploy-input::placeholder{color:var(--text-muted)}.deploy-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.deploy-input-pass{flex:.8}.deploy-btn{color:#fff;font-size:.88rem;font-weight:700;font-family:var(--font-body);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#458266,#326b52);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;transition:all .3s;display:flex}.deploy-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #45826659}.deploy-btn:disabled{opacity:.5;cursor:not-allowed}.srv-actions{border-top:1px solid var(--border);gap:8px;margin-top:14px;padding-top:14px;display:flex}.srv-action-btn{border:1px solid var(--border);font-size:.75rem;font-weight:600;font-family:var(--font-body);cursor:pointer;background:#ffffffb3;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;transition:all .25s;display:flex}.srv-action-rotate{color:#3b82b4}.srv-action-rotate:hover{background:#3b82b41a;border-color:#3b82b44d;transform:translateY(-1px)}.srv-action-delete{color:#c53030}.srv-action-delete:hover{background:#dc3c3c14;border-color:#dc3c3c33;transform:translateY(-1px)}@keyframes spin-icon{to{transform:rotate(360deg)}}.spin-icon{animation:1s linear infinite spin-icon}.broadcast-tab{flex-direction:column;gap:0;display:flex}.broadcast-grid{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.3fr);gap:16px;display:grid}.broadcast-panel,.broadcast-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow-md);border:1px solid #fffc;border-radius:20px}.broadcast-panel{padding:20px 24px}.broadcast-panel-head{color:var(--text-primary);font-family:var(--font-heading);align-items:center;gap:8px;margin-bottom:14px;font-size:.95rem;font-weight:700;display:flex}.broadcast-panel-head .broadcast-ghost-btn{margin-left:auto}.broadcast-panel-head svg{color:var(--accent)}.broadcast-form{flex-direction:column;gap:10px;display:flex}.broadcast-form-row,.broadcast-button-row{align-items:center;gap:10px;display:flex}.broadcast-form input,.broadcast-form select,.broadcast-form textarea,.broadcast-button-row input,.broadcast-button-row select{border:1px solid var(--border);width:100%;min-width:0;color:var(--text-primary);font-size:.84rem;font-family:var(--font-body);background:#ffffffb8;border-radius:12px;outline:none;padding:10px 14px;transition:all .25s}.broadcast-form textarea{resize:vertical;line-height:1.45}.broadcast-form input:focus,.broadcast-form select:focus,.broadcast-form textarea:focus,.broadcast-button-row input:focus,.broadcast-button-row select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.broadcast-button-editor{flex-direction:column;gap:8px;display:flex}.broadcast-button-row button,.broadcast-primary-btn,.broadcast-secondary-btn,.broadcast-ghost-btn,.broadcast-card-actions button{border:1px solid var(--border);font-family:var(--font-body);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;font-weight:700;transition:all .25s;display:inline-flex}.broadcast-secondary-btn,.broadcast-ghost-btn{color:var(--text-secondary);background:#ffffffb8;padding:9px 13px;font-size:.76rem}.broadcast-ghost-btn{border-color:#45826629;padding:7px 10px}.broadcast-button-row button{width:42px;height:38px;color:var(--accent);background:#4582661a;flex:0 0 42px}.broadcast-button-list{flex-wrap:wrap;gap:6px;display:flex}.broadcast-button-pill{color:var(--accent);background:#45826614;border:1px solid #45826629;border-radius:10px;align-items:center;gap:6px;padding:5px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.broadcast-button-pill button{color:inherit;cursor:pointer;background:0 0;border:none;font-size:.9rem;line-height:1}.broadcast-primary-btn{color:#fff;background:linear-gradient(135deg,#458266,#326b52);border:none;align-self:flex-start;padding:10px 18px}.broadcast-primary-btn:hover:not(:disabled),.broadcast-button-row button:hover,.broadcast-card-actions button:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.broadcast-primary-btn:disabled{opacity:.55;cursor:not-allowed}.broadcast-form-actions,.broadcast-template-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.broadcast-template-tools{color:var(--text-secondary);background:#45826612;border:1px solid #45826624;border-radius:12px;padding:9px 12px;font-size:.76rem}.broadcast-template-tools button{color:var(--accent);cursor:pointer;background:#ffffffbd;border:1px solid #45826633;border-radius:10px;align-items:center;gap:6px;margin-left:auto;padding:7px 10px;font-weight:800;display:inline-flex}.broadcast-edit-banner{color:#8a5a10;background:#d69e2e17;border:1px solid #d69e2e33;border-radius:12px;align-items:flex-start;gap:8px;margin:-4px 0 14px;padding:10px 12px;font-size:.78rem;line-height:1.4;display:flex}.broadcast-preview-panel{background:#45826614;border:1px solid #4582662e;border-radius:16px;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);align-items:center;gap:14px;margin-top:16px;padding:16px 18px;display:grid}.broadcast-preview-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:0;margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.broadcast-preview-panel h3{color:var(--text-primary);font-family:var(--font-heading);margin:0;font-size:.98rem}.broadcast-preview-stats{color:var(--text-secondary);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;font-size:.78rem;display:grid}.broadcast-preview-stats b{color:var(--text-primary)}.broadcast-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.broadcast-card{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.broadcast-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.broadcast-card-title{min-width:0}.broadcast-card h3{color:var(--text-primary);font-size:1rem;font-family:var(--font-heading);overflow-wrap:anywhere;margin:0 0 4px}.broadcast-card p{color:var(--text-muted);font-size:.78rem;font-family:var(--font-body);margin:0}.broadcast-content-preview{white-space:pre-line;background:#ffffff85;border:1px solid #ffffffa8;border-radius:12px;min-height:42px;padding:10px 12px;line-height:1.45;color:var(--text-secondary)!important}.broadcast-test-state{border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.broadcast-test-state.is-tested{color:#458266;background:#45826617;border:1px solid #4582662e}.broadcast-test-state.needs-test{color:#a26c16;background:#d69e2e1a;border:1px solid #d69e2e38}.broadcast-card-meta{color:var(--text-secondary);grid-template-columns:1fr;gap:5px;font-size:.76rem;display:grid}.broadcast-card-actions{flex-wrap:wrap;gap:8px;padding-top:4px;display:flex}.broadcast-card-actions button{color:var(--text-secondary);background:#ffffffb8;padding:7px 10px;font-size:.74rem}.broadcast-card-actions button:hover{color:var(--accent);border-color:var(--border-accent)}.broadcast-card-actions button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none;transform:none}.broadcast-status{font-size:.72rem;font-weight:800;font-family:var(--font-body);border-radius:9px;align-self:flex-start;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.status-active,.status-completed{color:#458266;background:#45826617;border:1px solid #45826633}.status-draft,.status-paused,.status-running{color:#a26c16;background:#d69e2e1a;border:1px solid #d69e2e38}.status-cancelled,.status-completed_with_errors{color:#c53030;background:#dc3c3c14;border:1px solid #dc3c3c29}@media (width<=1024px){.broadcast-grid,.broadcast-preview-panel{grid-template-columns:1fr}}@media (width<=768px){.broadcast-form-row,.broadcast-button-row{flex-direction:column;align-items:stretch}.broadcast-button-row button{flex-basis:auto;width:100%}.broadcast-template-tools{flex-direction:column;align-items:stretch}.broadcast-template-tools button,.broadcast-secondary-btn,.broadcast-ghost-btn{width:100%;margin-left:0}.broadcast-card-top,.broadcast-form-actions{flex-direction:column;align-items:stretch}}.d-page{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:160px 48px 100px;display:flex;position:relative}.d-header{text-align:center;margin-bottom:60px}.d-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(2.2rem,4vw,3rem);font-weight:700}.d-header p{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:1.1rem}.d-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;width:100%;max-width:900px;display:grid}.d-card{text-align:center;cursor:default;background:#fff6;border:1px solid #4582661a;border-radius:20px;flex-direction:column;padding:36px 32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 20px #1e3c2d05}.d-card:hover{background:#ffffffb3;border-color:#45826633;transform:translateY(-4px);box-shadow:0 12px 36px #4582661a}.d-icon{width:64px;height:64px;color:var(--accent);background:#4582660f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;transition:transform .3s;display:flex}.d-card:hover .d-icon{background:#4582661f;transform:scale(1.1)}.d-card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.3rem;font-weight:700}.d-card p{color:var(--text-secondary);flex:1;margin-bottom:32px;font-size:.95rem}.d-btn{background:var(--accent);color:#fff;box-shadow:0 4px 16px var(--accent-glow);border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.d-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #45826640}.d-btn.disabled{background:var(--border);color:var(--text-muted);box-shadow:none;pointer-events:none}