.hp{font-family:var(--font);color:#0d0d0d;overflow-x:hidden}.hp-accent{color:#ff4500}.hp-fade{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.hp-fade.hp-visible{opacity:1;transform:translateY(0)}.hp-nav{-webkit-backdrop-filter:blur(10px);z-index:200;background:#ffffffe6;border-bottom:1px solid #e9ecef;height:64px;position:fixed;top:0;left:0;right:0}.hp-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.hp-nav-logo{color:#0d0d0d;align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.hp-nav-logo span:first-child{font-size:20px}.hp-nav-links{align-items:center;gap:12px;display:flex}.hp-nav-ghost{color:#6c757d;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.hp-nav-ghost:hover{color:#0d0d0d;background:#f8f9fa}.hp-nav-btn{color:#fff;background:#ff4500;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.hp-nav-btn:hover{background:#ff6b35;transform:translateY(-1px)}.hp-hero{background:#fff;justify-content:center;align-items:center;min-height:90vh;padding:120px 24px 80px;display:flex}.hp-hero-inner{text-align:center;max-width:800px;animation:.6s slideUp}.hp-hero-badge{color:#ff4500;background:#fff4f0;border:1px solid #ffd4c4;border-radius:999px;margin-bottom:24px;padding:6px 18px;font-size:13px;font-weight:500;display:inline-block}.hp-hero-title{letter-spacing:-1px;margin:0 0 20px;font-size:64px;font-weight:800;line-height:1.1}.hp-hero-desc{color:#6c757d;max-width:560px;margin:0 auto 32px;font-size:18px;line-height:1.6}.hp-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.hp-btn-primary{color:#fff;cursor:pointer;background:#ff4500;border:none;border-radius:10px;justify-content:center;align-items:center;height:52px;padding:0 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #ff450066}.hp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #ff450080}.hp-btn-outline{color:#0d0d0d;cursor:pointer;background:0 0;border:1.5px solid #e9ecef;border-radius:10px;justify-content:center;align-items:center;height:52px;padding:0 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hp-btn-outline:hover{background:#f8f9fa;border-color:#dee2e6}.hp-btn-full{width:100%}.hp-social{flex-direction:column;align-items:center;gap:8px;margin-bottom:48px;display:flex}.hp-avatars{display:flex}.hp-avatar{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:-8px;font-size:11px;font-weight:600;display:flex}.hp-avatar:first-child{margin-left:0}.hp-social-text{color:#6c757d;font-size:13px}.hp-stars{color:#6c757d;align-items:center;gap:4px;font-size:13px;display:flex}.hp-stars span{color:#0d0d0d;font-weight:600}.hp-stats{justify-content:center;align-items:center;gap:32px;display:flex}.hp-stat{text-align:center}.hp-stat-num{color:#0d0d0d;margin-bottom:4px;font-size:32px;font-weight:700;line-height:1}.hp-stat-label{color:#6c757d;font-size:13px}.hp-stat-divider{background:#e9ecef;width:1px;height:40px}.hp-features{background:#f8f9fa;padding:80px 24px}.hp-section-inner{max-width:1100px;margin:0 auto}.hp-section-header{text-align:center;margin-bottom:48px}.hp-section-header h2{color:#0d0d0d;margin:0 0 8px;font-size:32px;font-weight:700}.hp-section-header p{color:#6c757d;margin:0;font-size:16px}.hp-features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hp-feature-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:28px;transition:all .2s}.hp-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.hp-feature-icon{background:#fff4f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:24px;display:flex}.hp-feature-card h3{color:#0d0d0d;margin:0 0 8px;font-size:16px;font-weight:600}.hp-feature-card p{color:#6c757d;margin:0;font-size:14px;line-height:1.5}.hp-how{background:#fff;padding:80px 24px}.hp-steps{justify-content:center;gap:48px;display:flex;position:relative}.hp-steps-line{z-index:0;border-top:2px dashed #ffd4c4;width:320px;height:0;position:absolute;top:28px;left:calc(50% - 160px)}.hp-step{text-align:center;z-index:1;flex:1;max-width:240px;position:relative}.hp-step-circle{color:#fff;background:#ff4500;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:20px;font-weight:700;display:flex}.hp-step h3{color:#0d0d0d;margin:0 0 8px;font-size:16px;font-weight:600}.hp-step p{color:#6c757d;margin:0;font-size:14px;line-height:1.5}.hp-pricing{background:#f8f9fa;padding:80px 24px}.hp-pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.hp-price-card{text-align:center;background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:32px;transition:all .2s;position:relative}.hp-price-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.hp-price-card--pop{border:2px solid #ff4500;transform:scale(1.04)}.hp-price-card--pop:hover{transform:scale(1.04)translateY(-4px);box-shadow:0 8px 30px #ff450026}.hp-popular-badge{color:#fff;white-space:nowrap;background:#ff4500;border-radius:999px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.hp-price-name{color:#0d0d0d;margin-bottom:8px;font-size:18px;font-weight:600}.hp-price-amount{color:#ff4500;margin-bottom:24px;font-size:40px;font-weight:800;line-height:1}.hp-price-amount span{color:#6c757d;font-size:16px;font-weight:400}.hp-price-features{text-align:left;margin:0 0 24px;padding:0;list-style:none}.hp-price-features li{color:#6c757d;border-bottom:1px solid #f1f3f5;padding:10px 0;font-size:14px}.hp-price-features li:last-child{border-bottom:none}.hp-check{color:#2ecc71;margin-right:8px;font-weight:700}.hp-price-skeleton{pointer-events:none}.hp-skel-badge,.hp-skel-name,.hp-skel-price,.hp-skel-line,.hp-skel-btn{background:linear-gradient(90deg,#f1f3f5 25%,#e9ecef 50%,#f1f3f5 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite hp-skel-pulse}.hp-skel-badge{border-radius:999px;width:100px;height:24px;margin:0 auto 16px}.hp-skel-name{width:80px;height:20px;margin:0 auto 12px}.hp-skel-price{width:120px;height:40px;margin:0 auto 24px}.hp-skel-line{width:100%;height:16px;margin-bottom:12px}.hp-skel-btn{width:100%;height:44px;margin-top:8px}@keyframes hp-skel-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.hp-testimonials{background:#fff;padding:80px 24px}.hp-test-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.hp-test-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;padding:28px;transition:all .2s}.hp-test-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014}.hp-test-stars{margin-bottom:12px;font-size:14px}.hp-test-text{color:#0d0d0d;margin:0 0 20px;font-size:15px;font-style:italic;line-height:1.6}.hp-test-author{align-items:center;gap:10px;display:flex}.hp-test-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.hp-test-name{color:#0d0d0d;font-size:14px;font-weight:600}.hp-test-plan{color:#6c757d;font-size:12px}.hp-cta{padding:0 24px 80px}.hp-cta-inner{text-align:center;background:linear-gradient(135deg,#ff4500,#ff6b35);border-radius:24px;padding:64px 24px}.hp-cta-inner h2{color:#fff;margin:0 0 12px;font-size:40px;font-weight:800}.hp-cta-inner p{color:#ffffffe6;margin:0 0 32px;font-size:18px}.hp-btn-white{color:#ff4500;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;height:52px;padding:0 32px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.hp-btn-white:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0003}.hp-footer{color:#fff;background:#0d0d0d;padding:48px 24px 24px}.hp-footer-inner{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;max-width:1100px;margin:0 auto;padding-bottom:32px;display:flex}.hp-footer-logo{margin-bottom:8px;font-size:18px;font-weight:700}.hp-footer-left p{color:#fff9;margin:0;font-size:14px}.hp-footer-links{gap:24px;display:flex}.hp-footer-links a{color:#fff9;font-size:14px;text-decoration:none;transition:color .15s}.hp-footer-links a:hover{color:#fff}.hp-footer-bottom{text-align:center;color:#fff6;max-width:1100px;margin:0 auto;padding-top:24px;font-size:13px}@media (width<=1024px){.hp-features-grid,.hp-pricing-grid{grid-template-columns:repeat(2,1fr)}.hp-pricing-grid .hp-price-card:last-child{grid-column:span 2;justify-self:center;max-width:400px}.hp-test-grid{grid-template-columns:repeat(2,1fr)}.hp-test-grid .hp-test-card:last-child{grid-column:span 2;justify-self:center;max-width:500px}}@media (width<=768px){.hp-hero{min-height:auto;padding:100px 20px 60px}.hp-hero-title{font-size:40px}.hp-hero-desc{font-size:16px}.hp-hero-actions{flex-direction:column;align-items:center}.hp-hero-actions .hp-btn-primary,.hp-hero-actions .hp-btn-outline{width:100%;max-width:320px}.hp-stats{flex-direction:column;gap:20px}.hp-stat-divider{width:40px;height:1px}.hp-features-grid{grid-template-columns:1fr}.hp-steps{flex-direction:column;align-items:center;gap:32px}.hp-steps-line{display:none}.hp-step{max-width:280px}.hp-pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.hp-pricing-grid .hp-price-card:last-child{grid-column:auto;max-width:none}.hp-price-card--pop{transform:none}.hp-price-card--pop:hover{transform:translateY(-4px)}.hp-test-grid{grid-template-columns:1fr}.hp-test-grid .hp-test-card:last-child{grid-column:auto;max-width:none}.hp-cta-inner{padding:48px 20px}.hp-cta-inner h2{font-size:28px}.hp-cta-inner p{font-size:16px}.hp-footer-inner{flex-direction:column;gap:24px}}@media (width<=480px){.hp-hero-title{font-size:32px}.hp-nav-logo span:last-child{font-size:15px}.hp-section-header h2{font-size:26px}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font);font-weight:var(--fw-semibold);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:0;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{font-size:var(--fs-sm);padding:7px 14px}.btn--md{font-size:var(--fs-base);padding:10px 20px}.btn--lg{font-size:var(--fs-md);padding:14px 28px}.btn--primary{background-color:var(--accent);color:#fff;box-shadow:var(--shadow-button)}.btn--primary:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff450066}.btn--primary:active:not(:disabled){box-shadow:var(--shadow-button);transform:scale(.98)}.btn--secondary{color:var(--text-primary);border-color:var(--border);background-color:#fff}.btn--secondary:hover:not(:disabled){border-color:var(--border-strong);background-color:var(--bg-secondary);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:scale(.98)}.btn--danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.btn--danger:active:not(:disabled){transform:scale(.98)}.btn--ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background-color:var(--bg-tertiary)}.btn__spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.btn--sm .btn__spinner{width:14px;height:14px}.btn--lg .btn__spinner{width:18px;height:18px}@media (width<=768px){.btn--sm{min-height:40px;padding:8px 16px;font-size:14px}.btn--md{min-height:44px;padding:10px 20px;font-size:15px}.btn--lg{min-height:48px;padding:12px 24px;font-size:16px}}.login-page{min-height:100vh;display:flex}.login-brand{background:linear-gradient(135deg,#ff4500 0%,#ff6b35 50%,#cc3700 100%);flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.login-brand-overlay{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.login-brand-content{z-index:1;text-align:center;max-width:380px;animation:.6s fadeIn;position:relative}.login-brand-logo{filter:drop-shadow(0 4px 12px #0003);margin-bottom:20px;font-size:64px}.login-brand-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:40px;font-weight:800}.login-brand-title span{color:#ffffffd9}.login-brand-tagline{color:#ffffffe6;margin:0 0 40px;font-size:18px;font-weight:400}.login-brand-features{flex-direction:column;gap:16px;display:flex}.login-brand-feature{color:#fffffff2;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.login-brand-check{flex-shrink:0;font-size:18px}.login-brand-dots{pointer-events:none;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.login-form-side{background-color:#fff;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.login-form-wrap{width:100%;max-width:400px;animation:.4s slideUp}.login-logo-sm{align-items:center;gap:8px;margin-bottom:40px;text-decoration:none;display:flex}.login-logo-sm-icon{font-size:28px}.login-logo-sm-text{color:#0d0d0d;font-size:20px;font-weight:700}.login-logo-sm-accent{color:#ff4500}.login-form-header{margin-bottom:32px}.login-form-title{color:#0d0d0d;margin:0 0 4px;font-size:28px;font-weight:700}.login-form-subtitle{color:#6c757d;margin:0;font-size:15px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{color:#0d0d0d;font-size:13px;font-weight:500}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{pointer-events:none;font-size:16px;position:absolute;left:14px}.login-input{color:#0d0d0d;width:100%;height:48px;font-size:15px;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:10px;padding:0 14px 0 42px;transition:all .2s}.login-input:focus{background-color:#fff;border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.login-input::placeholder{color:#adb5bd}.login-eye-btn{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:16px;transition:opacity .15s;position:absolute;right:12px}.login-eye-btn:hover{opacity:1}.login-submit{margin-top:8px;box-shadow:0 4px 16px #ff450066}.login-error{color:#e74c3c;background-color:#fff0f0;border-left:3px solid #e74c3c;border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;animation:.3s shake;display:flex}.login-footer{text-align:center;color:#adb5bd;margin-top:40px;font-size:13px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.login-page{flex-direction:column}.login-brand{display:none}.login-form-side{min-height:100vh;padding:24px}}.admin-login-page{min-height:100vh;display:flex}.admin-login-brand{background:linear-gradient(135deg,#cc3700 0%,#ff4500 50%,#ff6b35 100%);flex:1;justify-content:center;align-items:center;padding:48px;display:flex;position:relative;overflow:hidden}.admin-login-brand-overlay{background-image:radial-gradient(circle,#ffffff0f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.admin-login-brand-content{z-index:1;text-align:center;max-width:380px;animation:.6s fadeIn;position:relative}.admin-login-brand-logo{filter:drop-shadow(0 4px 12px #0003);margin-bottom:20px;font-size:64px}.admin-login-brand-title{color:#fff;letter-spacing:-.5px;margin:0 0 8px;font-size:40px;font-weight:800}.admin-login-brand-title span{color:#ffffffd9}.admin-login-brand-tagline{color:#ffffffe6;margin:0 0 40px;font-size:18px;font-weight:400}.admin-login-brand-features{flex-direction:column;gap:16px;display:flex}.admin-login-brand-feature{color:#fffffff2;align-items:center;gap:12px;font-size:15px;font-weight:500;display:flex}.admin-login-brand-check{flex-shrink:0;font-size:18px}.admin-login-brand-dots{pointer-events:none;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.admin-login-form-side{background-color:#fff;flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.admin-login-form-wrap{width:100%;max-width:400px;animation:.4s slideUp}.admin-login-logo-sm{align-items:center;gap:8px;margin-bottom:40px;text-decoration:none;display:flex}.admin-login-logo-sm-icon{font-size:28px}.admin-login-logo-sm-text{color:#0d0d0d;font-size:20px;font-weight:700}.admin-login-logo-sm-accent{color:#ff4500}.admin-login-form-header{margin-bottom:32px}.admin-login-form-title{color:#0d0d0d;margin:0 0 4px;font-size:28px;font-weight:700}.admin-login-form-subtitle{color:#6c757d;margin:0;font-size:15px}.admin-login-form{flex-direction:column;gap:20px;display:flex}.admin-login-field{flex-direction:column;gap:6px;display:flex}.admin-login-label{color:#0d0d0d;font-size:13px;font-weight:500}.admin-login-input-wrap{align-items:center;display:flex;position:relative}.admin-login-input-icon{pointer-events:none;font-size:16px;position:absolute;left:14px}.admin-login-input{color:#0d0d0d;width:100%;height:48px;font-size:15px;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:10px;padding:0 14px 0 42px;transition:all .2s}.admin-login-input:focus{background-color:#fff;border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.admin-login-input::placeholder{color:#adb5bd}.admin-login-eye-btn{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:16px;transition:opacity .15s;position:absolute;right:12px}.admin-login-eye-btn:hover{opacity:1}.admin-login-submit{margin-top:8px;box-shadow:0 4px 16px #ff450066}.admin-login-error{color:#e74c3c;background-color:#fff0f0;border-left:3px solid #e74c3c;border-radius:8px;align-items:center;gap:8px;padding:12px 14px;font-size:14px;animation:.3s shake;display:flex}.admin-login-user-link{text-align:center;color:#6c757d;margin-top:24px;font-size:14px;text-decoration:none;transition:color .15s;display:block}.admin-login-user-link:hover{color:#ff4500}.admin-login-footer{text-align:center;color:#adb5bd;margin-top:24px;font-size:13px}@media (width<=768px){.admin-login-page{flex-direction:column}.admin-login-brand{display:none}.admin-login-form-side{min-height:100vh;padding:24px}}.admin-overview{max-width:800px}.admin-overview-loading{text-align:center;color:#adb5bd;padding:80px 0}.admin-overview-title{color:#0d0d0d;margin:0 0 4px;font-size:28px;font-weight:700}.admin-overview-subtitle{color:#6c757d;margin:0 0 24px;font-size:14px}.admin-overview-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.admin-overview-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;align-items:center;gap:16px;padding:24px;transition:all .2s;animation:.3s backwards fadeIn;display:flex;box-shadow:0 1px 3px #0000000a}.admin-overview-card:hover{box-shadow:0 4px 12px #00000014}.admin-overview-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.admin-overview-card-info{flex-direction:column;gap:2px;display:flex}.admin-overview-card-value{color:#0d0d0d;font-size:28px;font-weight:700}.admin-overview-card-label{color:#6c757d;font-size:14px}@media (width<=640px){.admin-overview-grid{grid-template-columns:1fr}}.users-page{max-width:900px}.users-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding-bottom:24px;display:flex}.users-header-left{flex-direction:column;gap:4px;display:flex}.users-title{color:#0d0d0d;margin:0;font-size:28px;font-weight:700}.users-subtitle{color:#6c757d;margin:0;font-size:14px}.users-create-btn{color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);background-color:#ff4500;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;transition:all .15s;display:flex}.users-create-btn:hover{background-color:#ff6b35;transform:translateY(-1px)}.users-search-wrap{width:100%;margin-bottom:20px;position:relative}.users-search-icon{pointer-events:none;font-size:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.users-search-input{color:#0d0d0d;width:100%;height:44px;font-size:14px;font-family:var(--font);box-sizing:border-box;background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;padding:0 40px;transition:all .2s}.users-search-input:focus{background-color:#fff;border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.users-search-input::placeholder{color:#adb5bd}.users-search-clear{color:#6c757d;cursor:pointer;width:24px;height:24px;font-size:11px;line-height:1;font-family:var(--font);background:#dee2e6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.users-search-clear:hover{color:#fff;background:#ff4500}.users-loading{text-align:center;color:#adb5bd;padding:80px 0}.users-empty{text-align:center;padding:80px 20px}.users-empty-icon{margin-bottom:16px;font-size:64px;display:block}.users-empty-title{color:#0d0d0d;margin:0 0 8px;font-size:20px;font-weight:600}.users-empty-desc{color:#6c757d;margin:0 0 24px;font-size:15px}.users-table-wrap{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.users-table{border-collapse:collapse;width:100%;min-width:800px}.users-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#6c757d;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 16px;font-size:12px;font-weight:600}.users-table td{color:#0d0d0d;vertical-align:middle;border-bottom:1px solid #f1f3f5;padding:14px 16px;font-size:14px}.users-row{transition:background-color .15s;animation:.3s backwards fadeIn}.users-row:hover{background-color:#fff4f0}.users-uid{color:#ff4500;letter-spacing:.5px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:13px;font-weight:600}.users-username{font-weight:600}.users-expires{color:#6c757d;font-size:13px}.users-plan{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.users-plan--gray{color:#6c757d;background-color:#f1f3f5}.users-plan--blue{color:#3498db;background-color:#ebf5ff}.users-plan--orange{color:#ff4500;background-color:#fff4f0}.users-status{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.users-status--active{color:#2ecc71;background-color:#eafaf1}.users-status--warning{color:#f39c12;background-color:#fef9e7}.users-status--expired{color:#e74c3c;background-color:#fee2e2}.users-status--lifetime{color:#ff4500;background-color:#fff4f0;font-weight:600}.users-actions{gap:4px;display:flex}.users-accounts-link{color:#ff4500;cursor:pointer;text-underline-offset:2px;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:4px;padding:4px 8px;text-decoration:underline;transition:color .15s}.users-accounts-link:hover{color:#ff6b35;background-color:#fff4f0}.users-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.users-action-btn:hover{background-color:#f8f9fa}.users-action-btn--danger:hover{background-color:#fee2e2}.users-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.2s scaleIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.users-modal-header{border-bottom:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.users-modal-title{color:#0d0d0d;margin:0;font-size:20px;font-weight:700}.users-modal-close{color:#adb5bd;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.users-modal-close:hover{color:#0d0d0d;background-color:#f8f9fa}.users-modal-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.users-modal-success{color:#2ecc71;background-color:#eafaf1;border-left:3px solid #2ecc71;border-radius:8px;padding:12px 14px;font-size:14px}.users-modal-error{color:#e74c3c;background-color:#fff0f0;border-left:3px solid #e74c3c;border-radius:8px;padding:12px 14px;font-size:14px}.users-form-group{flex-direction:column;gap:6px;display:flex}.users-form-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-size:12px;font-weight:600}.users-form-input{color:#0d0d0d;width:100%;font-size:15px;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;padding:10px 14px;transition:all .2s}.users-form-input:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.users-form-select{width:100%}.users-form-select:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.users-form-select option{color:#0d0d0d;background-color:#fff}.users-form-select option:checked,.users-form-select option:hover{color:#ff4500!important;background-color:#fff4f0!important}.users-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.users-modal-footer{border-top:1px solid #e9ecef;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.users-modal-cancel{color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font);background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:10px 20px;transition:all .15s}.users-modal-cancel:hover{background-color:#e9ecef}.users-modal-save{color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);background-color:#ff4500;border:none;border-radius:8px;padding:10px 24px;transition:all .15s}.users-modal-save:hover{background-color:#ff6b35}.users-modal-save:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.users-header{flex-direction:column}.users-form-row{grid-template-columns:1fr}.users-table-wrap{box-shadow:none;background:0 0;border:none;overflow-x:visible}.users-table thead{display:none}.users-table,.users-table tbody,.users-table tr,.users-table td{display:block}.users-table tr{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:10px;padding:14px;box-shadow:0 1px 3px #0000000a}.users-table td{border:none;padding:4px 0;font-size:14px}.users-table td:first-child{display:none}.users-table td:nth-child(2){font-size:16px;font-weight:700}.users-table td:nth-child(3){margin-right:8px;display:inline-block}.users-table td:nth-child(4){display:inline-block}.users-table td:nth-child(5),.users-table td:nth-child(6){display:none}.users-table td:nth-child(7){margin-right:8px;display:inline-block}.users-table td:nth-child(8){gap:4px;margin-top:8px;display:flex}}.ap{max-width:1100px}.ap-header{margin-bottom:32px}.ap-title{color:#0d0d0d;margin:0 0 4px;font-size:28px;font-weight:700}.ap-subtitle{color:#6c757d;margin:0;font-size:15px}.ap-loading{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:15px;display:flex}.ap-spinner{border:3px solid #e9ecef;border-top-color:#ff4500;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite ap-spin}@keyframes ap-spin{to{transform:rotate(360deg)}}.ap-error-banner{background:#fff4f0;border:1px solid #ffd4c4;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.ap-error-icon{flex-shrink:0;font-size:24px}.ap-error-text{flex:1}.ap-error-text strong{color:#e74c3c;margin-bottom:2px;font-size:14px;font-weight:600;display:block}.ap-error-text p{color:#6c757d;margin:0;font-size:13px}.ap-retry-btn{color:#fff;cursor:pointer;white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font);background:#ff4500;border:none;border-radius:8px;flex-shrink:0;padding:8px 20px;transition:all .2s}.ap-retry-btn:hover{background:#ff6b35}.ap-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ap-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;transition:all .2s;overflow:hidden}.ap-card:hover{box-shadow:0 4px 16px #00000014}.ap-card--popular{border:2px solid #ff4500}.ap-card-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.ap-plan-badge{border-radius:999px;padding:4px 14px;font-size:13px;font-weight:600}.ap-plan-badge--basic{color:#0d0d0d;background:#f1f3f5}.ap-plan-badge--pro{color:#ff4500;background:#fff4f0}.ap-plan-badge--elite{color:#f39c12;background:#fff8e1}.ap-card-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.ap-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ap-field{flex-direction:column;gap:6px;display:flex}.ap-field label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.ap-field input{font-size:14px;font-family:var(--font);color:#0d0d0d;box-sizing:border-box;background:#fff;border:1px solid #e9ecef;border-radius:8px;width:100%;padding:10px 12px;transition:border-color .15s}.ap-field input:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.ap-toggle-field{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.ap-toggle-field label{color:#0d0d0d;font-size:13px;font-weight:500}.ap-popular-toggle{border-top:1px solid #f1f3f5;margin-top:2px;padding-top:14px}.ap-toggle{cursor:pointer;background:#dee2e6;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.ap-toggle--on{background:#ff4500}.ap-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.ap-toggle--on .ap-toggle-knob{transform:translate(20px)}.ap-card-footer{padding:0 24px 20px}.ap-save-btn{color:#fff;cursor:pointer;width:100%;font-size:14px;font-weight:600;font-family:var(--font);background:#ff4500;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.ap-save-btn:hover:not(:disabled){background:#ff6b35;transform:translateY(-1px)}.ap-save-btn:disabled{opacity:.7;cursor:not-allowed}.ap-save-btn--success{background:#2ecc71}.ap-save-btn--error{background:#e74c3c}.ap-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite ap-spin}@media (width<=1024px){.ap-grid{grid-template-columns:1fr;max-width:480px}}@media (width<=768px){.ap-title{font-size:22px}.ap-error-banner{flex-wrap:wrap}}.admin-settings{max-width:600px}.admin-settings-title{color:#0d0d0d;margin:0 0 4px;font-size:28px;font-weight:700}.admin-settings-subtitle{color:#6c757d;margin:0 0 24px;font-size:14px}.admin-settings-cards{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.admin-settings-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.admin-settings-card-header{align-items:center;gap:14px;padding:20px 20px 0;display:flex}.admin-settings-card-icon{flex-shrink:0;font-size:24px}.admin-settings-card-title{color:#0d0d0d;margin:0 0 2px;font-size:16px;font-weight:600}.admin-settings-card-desc{color:#6c757d;margin:0;font-size:13px}.admin-settings-card-body{padding:16px 20px 20px}.admin-settings-input{color:#0d0d0d;width:100%;font-size:14px;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;padding:10px 14px;transition:all .2s}.admin-settings-input:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.admin-settings-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.admin-settings-toggle input{opacity:0;width:0;height:0}.admin-settings-toggle-slider{background-color:#dee2e6;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:all .2s;position:relative}.admin-settings-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.admin-settings-toggle input:checked+.admin-settings-toggle-slider{background-color:#ff4500}.admin-settings-toggle input:checked+.admin-settings-toggle-slider:before{transform:translate(20px)}.admin-settings-toggle-label{color:#6c757d;font-size:14px;font-weight:500}.admin-settings-save{color:#fff;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font);background-color:#ff4500;border:none;border-radius:8px;padding:12px 32px;transition:all .15s}.admin-settings-save:hover{background-color:#ff6b35;transform:translateY(-1px)}.ann-page{max-width:900px}.ann-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.ann-title{color:#0d0d0d;margin:0;font-size:28px;font-weight:700}.ann-subtitle{color:#6c757d;margin:4px 0 0;font-size:14px}.ann-compose-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;margin-bottom:28px;padding:20px 24px 24px;box-shadow:0 1px 3px #0000000a}.ann-compose-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.ann-compose-icon{font-size:24px}.ann-compose-title{color:#0d0d0d;margin:0 0 2px;font-size:16px;font-weight:600}.ann-compose-desc{color:#6c757d;margin:0;font-size:13px}.ann-success{color:#2ecc71;background-color:#eafaf1;border-left:3px solid #2ecc71;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.ann-error{color:#e74c3c;background-color:#fff0f0;border-left:3px solid #e74c3c;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:14px}.ann-compose-form{flex-direction:column;gap:14px;display:flex}.ann-form-group{flex-direction:column;gap:6px;display:flex}.ann-form-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-size:12px;font-weight:600}.ann-form-input,.ann-form-textarea{color:#0d0d0d;width:100%;font-size:15px;font-family:var(--font);box-sizing:border-box;background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;padding:10px 14px;transition:all .2s}.ann-form-input:focus,.ann-form-textarea:focus{background-color:#fff;border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.ann-form-textarea{resize:vertical;min-height:100px;line-height:1.5}.ann-char-count{color:#adb5bd;align-self:flex-end;font-size:11px}.ann-type-pills{flex-wrap:wrap;gap:8px;display:flex}.ann-type-pill{cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);color:#6c757d;background-color:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:inline-flex}.ann-type-pill--blue{border:1.5px solid #e9ecef}.ann-type-pill--blue:hover{color:#3b82f6;border-color:#3b82f6}.ann-type-pill--blue.ann-type-pill--active{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}.ann-type-pill--orange{border:1.5px solid #e9ecef}.ann-type-pill--orange:hover{color:#ff4500;border-color:#ff4500}.ann-type-pill--orange.ann-type-pill--active{color:#ff4500;background-color:#fff4f0;border-color:#ff4500}.ann-type-pill--green{border:1.5px solid #e9ecef}.ann-type-pill--green:hover{color:#2ecc71;border-color:#2ecc71}.ann-type-pill--green.ann-type-pill--active{color:#2ecc71;background-color:#f0fff4;border-color:#2ecc71}.ann-type-pill-icon{font-size:14px}.ann-form-actions{justify-content:flex-end;padding-top:4px;display:flex}.ann-send-btn{color:#fff;cursor:pointer;font-size:15px;font-weight:600;font-family:var(--font);background-color:#ff4500;border:none;border-radius:8px;align-items:center;gap:6px;padding:12px 28px;transition:all .15s;display:inline-flex}.ann-send-btn:hover:not(:disabled){background-color:#ff6b35;transform:translateY(-1px)}.ann-send-btn:disabled{opacity:.5;cursor:not-allowed}.ann-list-section{flex-direction:column;gap:14px;display:flex}.ann-list-header{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.ann-list-title{color:#0d0d0d;margin:0;font-size:16px;font-weight:600}.ann-list-count{color:#6c757d;font-size:13px}.ann-loading{text-align:center;color:#adb5bd;padding:60px 0}.ann-empty{text-align:center;background:#fff;border:1px dashed #e9ecef;border-radius:12px;padding:60px 20px}.ann-empty-icon{margin-bottom:12px;font-size:48px;display:block}.ann-empty-title{color:#0d0d0d;margin:0 0 6px;font-size:16px;font-weight:600}.ann-empty-desc{color:#6c757d;margin:0;font-size:14px}.ann-list{flex-direction:column;gap:10px;display:flex}.ann-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;transition:all .15s;display:flex;overflow:hidden}.ann-item:hover{box-shadow:0 2px 8px #0000000f}.ann-item-bar{flex-shrink:0;width:4px}.ann-item--blue .ann-item-bar{background-color:#3b82f6}.ann-item--orange .ann-item-bar{background-color:#ff4500}.ann-item--green .ann-item-bar{background-color:#2ecc71}.ann-item-body{flex-direction:column;flex:1;gap:6px;min-width:0;padding:14px 16px;display:flex}.ann-item-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ann-item-icon{flex-shrink:0;font-size:16px}.ann-item-title{color:#0d0d0d;flex:1;min-width:0;margin:0;font-size:16px;font-weight:600}.ann-item-type{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.ann-item-type--blue{color:#3b82f6;background-color:#eff6ff}.ann-item-type--orange{color:#ff4500;background-color:#fff4f0}.ann-item-type--green{color:#2ecc71;background-color:#f0fff4}.ann-item-message{color:#6c757d;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.ann-item-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.ann-item-time{color:#adb5bd;font-size:12px}.ann-item-actions{align-items:center;gap:12px;display:flex}.ann-toggle{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.ann-toggle input{opacity:0;width:0;height:0}.ann-toggle-slider{background-color:#dee2e6;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:all .2s;position:relative}.ann-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.ann-toggle input:checked+.ann-toggle-slider{background-color:#ff4500}.ann-toggle input:checked+.ann-toggle-slider:before{transform:translate(16px)}.ann-toggle-label{color:#6c757d;font-size:12px;font-weight:500}.ann-delete-btn{color:#6c757d;cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:6px 12px;transition:all .15s}.ann-delete-btn:hover{color:#e74c3c;background-color:#fee2e2;border-color:#e74c3c}@media (width<=640px){.ann-item-footer{flex-direction:column;align-items:flex-start}}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{z-index:100;background-color:#fff;border-right:1px solid #e9ecef;flex-direction:column;width:240px;min-width:240px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #0000000a}.admin-sidebar-header{border-bottom:1px solid #e9ecef;flex-shrink:0;align-items:center;height:64px;padding:0 20px;display:flex}.admin-sidebar-logo{align-items:center;gap:10px;display:flex}.admin-logo-icon{font-size:22px;line-height:1}.admin-logo-text{color:#0d0d0d;letter-spacing:-.3px;font-size:18px;font-weight:700}.admin-logo-accent{color:#ff4500}.admin-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 0;display:flex;overflow-y:auto}.admin-nav-item{color:#6c757d;cursor:pointer;text-align:left;width:calc(100% - 16px);font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:12px;margin:2px 8px;padding:10px 16px;transition:all .15s;display:flex}.admin-nav-item:hover{color:#ff4500;background-color:#fff4f0}.admin-nav-item--active{color:#ff4500;background-color:#fff4f0;border-left:3px solid #ff4500;font-weight:600}.admin-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}.admin-nav-label{white-space:nowrap}.admin-sidebar-footer{border-top:1px solid #e9ecef;flex-shrink:0;padding:12px 16px}.admin-user-card{border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.admin-user-avatar{color:#ff4500;background-color:#fff4f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.admin-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.admin-user-name{color:#0d0d0d;font-size:14px;font-weight:600}.admin-user-badge{color:#ff4500;white-space:nowrap;background-color:#fff4f0;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500}.admin-logout-btn{color:#6c757d;cursor:pointer;width:100%;font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .15s;display:flex}.admin-logout-btn:hover{color:#e74c3c;background-color:#fee2e2}.admin-logout-icon{text-align:center;width:20px;font-size:16px}.admin-logout-label{white-space:nowrap}.admin-sidebar-overlay{display:none}.admin-main{flex:1;min-height:100vh;margin-left:240px}.admin-topbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.admin-topbar-logo{align-items:center;gap:8px;display:none}.admin-logo-text-sm{color:#0d0d0d;font-size:16px;font-weight:700}.admin-topbar-title{color:#0d0d0d;font-size:16px;font-weight:600}.admin-topbar-right{align-items:center;gap:12px;display:flex}.admin-topbar-avatar{color:#ff4500;background-color:#fff4f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.admin-burger{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:5px;padding:6px;transition:background .15s;display:none}.admin-burger:hover{background-color:#f8f9fa}.admin-burger span{background-color:#0d0d0d;border-radius:1px;width:20px;height:2px;display:block}.admin-content{padding:24px;animation:.3s fadeIn}@media (width<=768px){.admin-sidebar{box-shadow:none;transform:translate(-100%)}.admin-sidebar--open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.admin-sidebar-overlay{z-index:90;opacity:0;pointer-events:none;background-color:#0006;transition:opacity .3s;display:block;position:fixed;inset:0}.admin-sidebar-overlay--visible{opacity:1;pointer-events:auto}.admin-main{margin-left:0}.admin-burger,.admin-topbar-logo{display:flex}.admin-topbar-title{display:none}.admin-content{padding:16px}}@media (width>=769px){.admin-topbar{display:none}}.badge{font-size:var(--fs-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.2px;align-items:center;padding:3px 10px;display:inline-flex}.badge--default{background-color:var(--bg-tertiary);color:var(--text-secondary)}.badge--success{background-color:var(--success-muted);color:var(--success)}.badge--danger{background-color:var(--danger-muted);color:var(--danger)}.badge--warning{background-color:var(--warning-muted);color:var(--warning)}.ann-banner-stack{flex-direction:column;gap:8px;padding:8px 16px 0;display:flex}.ann-banner{border-left:3px solid #0000;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 16px;animation:.25s slideDown;display:flex;position:relative}.ann-banner--info{background-color:#eff6ff;border-left-color:#3b82f6}.ann-banner--warning{background-color:#fff4f0;border-left-color:#ff4500}.ann-banner--success{background-color:#f0fff4;border-left-color:#2ecc71}.ann-banner-icon{flex-shrink:0;margin-top:1px;font-size:16px;line-height:1}.ann-banner-text{flex:1;min-width:0}.ann-banner-title{color:#0d0d0d;word-break:break-word;margin-bottom:2px;font-size:14px;font-weight:600;line-height:1.4}.ann-banner-message{color:#6c757d;word-break:break-word;font-size:13px;line-height:1.5}.ann-banner-close{color:#6c757d;cursor:pointer;width:22px;height:22px;font-size:12px;line-height:1;font-family:var(--font);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ann-banner-close:hover{color:#0d0d0d;background-color:#0000000f}@media (width<=768px){.ann-banner-stack{padding:8px 12px 0}}.dash-layout{min-height:100vh;display:flex}.dash-sidebar{z-index:100;background-color:#fff;border-right:1px solid #e9ecef;flex-direction:column;width:240px;min-width:240px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 12px #0000000a}.dash-sidebar-header{border-bottom:1px solid #e9ecef;flex-shrink:0;align-items:center;height:64px;padding:0 20px;display:flex}.dash-sidebar-logo{align-items:center;gap:10px;display:flex}.dash-logo-icon{font-size:22px;line-height:1}.dash-logo-text{color:#0d0d0d;letter-spacing:-.3px;font-size:18px;font-weight:700}.dash-logo-accent{color:#ff4500}.dash-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 0;display:flex;overflow-y:auto}.dash-nav-item{color:#6c757d;cursor:pointer;text-align:left;width:calc(100% - 16px);font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-left:3px solid #0000;border-radius:8px;align-items:center;gap:12px;margin:2px 8px;padding:10px 16px;text-decoration:none;transition:all .15s;display:flex}.dash-nav-item:hover{color:#ff4500;background-color:#fff4f0}.dash-nav-item--active{color:#ff4500;background-color:#fff4f0;border-left:3px solid #ff4500;font-weight:600}.dash-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}.dash-nav-label{white-space:nowrap}.dash-sidebar-footer{border-top:1px solid #e9ecef;flex-shrink:0;padding:12px 16px}.dash-user-card{border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:8px;display:flex}.dash-user-avatar{color:#ff4500;background-color:#fff4f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.dash-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.dash-user-name{color:#0d0d0d;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.dash-logout-btn{color:#6c757d;cursor:pointer;width:100%;font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .15s;display:flex}.dash-logout-btn:hover{color:#e74c3c;background-color:#fee2e2}.dash-logout-icon{text-align:center;width:20px;font-size:16px}.dash-logout-label{white-space:nowrap}.dash-sidebar-overlay{display:none}.dash-main{flex:1;min-height:100vh;margin-left:240px}.dash-topbar{z-index:50;background-color:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:none;position:sticky;top:0}.dash-topbar-logo{align-items:center;gap:8px;display:none}.dash-logo-text-sm{color:#0d0d0d;font-size:16px;font-weight:700}.dash-topbar-title{color:#0d0d0d;font-size:16px;font-weight:600}.dash-topbar-right{align-items:center;gap:12px;display:flex}.dash-topbar-avatar{color:#ff4500;background-color:#fff4f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.dash-burger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:5px;padding:8px;transition:background .15s;display:none}.dash-burger:hover{background-color:#f8f9fa}.dash-burger span{background-color:#0d0d0d;border-radius:1px;width:20px;height:2px;transition:all .2s;display:block}.dash-content{padding:24px;animation:.3s fadeIn}.dash-content>.ann-banner-stack{margin:-16px -24px 16px}@media (width<=768px){.dash-content>.ann-banner-stack{margin:-16px -16px 12px}}@media (width>=769px){.dash-topbar{display:none}}@media (width>=769px) and (width<=1024px){.dash-sidebar{width:220px;min-width:220px}.dash-main{margin-left:220px}}@media (width<=768px){.dash-sidebar{width:280px;min-width:280px;box-shadow:none;transform:translate(-100%)}.dash-sidebar--open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.dash-sidebar-overlay{z-index:90;opacity:0;pointer-events:none;background-color:#0006;transition:opacity .3s;display:block;position:fixed;inset:0}.dash-sidebar-overlay--visible{opacity:1;pointer-events:auto}.dash-layout{display:block}.dash-main{min-width:0;width:100%!important;max-width:100%!important;margin-left:0!important}.dash-topbar{z-index:80;background-color:#fff;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 4px #00000014}.dash-topbar-logo{align-items:center;gap:8px;display:flex}.dash-topbar-title{display:none}.dash-burger{margin-left:-4px;padding:8px;display:flex}.dash-burger span{background-color:#0d0d0d}.dash-content{overflow-x:hidden;box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding:72px 16px 24px!important}}.card{border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background-color:#fff;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-elevated)}.card--padding-sm{padding:var(--spacing-md)}.card--padding-md{padding:var(--spacing-lg)}.card--padding-lg{padding:var(--spacing-xl)}.dash-home{box-sizing:border-box;flex-direction:column;gap:32px;width:100%;max-width:1100px;padding-bottom:32px;display:flex;overflow:hidden}.dash-home-loading{text-align:center;color:#6c757d;padding:80px 0;font-size:15px}.dash-home-header{border-bottom:1px solid #e9ecef;padding-top:32px;padding-bottom:24px}.dash-home-title{color:#0d0d0d;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.dash-home-subtitle{color:#6c757d;margin:0;font-size:15px}.dash-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dash-stat-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #00000014}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.dash-stat-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.dash-stat-icon{background-color:#fff4f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.dash-stat-label{color:#6c757d;font-size:13px;font-weight:500}.dash-stat-number{color:#0d0d0d;margin-bottom:12px;font-size:32px;font-weight:700;line-height:1}.dash-stat-progress{flex-direction:column;gap:6px;display:flex}.dash-progress-bar{background-color:#f1f3f5;border-radius:3px;width:100%;height:6px;overflow:hidden}.dash-progress-fill{background-color:#ff4500;border-radius:3px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.dash-progress-text{color:#adb5bd;font-size:12px}.dash-stat-sub{color:#6c757d;align-items:center;gap:6px;font-size:13px;display:flex}.dash-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.dash-status-dot--running{background-color:#2ecc71;animation:2s infinite pulse}.dash-status-dot--stopped{background-color:#e74c3c}.dash-section{flex-direction:column;gap:16px;display:flex}.dash-section-title{color:#0d0d0d;margin:0;font-size:16px;font-weight:600}.dash-actions-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.dash-action-card{text-align:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:24px;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.dash-action-card:hover{border-color:#ff4500;transform:translateY(-2px);box-shadow:0 0 0 3px #ff45001a}.dash-action-icon{margin-bottom:4px;font-size:32px}.dash-action-title{color:#0d0d0d;margin:0;font-size:16px;font-weight:600}.dash-action-desc{color:#6c757d;margin:0 0 8px;font-size:13px}.dash-activity-wrap{background:#fff;border:1px solid #e9ecef;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #00000014}.dash-activity-table{border-collapse:collapse;width:100%}.dash-activity-table th{text-align:left;color:#adb5bd;text-transform:uppercase;letter-spacing:.5px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 16px;font-size:12px;font-weight:600}.dash-activity-table td{color:#6c757d;border-bottom:1px solid #f1f3f5;padding:12px 16px;font-size:13px}.dash-activity-table tr:nth-child(2n) td{background-color:#f8f9fa}.dash-activity-table tr:last-child td{border-bottom:none}.dash-activity-msg{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.dash-activity-time{white-space:nowrap;color:#adb5bd}.dash-empty{text-align:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:48px}.dash-empty-icon{margin-bottom:12px;font-size:48px;display:block}.dash-empty p{color:#adb5bd;margin:0;font-size:14px}.dash-plan-banner{background:linear-gradient(135deg,#ff4500,#ff6b35);border-radius:16px;padding:32px;position:relative;overflow:hidden}.dash-plan-banner:before{content:"";background:#ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-20%}.dash-plan-banner:after{content:"";background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30%;left:10%}.dash-plan-content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.dash-plan-name{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700}.dash-plan-stats{color:#ffffffd9;margin:0;font-size:14px}.dash-plan-btn{color:#ff4500;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);background:#fff;border:none;border-radius:8px;padding:10px 24px;transition:all .2s}.dash-plan-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.dash-plan-btn:disabled{opacity:.7;cursor:not-allowed}@media (width<=1024px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dash-home{gap:24px}.dash-home-header{padding-top:0;padding-bottom:16px}.dash-home-title{font-size:22px}.dash-home-subtitle{font-size:14px}.dash-stats-grid{grid-template-columns:1fr;gap:12px}.dash-stat-card{border-radius:12px;min-width:0;min-height:120px;margin-bottom:0;padding:16px;overflow:hidden}.dash-stat-icon{border-radius:8px;width:36px;height:36px;font-size:16px}.dash-stat-label{font-size:13px}.dash-stat-number{margin-bottom:10px;font-size:28px}.dash-actions-grid{grid-template-columns:1fr;gap:12px}.dash-action-card{text-align:left;border-radius:12px;flex-direction:row;min-width:0;padding:16px;overflow:hidden}.dash-action-icon{flex-shrink:0;margin-bottom:0;font-size:28px}.dash-action-title{font-size:15px}.dash-action-desc{margin:0;font-size:12px}.dash-action-card .btn{flex-shrink:0;max-width:120px;min-height:44px;margin-left:auto;padding:10px 16px;font-size:15px}.dash-activity-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.dash-activity-table{min-width:500px}.dash-activity-table th,.dash-activity-table td{padding:10px 12px;font-size:12px}.dash-empty{padding:32px 16px}.dash-plan-banner{border-radius:12px;padding:24px 16px}.dash-plan-content{text-align:center;flex-direction:column;gap:16px}.dash-plan-name{font-size:18px}.dash-plan-stats{font-size:13px}.dash-plan-btn{width:100%;min-height:44px;font-size:15px}}.add-account-modal{background:#fff;border-radius:16px;animation:.2s scaleIn;overflow:hidden;box-shadow:0 20px 60px #00000026}.add-account-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.add-account-title{color:#0d0d0d;margin:0;font-size:20px;font-weight:700}.add-account-close{color:#adb5bd;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.add-account-close:hover{color:#0d0d0d;background-color:#f8f9fa}.add-account-steps{justify-content:center;align-items:center;gap:12px;padding:20px 24px;display:flex}.add-account-step{align-items:center;gap:8px;display:flex}.add-account-step-dot{color:#adb5bd;background-color:#f1f3f5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.add-account-step--active .add-account-step-dot{color:#fff;background-color:#ff4500}.add-account-step-label{color:#adb5bd;font-size:13px;font-weight:500}.add-account-step--active .add-account-step-label{color:#0d0d0d}.add-account-step-line{background-color:#e9ecef;width:40px;height:2px}.add-account-body{flex-direction:column;gap:16px;padding:0 24px 24px;display:flex}.add-account-input-group{flex-direction:column;gap:6px;display:flex}.add-account-label{color:#6c757d;font-size:13px;font-weight:500}.add-account-input{color:#0d0d0d;width:100%;height:48px;font-size:16px;font-weight:500;font-family:var(--font);box-sizing:border-box;background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:10px;outline:none;padding:0 14px;transition:all .2s}.add-account-input:focus{background-color:#fff;border-color:#ff4500;box-shadow:0 0 0 3px #ff45001a}.add-account-input:disabled{opacity:.6;cursor:not-allowed}.add-account-input::placeholder{color:#adb5bd}.add-account-helper{color:#6c757d;text-align:center;margin:0;font-size:12px;line-height:1.5}.add-account-helper-example{color:#adb5bd;margin-top:4px;font-size:11px;display:inline-block}.add-account-otp-label{color:#6c757d;text-align:center;margin:0;font-size:14px}.add-account-otp-label strong{color:#0d0d0d}.add-account-otp-inputs{justify-content:center;gap:10px;display:flex}.add-account-otp-box{text-align:center;color:#0d0d0d;width:48px;height:56px;font-size:22px;font-weight:600;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:10px;outline:none;transition:all .2s}.add-account-otp-box:focus{background-color:#fff;border-color:#ff4500;box-shadow:0 0 0 3px #ff45001a}.add-account-error{color:#e74c3c;text-align:center;margin:0;font-size:13px}.add-account-status{color:#ff4500;text-align:center;margin:0;font-size:13px}.add-account-otp-actions{justify-content:center;gap:24px;display:flex}.add-account-link{color:#ff4500;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;padding:0;transition:opacity .15s}.add-account-link:hover:not(:disabled){opacity:.8}.add-account-link:disabled{opacity:.5;cursor:not-allowed}.add-account-success{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:60px 24px;animation:.3s scaleIn;display:flex}.add-account-success-icon{font-size:64px;animation:.4s scaleIn}.add-account-success-text{color:#2ecc71;margin:0;font-size:18px;font-weight:600}.add-account-success-sub{color:#6c757d;margin:0;font-size:13px;animation:.3s .2s backwards fadeIn}@media (width<=480px){.add-account-otp-inputs{gap:6px}.add-account-otp-box{width:42px;height:50px;font-size:18px}.add-account-step-label{font-size:12px}.add-account-step-line{width:24px}}.accounts-page{max-width:900px}.accounts-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-top:32px;padding-bottom:24px;display:flex}.accounts-header-left{flex-direction:column;gap:4px;display:flex}.accounts-title{color:#0d0d0d;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.accounts-subtitle{color:#6c757d;margin:0;font-size:15px}.accounts-header-right{align-items:center;gap:12px;display:flex}.accounts-usage{color:#ff4500;white-space:nowrap;background-color:#fff4f0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500}.accounts-loading{text-align:center;color:#adb5bd;padding:80px 0}.accounts-empty{text-align:center;padding:80px 20px}.accounts-empty-icon{margin-bottom:16px;font-size:64px;display:block}.accounts-empty-title{color:#0d0d0d;margin:0 0 8px;font-size:20px;font-weight:600}.accounts-empty-desc{color:#6c757d;margin:0 0 24px;font-size:15px}.accounts-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.account-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;transition:all .2s;animation:.4s backwards fadeIn;box-shadow:0 1px 3px #00000014}.account-card:hover{box-shadow:0 4px 16px #0000001f}.account-card-main{align-items:center;gap:14px;display:flex}.account-avatar{color:#fff;background:linear-gradient(135deg,#ff4500,#ff6b35);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.account-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.account-phone{color:#0d0d0d;font-size:15px;font-weight:600}.account-groups-count{color:#6c757d;font-size:13px}.account-menu-wrap{position:relative}.account-menu-btn{color:#adb5bd;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;transition:all .15s;display:flex}.account-menu-btn:hover{color:#0d0d0d;background-color:#f8f9fa}.account-menu{z-index:10;background:#fff;border:1px solid #e9ecef;border-radius:10px;min-width:160px;padding:6px;animation:.15s scaleIn;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #0000001f}.account-menu-item{color:#6c757d;cursor:pointer;width:100%;font-size:13px;font-weight:500;font-family:var(--font);text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:all .15s;display:flex}.account-menu-item:hover{color:#0d0d0d;background-color:#f8f9fa}.account-menu-item--danger:hover{color:#e74c3c;background-color:#fee2e2}.account-card-footer{border-top:1px solid #f1f3f5;justify-content:space-between;align-items:center;margin-top:16px;padding-top:12px;display:flex}.account-last-active{color:#adb5bd;font-size:12px}.account-stat{color:#6c757d;font-size:12px;font-weight:500}.modal-content{width:100%;max-width:440px;animation:.2s scaleIn}@media (width<=640px){.accounts-grid{grid-template-columns:1fr}.accounts-header{flex-direction:column}.accounts-header-right{flex-direction:column;align-items:stretch}}.groups-page{max-width:900px}.groups-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-top:32px;padding-bottom:24px;display:flex}.groups-header-left{flex-direction:column;gap:12px;display:flex}.groups-title{color:#0d0d0d;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.groups-account-select{align-items:center;gap:8px;display:flex}.groups-select{padding:8px 36px 8px 12px;font-size:14px}.groups-select:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.groups-select option{color:#0d0d0d;background-color:#fff}.groups-select option:checked,.groups-select option:hover{color:#ff4500!important;background-color:#fff4f0!important}.groups-stats{gap:8px;margin-bottom:16px;display:flex}.groups-stat{color:#6c757d;background-color:#f8f9fa;border-radius:999px;padding:4px 12px;font-size:13px}.groups-stat--ok{color:#2ecc71}.groups-stat--primary{color:#ff4500;background-color:#fff4f0;font-weight:600}.groups-stat--failed{color:#e74c3c;background-color:#fee2e2}.groups-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.groups-search-wrap{flex:1;min-width:200px;position:relative}.groups-search-icon{font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.groups-search{color:#0d0d0d;width:100%;font-size:14px;font-family:var(--font);background-color:#fff;border:1.5px solid #e9ecef;border-radius:8px;padding:10px 12px 10px 36px;transition:all .2s}.groups-search:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.groups-search::placeholder{color:#adb5bd}.groups-filters{gap:4px;display:flex}.groups-filter-btn{color:#6c757d;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:8px 14px;transition:all .15s}.groups-filter-btn:hover{color:#0d0d0d;border-color:#dee2e6}.groups-filter-btn--active{color:#fff;background-color:#ff4500;border-color:#ff4500}.groups-loading{text-align:center;color:#adb5bd;padding:80px 0}.groups-empty{text-align:center;padding:80px 20px}.groups-empty-icon{margin-bottom:16px;font-size:64px;display:block}.groups-empty-title{color:#0d0d0d;margin:0 0 8px;font-size:20px;font-weight:600}.groups-empty-desc{color:#6c757d;margin:0 0 24px;font-size:15px}.groups-list{flex-direction:column;gap:8px;display:flex}.groups-section-header{text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:8px;padding:4px;font-size:12px;font-weight:600;display:flex}.groups-section-header--can{color:#2ecc71}.groups-section-header--noperm{color:#ff4500;margin-top:16px}.groups-section-header--pending{color:#6c757d;margin-top:16px}.group-row--pending{border-left-color:#dee2e6}.group-row{background:#fff;border:1px solid #e9ecef;border-left-width:3px;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;animation:.3s backwards fadeIn;display:flex}.group-row:hover{box-shadow:0 2px 8px #0000000f}.group-row--can-send{border-left-color:#2ecc71}.group-row--no-permission{opacity:.7;background-color:#fffbfa;border-left-color:#ffd4c4}.group-row--selected{background-color:#fffbfa;border-color:#ff4500}.group-row--selected.group-row--can-send{border-left-color:#ff4500}.group-row--selected.group-row--no-permission{opacity:.85;border-left-color:#ff4500}.group-row--failed{opacity:.6}.group-noperm-badge{color:#ff4500;white-space:nowrap;background-color:#fff4f0;border:1px solid #ffd4c4;border-radius:999px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.groups-stat--btn{font-family:var(--font);cursor:pointer;border:none;transition:all .15s}.groups-stat--btn:hover{filter:brightness(.96);transform:translateY(-1px)}.groups-stat--btn-active{outline-offset:2px;outline:2px solid}.group-row-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.group-avatar{color:#fff;object-fit:cover;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.group-avatar--photo{background:0 0}.group-info{flex-direction:column;gap:2px;min-width:0;display:flex}.group-name{color:#0d0d0d;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.group-username{color:#6c757d;font-size:13px}.group-row-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.group-toggle{cursor:pointer;width:44px;height:24px;position:relative}.group-toggle input{opacity:0;width:0;height:0}.group-toggle-slider{background-color:#dee2e6;border-radius:12px;transition:all .2s;position:absolute;inset:0}.group-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.group-toggle input:checked+.group-toggle-slider{background-color:#ff4500}.group-toggle input:checked+.group-toggle-slider:before{transform:translate(20px)}.group-toggle input:disabled+.group-toggle-slider{opacity:.5;cursor:not-allowed}.group-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.group-delete-btn:hover{background-color:#fee2e2}.groups-empty-inline{text-align:center;color:#adb5bd;padding:40px;font-size:14px}.groups-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;animation:.2s scaleIn;box-shadow:0 20px 60px #00000026}.groups-modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.groups-modal-title{color:#0d0d0d;margin:0;font-size:20px;font-weight:700}.groups-modal-close{color:#adb5bd;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.groups-modal-close:hover{color:#0d0d0d;background-color:#f8f9fa}.groups-modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}.groups-modal-input-group{flex-direction:column;gap:6px;display:flex}.groups-modal-label{color:#6c757d;font-size:13px;font-weight:500}.groups-modal-input{color:#0d0d0d;width:100%;font-size:15px;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:10px;padding:12px 14px;transition:all .2s}.groups-modal-input:focus{background-color:#fff;border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.groups-modal-input::placeholder{color:#adb5bd}.groups-modal-hint{color:#adb5bd;font-size:12px}@media (width<=640px){.groups-header{flex-direction:column}.group-row{flex-direction:column;align-items:flex-start}.group-row-right{justify-content:flex-end;width:100%}}.messages-page{max-width:900px}.msg-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-top:32px;padding-bottom:24px;display:flex}.msg-header-left{flex-direction:column;gap:4px;display:flex}.msg-title{color:#0d0d0d;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.msg-subtitle{color:#6c757d;margin:0;font-size:14px}.msg-account-bar{align-items:center;gap:8px;margin-bottom:20px;display:flex}.msg-account-label{color:#6c757d;font-size:14px}.msg-account-select{padding:8px 36px 8px 12px;font-size:14px}.msg-account-select:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.msg-account-select option{color:#0d0d0d;background-color:#fff}.msg-account-select option:checked,.msg-account-select option:hover{color:#ff4500!important;background-color:#fff4f0!important}.msg-loading{text-align:center;color:#adb5bd;padding:80px 0}.msg-empty{text-align:center;padding:80px 20px}.msg-empty-icon{margin-bottom:16px;font-size:64px;display:block}.msg-empty-title{color:#0d0d0d;margin:0 0 8px;font-size:20px;font-weight:600}.msg-empty-desc{color:#6c757d;margin:0 0 24px;font-size:15px}.msg-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.msg-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;gap:12px;padding:20px;transition:all .2s;animation:.3s backwards fadeIn;display:flex;box-shadow:0 1px 3px #0000000a}.msg-card:hover{box-shadow:0 4px 12px #00000014}.msg-card--active{background-color:#fffbfa;border-color:#ff4500}.msg-card-top{justify-content:flex-end;display:flex}.msg-card-status-toggle{align-items:center;gap:8px;display:flex}.msg-card-status{color:#adb5bd;font-size:12px;font-weight:600}.msg-card-status--active{color:#ff4500}.msg-card-toggle{cursor:pointer;background-color:#dee2e6;border-radius:10px;width:36px;height:20px;transition:all .2s;position:relative}.msg-card-toggle:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.msg-card-toggle--on{background-color:#ff4500}.msg-card-toggle--on:before{transform:translate(16px)}.msg-card-text{color:#0d0d0d;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.5;display:-webkit-box;overflow:hidden}.msg-card-badges{flex-wrap:wrap;gap:8px;display:flex}.msg-badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.msg-badge--interval{color:#ff4500;background-color:#fff4f0}.msg-badge--groups{color:#6c757d;background-color:#f8f9fa}.msg-card-stats{gap:8px;display:flex}.msg-stat{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.msg-stat--sent{color:#2ecc71;background-color:#eafaf1}.msg-stat--failed{color:#e74c3c;background-color:#fee2e2}.msg-stat--pending{color:#f39c12;background-color:#fef9e7}.msg-card-footer{border-top:1px solid #f1f3f5;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.msg-card-last-sent{color:#6c757d;font-size:13px}.msg-card-actions{gap:4px;display:flex}.msg-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.msg-action-btn:hover{background-color:#f8f9fa}.msg-action-btn--danger:hover{background-color:#fee2e2}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#0006;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.msg-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.2s scaleIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026}.msg-modal-header{border-bottom:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.msg-modal-title{color:#0d0d0d;margin:0;font-size:20px;font-weight:700}.msg-modal-close{color:#adb5bd;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.msg-modal-close:hover{color:#0d0d0d;background-color:#f8f9fa}.msg-modal-body{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.msg-form-section{flex-direction:column;gap:8px;display:flex}.msg-form-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-size:12px;font-weight:600}.msg-textarea-wrap{position:relative}.msg-textarea{color:#0d0d0d;width:100%;min-height:150px;font-size:15px;line-height:1.5;font-family:var(--font);resize:vertical;box-sizing:border-box;background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;padding:14px;transition:all .2s}.msg-textarea:focus{background-color:#fff;border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.msg-textarea::placeholder{color:#adb5bd}.msg-char-count{color:#adb5bd;font-size:12px;position:absolute;bottom:12px;right:12px}.msg-interval-pills{flex-wrap:wrap;gap:8px;display:flex}.msg-interval-pill{color:#6c757d;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:999px;padding:8px 16px;transition:all .15s}.msg-interval-pill:hover{color:#0d0d0d;border-color:#dee2e6}.msg-interval-pill--active{color:#fff;background-color:#ff4500;border-color:#ff4500}.msg-interval-pill--active:hover{color:#fff;border-color:#ff4500}.msg-custom-interval{flex-direction:column;gap:6px;margin-top:8px;display:flex}.msg-custom-interval-input{align-items:center;gap:8px;display:flex}.msg-number-input{color:#0d0d0d;width:100px;font-size:15px;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;padding:10px 14px;transition:all .2s}.msg-number-input:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.msg-custom-interval-unit{color:#6c757d;font-size:14px}.msg-form-hint{color:#adb5bd;margin:0;font-size:14px;line-height:1.5}.msg-modal-footer{border-top:1px solid #e9ecef;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=640px){.msg-grid{grid-template-columns:1fr}.msg-modal{max-height:95vh}}.schedule-page{max-width:1100px}.sched-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-top:32px;padding-bottom:24px;display:flex}.sched-header-left{flex-direction:column;gap:4px;display:flex}.sched-title{color:#0d0d0d;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.sched-subtitle{color:#6c757d;margin:0;font-size:14px}.sched-header-actions{gap:8px;display:flex}.sched-banner{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.sched-banner-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.sched-banner--ok{color:#2ecc71;background-color:#eafaf1}.sched-banner--ok .sched-banner-dot{background-color:#2ecc71;animation:2s infinite pulse}.sched-banner--partial{color:#f39c12;background-color:#fef9e7}.sched-banner--partial .sched-banner-dot{background-color:#f39c12}.sched-banner--stopped{color:#e74c3c;background-color:#fee2e2}.sched-banner--stopped .sched-banner-dot{background-color:#e74c3c}.sched-loading{text-align:center;color:#adb5bd;padding:80px 0}.sched-empty{text-align:center;padding:80px 20px}.sched-empty-icon{margin-bottom:16px;font-size:64px;display:block}.sched-empty-title{color:#0d0d0d;margin:0 0 8px;font-size:20px;font-weight:600}.sched-empty-desc{color:#6c757d;margin:0 0 24px;font-size:15px}.sched-table-wrap{overflow-x:auto}.sched-table{border-collapse:collapse;width:100%}.sched-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#6c757d;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 16px;font-size:12px;font-weight:600}.sched-table td{vertical-align:middle;border-bottom:1px solid #f1f3f5;padding:14px 16px}.sched-row{transition:background-color .15s;animation:.3s backwards fadeIn}.sched-row:hover{background-color:#fff4f0}.sched-row--active{background-color:#fffbfa}.sched-row--active:hover{background-color:#fff4f0}.sched-cell-account{min-width:180px}.sched-account{align-items:center;gap:10px;display:flex}.sched-account-avatar{color:#fff;background-color:#ff4500;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.sched-account-info{flex-direction:column;display:flex}.sched-account-name{color:#0d0d0d;font-size:14px;font-weight:600}.sched-account-phone{color:#adb5bd;font-size:12px}.sched-cell-msg{max-width:250px}.sched-msg-preview{color:#0d0d0d;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.sched-cell{white-space:nowrap}.sched-time{color:#6c757d;font-size:13px}.sched-countdown{color:#ff4500;font-size:13px;font-weight:600}.sched-badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.sched-badge--interval{color:#ff4500;background-color:#fff4f0}.sched-badge--running{color:#2ecc71;background-color:#eafaf1}.sched-badge--paused{color:#adb5bd;background-color:#f8f9fa}.sched-badge--account-failed{color:#e74c3c;text-transform:capitalize;background-color:#fee2e2;border:1px solid #e74c3c4d;font-size:11px}.sched-cell-badges,.sched-card-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sched-badge--failed{color:#e74c3c;background-color:#fee2e2}.sched-badge--pending{color:#f39c12;background-color:#fef9e7}.sched-cell-actions{gap:6px;display:flex}.sched-toggle-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.sched-toggle-btn--start:hover,.sched-toggle-btn--stop:hover{background-color:#fff4f0}.sched-toggle-btn--delete:hover{background-color:#fee2e2}.sched-mobile-cards{display:none}.sched-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;animation:.3s backwards fadeIn;display:flex}.sched-card:hover{box-shadow:0 2px 8px #0000000f}.sched-card--active{background-color:#fffbfa;border-color:#ff4500}.sched-card-header{justify-content:space-between;align-items:center;display:flex}.sched-card-msg{color:#0d0d0d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.sched-card-meta{justify-content:space-between;align-items:center;display:flex}.sched-card-actions{border-top:1px solid #f1f3f5;gap:8px;padding-top:8px;display:flex}.sched-edit-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;animation:.2s scaleIn;box-shadow:0 20px 60px #00000026}.sched-edit-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sched-edit-title{color:#0d0d0d;margin:0;font-size:20px;font-weight:700}.sched-edit-close{color:#adb5bd;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .15s;display:flex}.sched-edit-close:hover{color:#0d0d0d;background-color:#f8f9fa}.sched-edit-body{flex-direction:column;gap:16px;padding:24px;display:flex}.sched-edit-field{flex-direction:column;gap:6px;display:flex}.sched-edit-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-size:12px;font-weight:600}.sched-edit-textarea{color:#0d0d0d;width:100%;font-size:15px;line-height:1.5;font-family:var(--font);resize:vertical;box-sizing:border-box;background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;padding:12px 14px;transition:all .2s}.sched-edit-textarea:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.sched-edit-number{color:#0d0d0d;width:120px;font-size:15px;font-family:var(--font);background-color:#f8f9fa;border:1.5px solid #e9ecef;border-radius:8px;padding:10px 14px;transition:all .2s}.sched-edit-number:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.sched-edit-footer{border-top:1px solid #e9ecef;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=768px){.sched-table-wrap{display:none}.sched-mobile-cards{display:block}.sched-header{flex-direction:column}.sched-header-actions{width:100%}.sched-header-actions .btn{flex:1}}@media (width>=769px){.sched-mobile-cards{display:none}}.logs-page{max-width:1000px}.logs-header{border-bottom:1px solid #e9ecef;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-top:32px;padding-bottom:24px;display:flex}.logs-header-left{flex-direction:column;gap:4px;display:flex}.logs-title{color:#0d0d0d;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.logs-subtitle{color:#6c757d;margin:0;font-size:14px}.logs-account-select{padding:8px 36px 8px 12px;font-size:14px}.logs-account-select:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.logs-account-select option{color:#0d0d0d;background-color:#fff}.logs-account-select option:checked,.logs-account-select option:hover{color:#ff4500!important;background-color:#fff4f0!important}.logs-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logs-live-indicator{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.logs-live-indicator:hover{background:#e9ecef}.logs-live-dot{background:#adb5bd;border-radius:50%;width:8px;height:8px;transition:all .3s}.logs-live-dot--active{background:#2ecc71;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.logs-live-text{color:#2ecc71;font-size:13px;font-weight:600}.logs-live-time{color:#adb5bd;margin-left:4px;font-size:11px}.logs-refresh-btn{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .15s;display:flex}.logs-refresh-btn:hover{background:#f8f9fa;border-color:#ff4500}.logs-phone{color:#6c757d;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:13px}.logs-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.logs-stat-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000a}.logs-stat-icon{flex-shrink:0;font-size:24px}.logs-stat-info{flex-direction:column;display:flex}.logs-stat-num{color:#0d0d0d;font-size:22px;font-weight:700}.logs-stat-label{color:#6c757d;font-size:12px}.logs-filter-bar{background-color:#f8f9fa;border-radius:10px;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.logs-search-wrap{flex:1;min-width:200px;position:relative}.logs-search-icon{font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.logs-search{color:#0d0d0d;width:100%;font-size:14px;font-family:var(--font);background-color:#fff;border:1.5px solid #e9ecef;border-radius:8px;padding:10px 12px 10px 36px;transition:all .2s}.logs-search:focus{border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}.logs-search::placeholder{color:#adb5bd}.logs-filter-pills{gap:4px;display:flex}.logs-filter-pill{color:#6c757d;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:8px 14px;transition:all .15s}.logs-filter-pill:hover{color:#0d0d0d;border-color:#dee2e6}.logs-filter-pill--active{color:#fff;background-color:#ff4500;border-color:#ff4500}.logs-empty{text-align:center;padding:80px 20px}.logs-empty-icon{margin-bottom:16px;font-size:64px;display:block}.logs-empty-title{color:#0d0d0d;margin:0 0 8px;font-size:20px;font-weight:600}.logs-empty-desc{color:#6c757d;margin:0;font-size:15px}.logs-table-wrap{background-color:#fff;border:1px solid #e9ecef;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.logs-table{border-collapse:collapse;width:100%;min-width:700px}.logs-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#6c757d;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:12px 16px;font-size:12px;font-weight:600}.logs-table td{vertical-align:middle;border-bottom:1px solid #f1f3f5;padding:14px 16px}.logs-row{transition:background-color .15s;animation:.3s backwards fadeIn}.logs-row:hover{background-color:#fff4f0}.logs-row--expanded{background-color:#fffbfa}.logs-time-cell{flex-direction:column;display:flex}.logs-time-relative{color:#0d0d0d;font-size:13px;font-weight:500}.logs-time-full{color:#adb5bd;font-size:11px}.logs-group{color:#0d0d0d;font-size:14px;font-weight:500}.logs-msg-preview{color:#6c757d;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:250px;font-size:13px;display:-webkit-box;overflow:hidden}.logs-badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.logs-badge--sent{color:#2ecc71;background-color:#eafaf1}.logs-badge--failed{color:#e74c3c;background-color:#fee2e2}.logs-badge--pending{color:#f39c12;background-color:#fef9e7}.logs-detail-btn{color:#ff4500;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none;border-radius:6px;padding:4px 8px;transition:all .15s}.logs-detail-btn:hover,.logs-expanded-row{background-color:#fff4f0}.logs-expanded-row td{border-bottom:1px solid #e9ecef;padding:16px}.logs-expanded-content{flex-direction:column;gap:12px;display:flex}.logs-expanded-item{flex-direction:column;gap:4px;display:flex}.logs-expanded-label{text-transform:uppercase;letter-spacing:.5px;color:#6c757d;font-size:11px;font-weight:600}.logs-expanded-label--error{color:#e74c3c}.logs-expanded-text{color:#0d0d0d;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.logs-expanded-text--error{color:#e74c3c;background-color:#fee2e2;border-radius:6px;padding:8px 12px}.logs-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.logs-page-info{color:#6c757d;font-size:13px}.logs-page-buttons{align-items:center;gap:4px;display:flex}.logs-page-btn{color:#6c757d;cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:8px 14px;transition:all .15s}.logs-page-btn:hover:not(:disabled){color:#0d0d0d;border-color:#dee2e6}.logs-page-btn:disabled{opacity:.4;cursor:not-allowed}.logs-page-num{color:#6c757d;cursor:pointer;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.logs-page-num:hover{color:#0d0d0d;border-color:#dee2e6}.logs-page-num--active{color:#fff;background-color:#ff4500;border-color:#ff4500}@media (width<=768px){.logs-stats{grid-template-columns:1fr}.logs-filter-bar{flex-direction:column}.logs-pagination{flex-direction:column;align-items:flex-start}.logs-table-wrap{overflow-x:auto}.logs-table{min-width:600px}}.settings-page{flex-direction:column;gap:24px;max-width:600px;display:flex}.settings-relogin{color:#cc3700;text-align:center;background-color:#fff4f0;border:1px solid #ffd6c0;border-radius:8px;padding:12px 16px;font-size:13px}.settings-card{flex-direction:column;gap:20px;display:flex}.settings-header{justify-content:space-between;align-items:center;display:flex}.settings-title{color:#0d0d0d;font-size:20px;font-weight:600}.settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-stat{flex-direction:column;gap:4px;display:flex}.settings-stat-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.settings-stat-value{color:#0d0d0d;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:10px 14px;font-size:15px;font-weight:500}.settings-plan{color:#ff4500;font-weight:600}.settings-uid{letter-spacing:1px;color:#ff4500;text-align:left;width:100%;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:14px;font-weight:600}.settings-copy{cursor:pointer;transition:all .15s;position:relative}.settings-copy:hover{background-color:#fff;border-color:#ff4500}.settings-copy:active{transform:scale(.98)}.settings-copy-hint{font-family:var(--font);color:#ff4500;opacity:0;font-size:11px;font-weight:500;transition:opacity .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.settings-copy:hover .settings-copy-hint{opacity:1}.settings-expired{color:#e74c3c;font-weight:600}.settings-warning{color:#f39c12;font-weight:600}@media (width<=480px){.settings-grid{grid-template-columns:1fr}.settings-header{flex-direction:column;align-items:flex-start;gap:8px}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--accent:#ff4500;--accent-hover:#ff6b35;--accent-active:#cc3700;--accent-muted:#ff450014;--accent-border:#ff45004d;--success:#2ecc71;--success-muted:#2ecc711a;--danger:#e74c3c;--danger-muted:#e74c3c1a;--warning:#f39c12;--warning-muted:#f39c121a;--text-primary:#0d0d0d;--text-secondary:#6c757d;--text-muted:#adb5bd;--border:#e9ecef;--border-strong:#dee2e6;--shadow-card:0 1px 3px #00000014, 0 4px 12px #0000000a;--shadow-elevated:0 4px 16px #0000001f;--shadow-button:0 2px 8px #ff45004d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:32px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:15px}body{background-color:var(--bg-secondary);color:var(--text-primary);font-family:var(--font);font-size:var(--fs-base);font-weight:var(--fw-normal);-webkit-overflow-scrolling:touch;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}img{max-width:100%;display:block}h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-.5px;line-height:1.2}h2{font-size:var(--fs-xl);font-weight:var(--fw-semibold);line-height:1.3}h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:1.4}::selection{background:var(--accent);color:#fff}@media (width<=768px){html,body{width:100%;overflow-x:hidden}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{min-height:100vh}select{appearance:none;color:#0d0d0d;cursor:pointer;background-color:#f8f9fa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236C757D' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1.5px solid #e9ecef;border-radius:8px;width:100%;padding:10px 36px 10px 14px;font-family:Inter,sans-serif;font-size:15px;transition:all .2s}select:focus{background-color:#fff;border-color:#ff4500;outline:none;box-shadow:0 0 0 3px #ff45001a}select:hover{border-color:#ff4500}select option{color:#0d0d0d;background-color:#fff;padding:8px 12px;font-size:15px}select option:checked,select option:hover,select option:focus,select option:active{color:#ff4500!important;background-color:#fff4f0!important}.select-wrapper{width:100%;display:inline-block;position:relative}.select-wrapper select{width:100%}