@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.landing-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1e293b;overflow-x:hidden;background:#f8fafc}.landing-navbar{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 5%;position:fixed;top:0;left:0;right:0;z-index:200;transition:background .4s ease,box-shadow .4s ease,backdrop-filter .4s ease}.landing-navbar.scrolled{background:#ffffffd1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px #0000000f}.landing-logo{font-size:1.35rem;font-weight:800;display:flex;align-items:center;gap:.6rem;text-decoration:none}.landing-logo span{background:linear-gradient(135deg,#075e54,#25d366);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.landing-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#075e54,#25d366);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #25d36659;animation:float 4s ease-in-out infinite;flex-shrink:0}.landing-nav-links{display:flex;gap:2rem}.landing-nav-links a{text-decoration:none;color:#334155;font-weight:600;font-size:.9rem;transition:color .2s;position:relative}.landing-nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#075e54,#25d366);border-radius:99px;transition:width .3s ease}.landing-nav-links a:hover{color:#075e54}.landing-nav-links a:hover:after{width:100%}.landing-nav-actions{display:flex;gap:.7rem;align-items:center}.login-btn{padding:8px 20px;background:transparent;border:1.5px solid rgba(7,94,84,.25);color:#075e54;border-radius:99px;font-weight:600;font-size:.88rem;text-decoration:none;transition:all .25s}.login-btn:hover{background:#075e540f;border-color:#075e54;transform:translateY(-1px)}.register-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,#075e54,#25d366);color:#fff;border-radius:99px;font-weight:700;font-size:.88rem;text-decoration:none;box-shadow:0 4px 14px #25d3664d;transition:all .25s;border:none}.register-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d3666b}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;gap:4rem;padding:7rem 5% 5rem;overflow:hidden;background:linear-gradient(160deg,#f0fdf4,#ecfdf5 30%,#f8fafc,#eff6ff)}.hero-bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(37,211,102,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,211,102,.05) 1px,transparent 1px);background-size:56px 56px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(72px);pointer-events:none}.hero-orb-1{width:520px;height:520px;background:radial-gradient(circle,rgba(37,211,102,.22),transparent 70%);top:-12%;right:4%;animation:orbFloat 12s ease-in-out infinite}.hero-orb-2{width:320px;height:320px;background:radial-gradient(circle,rgba(7,94,84,.18),transparent 70%);bottom:8%;left:2%;animation:orbFloat 9s ease-in-out 2s infinite}.hero-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);top:55%;right:18%;animation:orbFloat 14s ease-in-out 4s infinite}.hero-content{flex:1;max-width:600px;z-index:10;position:relative;animation:fadeInUp .9s cubic-bezier(.16,1,.3,1) both}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:linear-gradient(135deg,#25d3661f,#075e5412);border:1px solid rgba(37,211,102,.28);border-radius:99px;font-size:.78rem;font-weight:700;color:#075e54;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 #25d36680;animation:pulseDot 2s ease-in-out infinite}.hero-title{font-size:3.8rem;font-weight:900;line-height:1.06;margin-bottom:1.4rem;color:#0f172a;letter-spacing:-.03em}.hero-title .highlight{background:linear-gradient(135deg,#25d366,#075e54);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:#64748b;margin-bottom:2.5rem;line-height:1.75;max-width:480px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:linear-gradient(135deg,#075e54,#25d366);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;box-shadow:0 8px 24px #25d36659;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.btn-hero-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity .3s}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 16px 36px #25d3667a}.btn-hero-primary:hover:after{opacity:1}.btn-hero-primary svg{transition:transform .3s}.btn-hero-primary:hover svg{transform:translate(4px)}.btn-outline{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:#fff;color:#075e54;border:1.5px solid rgba(7,94,84,.2);border-radius:14px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;transition:all .3s}.btn-outline:hover{border-color:#25d366;background:#25d3660a;transform:translateY(-2px);box-shadow:0 8px 20px #075e541a}.hero-trust{display:flex;align-items:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:#64748b}.trust-item svg{color:#25d366;flex-shrink:0}.hero-visual{flex:1;position:relative;z-index:10;display:flex;justify-content:center;align-items:center;animation:fadeIn 1s ease .4s both}.dashboard-mockup{width:100%;max-width:520px;background:#fffffff2;border-radius:22px;box-shadow:0 32px 64px #00000021,0 0 0 1px #ffffffb3 inset;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;transform:perspective(1100px) rotateY(-10deg) rotateX(3deg);transition:transform .7s cubic-bezier(.4,0,.2,1)}.dashboard-mockup:hover{transform:perspective(1100px) rotateY(-3deg) rotateX(1deg)}.mockup-bar{height:38px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;padding:0 14px;gap:6px}.mockup-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mockup-dot:nth-child(1){background:#ef4444}.mockup-dot:nth-child(2){background:#f59e0b}.mockup-dot:nth-child(3){background:#10b981}.mockup-title{flex:1;text-align:center;font-size:10.5px;font-weight:600;color:#94a3b8;margin-right:32px}.mockup-content{padding:14px;display:flex;gap:10px}.mockup-sidebar{width:48px;display:flex;flex-direction:column;gap:7px;align-items:center;padding-top:2px}.mockup-sidebar-item{width:32px;height:32px;border-radius:8px;background:#f1f5f9;animation:pulseScale 3s ease-in-out infinite}.mockup-sidebar-item:nth-child(1){background:linear-gradient(135deg,#075e54,#25d366);animation-delay:0s}.mockup-sidebar-item:nth-child(2){animation-delay:.6s}.mockup-sidebar-item:nth-child(3){animation-delay:1.2s}.mockup-sidebar-item:nth-child(4){animation-delay:1.8s}.mockup-main{flex:1;display:flex;flex-direction:column;gap:8px}.mockup-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mockup-stat{background:#f8fafc;border-radius:9px;padding:10px;border:1px solid #e2e8f0}.mockup-stat-num{font-size:19px;font-weight:800;line-height:1;margin-bottom:2px}.mockup-stat-label{font-size:9px;color:#94a3b8;font-weight:500}.mockup-stat-trend{font-size:9px;color:#25d366;font-weight:700;margin-top:3px}.mockup-chart{background:#f8fafc;border-radius:9px;border:1px solid #e2e8f0;overflow:hidden}.mockup-line{height:7px;border-radius:4px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 2.2s linear infinite}.mockup-line.medium{width:80%}.mockup-line.short{width:55%}.floating-card{position:absolute;background:#fff;padding:10px 14px;border-radius:14px;box-shadow:0 16px 40px #0000001f,0 0 0 1px #0000000a;display:flex;align-items:center;gap:10px;white-space:nowrap;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-card.c1{top:6%;right:-6%;animation:float 4.5s ease-in-out infinite}.floating-card.c2{bottom:10%;left:-9%;animation:floatAlt 5.5s ease-in-out infinite}.floating-card.c3{top:48%;right:-10%;animation:float 7s ease-in-out 1.5s infinite}.floating-card-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-card-icon.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.floating-card-icon.amber{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.floating-card-icon.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.floating-card-text{display:flex;flex-direction:column}.floating-card-label{font-size:10px;color:#64748b;font-weight:500}.floating-card-value{font-size:13px;font-weight:800;color:#0f172a}.stats-section{padding:5rem 5%;background:linear-gradient(135deg,#0a1628,#0d1f1c,#0a1628);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 55% 65% at 50% 50%,rgba(37,211,102,.07) 0%,transparent 70%);pointer-events:none}.stats-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,211,102,.4),transparent)}.stat-item{position:relative;z-index:1;opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.stat-item.visible{opacity:1;transform:translateY(0)}.stat-item-icon{width:52px;height:52px;border-radius:14px;background:#25d3661a;border:1px solid rgba(37,211,102,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#25d366;transition:all .3s}.stat-item:hover .stat-item-icon{background:#25d36633;transform:scale(1.1) rotate(-4deg);box-shadow:0 0 20px #25d36633}.stat-item h3{font-size:2.6rem;font-weight:900;margin-bottom:.4rem;background:linear-gradient(135deg,#25d366,#4ade80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.03em;line-height:1}.stat-item p{color:#94a3b8;font-size:.95rem;font-weight:500}.features-section{padding:8rem 5%;background:#fff;position:relative;overflow:hidden}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,211,102,.3),transparent)}.section-header{text-align:center;max-width:580px;margin:0 auto 4.5rem}.section-tag{display:inline-flex;align-items:center;gap:6px;color:#25d366;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:.7rem}.section-tag:before{content:"";width:20px;height:2px;background:linear-gradient(90deg,#075e54,#25d366);border-radius:99px;display:inline-block}.section-tag:after{content:"";width:20px;height:2px;background:linear-gradient(90deg,#25d366,#075e54);border-radius:99px;display:inline-block}.section-title{font-size:2.5rem;font-weight:900;color:#0f172a;letter-spacing:-.03em;line-height:1.15}.section-subtitle{margin-top:.75rem;color:#64748b;font-size:1.05rem;line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.feature-card{padding:2rem;border-radius:20px;background:#f8fafc;border:1.5px solid transparent;cursor:default;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .55s ease,transform .55s ease,background .3s,border-color .3s,box-shadow .3s}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#25d3660f,#075e5408);opacity:0;transition:opacity .3s}.feature-card:hover{background:#fff;border-color:#25d36633;box-shadow:0 20px 48px #00000012,0 0 0 1px #25d3661a;transform:translateY(-6px)!important}.feature-card:hover:before{opacity:1}.feature-icon{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;color:#fff;position:relative;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.feature-card:hover .feature-icon{transform:scale(1.12) rotate(-5deg)}.feature-card:hover .feature-icon svg{animation:iconBounce .45s ease}.feature-icon.primary{background:linear-gradient(135deg,#075e54,#128c7e);box-shadow:0 6px 20px #075e544d}.feature-icon.secondary{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 6px 20px #25d3664d}.feature-icon.accent{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 20px #3b82f64d}.feature-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 20px #f59e0b4d}.feature-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 6px 20px #8b5cf64d}.feature-icon.rose{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 6px 20px #f43f5e4d}.feature-title{font-size:1.1rem;font-weight:700;margin-bottom:.65rem;color:#1e293b;letter-spacing:-.01em}.feature-desc{color:#64748b;line-height:1.65;font-size:.93rem}.steps-section{padding:8rem 5%;background:linear-gradient(180deg,#f8fafc,#f0fdf4);position:relative;overflow:hidden}.steps-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,211,102,.25),transparent)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto;position:relative}.steps-grid:before{content:"";position:absolute;top:72px;left:calc(33.33% + 20px);right:calc(33.33% + 20px);height:2px;border-top:2px dashed rgba(37,211,102,.35);pointer-events:none}.step-card{background:#fff;border-radius:22px;padding:2.2rem 1.8rem;border:1.5px solid #e2e8f0;box-shadow:0 4px 20px #0000000a;position:relative;text-align:center;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s,border-color .3s}.step-card.visible{opacity:1;transform:translateY(0)}.step-card:hover{box-shadow:0 20px 48px #25d3661a,0 0 0 2px #25d36626;border-color:#25d3664d;transform:translateY(-6px)!important}.step-num{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#25d36626,#075e5414);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.04em;line-height:1;margin-bottom:1rem}.step-icon-wrap{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#075e54,#25d366);display:flex;align-items:center;justify-content:center;margin:0 auto 1.3rem;color:#fff;box-shadow:0 8px 24px #25d3664d;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.step-card:hover .step-icon-wrap{transform:scale(1.1) rotate(-6deg)}.step-card:hover .step-icon-wrap svg{animation:iconBounce .4s ease}.step-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:.65rem}.step-desc{font-size:.9rem;color:#64748b;line-height:1.65}.step-connector{position:absolute;top:68px;right:-22px;color:#25d366;z-index:10;background:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(37,211,102,.3);box-shadow:0 2px 8px #25d36626}.pricing-section{padding:8rem 5%;background:#f8fafc;position:relative;overflow:hidden}.pricing-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 40% at 20% 80%,rgba(37,211,102,.04) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 20%,rgba(7,94,84,.04) 0%,transparent 60%);pointer-events:none}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem;max-width:1060px;margin:0 auto}.pricing-card{background:#fff;border-radius:24px;padding:2.4rem 2rem;box-shadow:0 4px 20px #0000000d;border:1.5px solid #e2e8f0;position:relative;overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease,box-shadow .3s,border-color .3s}.pricing-card.visible{opacity:1;transform:translateY(0)}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e2e8f0;transition:background .35s}.pricing-card:hover{box-shadow:0 24px 56px #0000001a;border-color:#25d36640;transform:translateY(-6px)!important}.pricing-card:hover:before{background:linear-gradient(90deg,#075e54,#25d366)}.pricing-card.popular{transform:scale(1.04);border-color:#25d366;box-shadow:0 20px 52px #25d3662e}.pricing-card.popular.visible{transform:scale(1.04) translateY(0)}.pricing-card.popular:before{background:linear-gradient(90deg,#075e54,#25d366)}.pricing-card.popular:hover{transform:scale(1.04) translateY(-6px)!important}.popular-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:4px 18px;border-radius:0 0 12px 12px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:0 4px 12px #25d3664d;white-space:nowrap}.plan-name{font-size:1.3rem;font-weight:800;color:#1e293b;margin-bottom:.4rem;letter-spacing:-.02em}.plan-desc{font-size:.85rem;color:#64748b;line-height:1.55;margin-bottom:.75rem}.plan-price{font-size:2.9rem;font-weight:900;color:#0f172a;margin-bottom:1.6rem;display:flex;align-items:baseline;gap:4px;letter-spacing:-.04em}.plan-price span{font-size:.9rem;color:#94a3b8;font-weight:500;letter-spacing:0}.plan-features{list-style:none;margin-bottom:2rem;display:flex;flex-direction:column;gap:.65rem}.plan-features li{display:flex;align-items:center;gap:9px;color:#475569;font-size:.9rem;font-weight:500}.feature-check{color:#25d366;flex-shrink:0}.pricing-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:13px;font-weight:700;font-size:.93rem;text-align:center;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:all .3s ease}.pricing-btn svg{transition:transform .3s}.pricing-btn:hover svg{transform:translate(4px)}.pricing-btn.primary{background:#0f172a;color:#fff}.pricing-btn.primary:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.pricing-btn.popular-btn{background:linear-gradient(135deg,#075e54,#25d366);color:#fff;box-shadow:0 8px 24px #25d36647;position:relative;overflow:hidden}.pricing-btn.popular-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);background-size:200% 100%;animation:shimmer 2.5s linear infinite}.pricing-btn.popular-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px #25d36666}.pricing-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#64748b;font-size:15px}.pricing-spinner{animation:spin .9s linear infinite;color:#25d366}.pricing-empty{grid-column:1/-1;text-align:center;color:#64748b}.cta-section{padding:2rem 5% 6rem;background:#f8fafc}.cta-inner{background:linear-gradient(135deg,#075e54,#128c7e 40%,#25d366);border-radius:28px;padding:5rem 4rem;text-align:center;position:relative;overflow:hidden;max-width:1060px;margin:0 auto;opacity:0;transform:translateY(30px) scale(.97);transition:opacity .7s ease,transform .7s ease}.cta-inner.visible{opacity:1;transform:translateY(0) scale(1)}.cta-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.cta-orb-1{width:300px;height:300px;background:#ffffff1a;top:-80px;left:-80px;animation:orbFloat 8s ease-in-out infinite}.cta-orb-2{width:250px;height:250px;background:#075e5466;bottom:-60px;right:-60px;animation:orbFloat 10s ease-in-out 2s infinite}.cta-icon-wrap{width:68px;height:68px;background:#ffffff2e;border:2px solid rgba(255,255,255,.3);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;animation:float 3.5s ease-in-out infinite;position:relative;z-index:1}.cta-title{font-size:2.4rem;font-weight:900;color:#fff;letter-spacing:-.03em;margin-bottom:1rem;position:relative;z-index:1;line-height:1.15}.cta-subtitle{color:#ffffffd1;font-size:1.1rem;margin-bottom:2.5rem;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.65;position:relative;z-index:1}.cta-actions{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;position:relative;z-index:1}.cta-actions .btn-hero-primary{background:#fff;color:#075e54;box-shadow:0 8px 28px #00000026}.cta-actions .btn-hero-primary:hover{background:#fff;box-shadow:0 16px 40px #0003}.cta-actions .btn-hero-primary:after{display:none}.cta-link{display:inline-flex;align-items:center;gap:4px;color:#ffffffe0;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .25s}.cta-link:hover{color:#fff;gap:8px}.footer{background:linear-gradient(180deg,#0a1628,#060d18);color:#fff;padding:5rem 5% 2.5rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(37,211,102,.4),transparent)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:3rem}.footer-brand p{color:#94a3b8;margin-top:1rem;line-height:1.75;font-size:.9rem;max-width:260px}.footer-social{display:flex;gap:10px;margin-top:1.5rem}.social-btn{width:36px;height:36px;border-radius:9px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#94a3b8;text-decoration:none;transition:all .25s}.social-btn:hover{background:#25d36626;border-color:#25d3664d;color:#25d366;transform:translateY(-3px)}.footer-links h4{font-size:.82rem;font-weight:700;margin-bottom:1.4rem;color:#f8fafc;text-transform:uppercase;letter-spacing:.07em}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-links a{color:#94a3b8;text-decoration:none;font-size:.88rem;transition:all .2s;display:flex;align-items:center;gap:4px}.footer-links a:hover{color:#25d366;transform:translate(5px)}.footer-links a svg{opacity:.6;flex-shrink:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;color:#475569;font-size:.82rem;flex-wrap:wrap;gap:1rem}.footer-love{color:#25d366;font-weight:600}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatAlt{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(18px,-18px)}66%{transform:translate(-12px,10px)}}@keyframes pulseDot{0%,to{box-shadow:0 0 #25d36680}50%{box-shadow:0 0 0 7px #25d36600}}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes iconBounce{0%{transform:scale(.7) rotate(-10deg)}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}@media (max-width: 1100px){.hero-title{font-size:3.2rem}.dashboard-mockup{max-width:440px}}@media (max-width: 1024px){.hero-section{gap:2rem}.hero-visual{display:none}.hero-content{max-width:100%}.hero-section{flex-direction:column;padding-top:8rem;text-align:center}.hero-actions,.hero-trust{justify-content:center}}@media (max-width: 900px){.steps-grid{grid-template-columns:1fr;max-width:440px}.steps-grid:before{display:none}.step-connector{display:none}.stats-section{grid-template-columns:repeat(2,1fr)}.landing-nav-links{display:none}}@media (max-width: 760px){.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{padding:3.5rem 2rem}.cta-title{font-size:1.8rem}.hero-title{font-size:2.6rem}}@media (max-width: 520px){.stats-section{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-bottom{justify-content:center;text-align:center}.footer-social{justify-content:center}.section-title{font-size:2rem}.pricing-card.popular{transform:scale(1)}.pricing-card.popular.visible{transform:translateY(0)}.pricing-card.popular:hover{transform:translateY(-6px)!important}.hero-title{font-size:2.2rem}.cta-title{font-size:1.6rem}}.auth-page-container{display:flex;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc}.auth-sidebar{flex:1;background:linear-gradient(145deg,#0a2f2a,#075e54 40%,#0d3b32,#0a2420);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:4rem;position:relative;overflow:hidden}.auth-sidebar:before{content:"";position:absolute;top:-20%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(37,211,102,.15) 0%,transparent 65%);border-radius:50%;animation:float-delayed 10s ease-in-out infinite;pointer-events:none}.auth-sidebar:after{content:"";position:absolute;bottom:-15%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,rgba(37,211,102,.1) 0%,transparent 65%);border-radius:50%;animation:float 8s ease-in-out infinite;pointer-events:none}@media (max-width: 968px){.auth-sidebar{display:none}}.auth-sidebar-content{position:relative;z-index:10;max-width:480px}.auth-sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:3rem}.auth-sidebar-logo-icon{width:48px;height:48px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;animation:float 4s ease-in-out infinite}.auth-sidebar-logo-text{font-size:1.4rem;font-weight:800;color:#fff}.auth-sidebar h2{font-size:2.8rem;font-weight:900;margin-bottom:1.25rem;line-height:1.1;letter-spacing:-.03em}.auth-sidebar p{font-size:1.05rem;opacity:.8;line-height:1.7;margin-bottom:2.5rem}.auth-features{display:flex;flex-direction:column;gap:1.2rem}.auth-feature-item{display:flex;align-items:center;gap:14px;font-size:1rem;font-weight:500;animation:fadeInUp .5s ease both}.auth-feature-item:nth-child(1){animation-delay:.1s}.auth-feature-item:nth-child(2){animation-delay:.2s}.auth-feature-item:nth-child(3){animation-delay:.3s}.auth-feature-item:nth-child(4){animation-delay:.4s}.auth-feature-icon{width:42px;height:42px;background:#ffffff1f;border:1px solid rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0;transition:all .3s ease}.auth-feature-item:hover .auth-feature-icon{background:#25d36633;border-color:#25d3664d;transform:scale(1.1)}.auth-feature-item:hover .auth-feature-icon svg{animation:pulse-scale .5s ease}.auth-sidebar-stats{display:flex;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.auth-stat{text-align:left}.auth-stat-value{font-size:1.6rem;font-weight:900;color:#25d366;letter-spacing:-.02em}.auth-stat-label{font-size:.8rem;color:#ffffff8c;font-weight:500;margin-top:2px}.auth-main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 2rem;background:#fff;position:relative;overflow-y:auto}.auth-main:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#075e54,#25d366,#075e54);background-size:200% 100%;animation:shimmer 3s linear infinite}.auth-box{width:100%;max-width:440px;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1)}.auth-header{margin-bottom:2rem;text-align:left}.auth-logo{display:flex;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;color:#075e54;margin-bottom:2rem;text-decoration:none}.auth-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#075e54,#25d366);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #25d36640;animation:float 4s ease-in-out infinite}.auth-header h1{font-size:1.9rem;font-weight:900;color:#0f172a;margin-bottom:.4rem;letter-spacing:-.025em}.auth-header p{color:#64748b;font-size:.95rem;line-height:1.6}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;letter-spacing:.01em}.input-wrapper{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:12px;background:#f8fafc;transition:all .25s ease}.input-wrapper:focus-within{border-color:#25d366;background:#fff;box-shadow:0 0 0 4px #25d3661a}.input-wrapper.has-error{border-color:#ef4444;background:#fef2f2}.input-wrapper.has-error:focus-within{box-shadow:0 0 0 4px #ef44441a}.input-wrapper input{flex:1;border:none;background:transparent;outline:none;font-size:.975rem;font-family:inherit;color:#0f172a;width:100%}.input-wrapper input::placeholder{color:#94a3b8}.input-icon{color:#94a3b8;flex-shrink:0;transition:all .25s ease}.input-wrapper:focus-within .input-icon{color:#25d366;animation:bounce-in .3s ease}.input-wrapper.has-error .input-icon{color:#ef4444}.toggle-password{color:#94a3b8;cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;transition:color .2s}.toggle-password:hover{color:#25d366}.validation-error{display:flex;align-items:center;gap:5px;color:#ef4444;font-size:.8rem;margin-top:6px;font-weight:600;animation:slideInLeft .2s ease}.auth-btn{width:100%;padding:14px;background:linear-gradient(135deg,#075e54,#25d366);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #25d36640;margin-top:1.25rem;position:relative;overflow:hidden}.auth-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:shimmer 3s linear infinite;opacity:0;transition:opacity .3s}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #25d36659}.auth-btn:hover:before{opacity:1}.auth-btn:active{transform:translateY(0)}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.auth-btn svg{transition:transform .3s}.auth-btn:hover:not(:disabled) svg{transform:translate(4px)}.auth-footer{margin-top:1.75rem;text-align:center;color:#64748b;font-size:.9rem}.auth-footer a{color:#25d366;font-weight:700;text-decoration:none;transition:all .2s}.auth-footer a:hover{color:#075e54;text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:12px;margin:1.5rem 0;color:#94a3b8;font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.demo-credentials{margin-top:2rem;padding:1.25rem;background:linear-gradient(135deg,#f0fdf4,#f8fafc);border:1.5px dashed #a7f3d0;border-radius:14px;animation:fadeInUp .5s ease .3s both}.demo-credentials-title{display:flex;align-items:center;gap:8px;color:#065f46;font-weight:800;margin-bottom:.75rem;font-size:.875rem}.demo-credentials-title svg{animation:tada 2s ease 1s}.demo-account{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fff;border-radius:10px;margin-bottom:6px;border:1px solid #e2e8f0;transition:all .2s ease}.demo-account:last-child{margin-bottom:0}.demo-account:hover{border-color:#a7f3d0;box-shadow:0 2px 8px #25d3661a}.demo-account .role{font-weight:800;font-size:.82rem;color:#0f172a;display:block}.demo-account .creds{font-size:.78rem;color:#64748b;display:block;font-family:JetBrains Mono,Fira Code,monospace;margin-top:1px}.demo-fill-btn{background:linear-gradient(135deg,#25d3661a,#075e5414);border:1px solid rgba(37,211,102,.25);color:#065f46;border-radius:8px;font-size:.75rem;font-weight:700;padding:5px 10px;cursor:pointer;transition:all .2s;font-family:inherit;flex-shrink:0}.demo-fill-btn:hover{background:linear-gradient(135deg,#25d36633,#075e5426);transform:scale(1.05)}.auth-global-error{background:#fef2f2;border:1.5px solid #fecaca;border-left:4px solid #ef4444;color:#b91c1c;padding:12px 16px;border-radius:12px;margin-bottom:1.25rem;font-size:.875rem;display:flex;align-items:center;gap:10px;font-weight:600;animation:slideInLeft .3s ease}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.auth-main{padding:2rem 1.25rem}.auth-box{max-width:100%}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes bounce-in{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes tada{0%{transform:scale(1)}10%{transform:scale(.9) rotate(-3deg)}30%,50%,70%{transform:scale(1.1) rotate(3deg)}90%{transform:scale(1.05) rotate(-1deg)}to{transform:scale(1) rotate(0)}}.dashboard-container{display:flex;height:100vh;background:var(--light-bg);overflow:hidden}.sidebar{width:268px;background:linear-gradient(180deg,#0d1117,#0d1f1c,#0d1117);color:#fff;display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.06);z-index:10}.sidebar:before{content:"";position:absolute;top:-20%;left:-30%;width:80%;height:60%;background:radial-gradient(ellipse,rgba(37,211,102,.07) 0%,transparent 70%);pointer-events:none;animation:float-delayed 8s ease-in-out infinite}.sidebar.closed{width:72px;overflow:visible}.sidebar.closed:before{opacity:0}.sidebar-header{padding:20px 16px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:center;min-height:68px}.sidebar-logo{display:flex;align-items:center;gap:10px;overflow:hidden}.sidebar-logo-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#075e54,#25d366);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #25d3664d;transition:all .3s ease}.sidebar-logo-icon svg{animation:none;transition:transform .3s ease}.sidebar:hover .sidebar-logo-icon svg{transform:rotate(15deg)}.sidebar-logo-text{font-size:17px;font-weight:800;white-space:nowrap;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;overflow:hidden;transition:all .3s ease}.sidebar.closed .sidebar-logo-text{opacity:0;width:0}.sidebar-header h2{font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex:1;min-width:0;max-width:160px;transition:max-width .3s ease,opacity .3s ease}.sidebar.closed .sidebar-header{justify-content:center}.sidebar.closed .sidebar-header h2{max-width:0;opacity:0;overflow:hidden}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-toggle:hover{background:#25d36626;color:#25d366;border-color:#25d3664d}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.nav-section-label{padding:16px 12px 6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff40;white-space:nowrap;overflow:hidden;transition:opacity .3s}.sidebar.closed .nav-section-label{opacity:0}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;width:100%;color:#ffffff8c;background:transparent;border:1px solid transparent;text-decoration:none;cursor:pointer;font-family:inherit;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:10px;margin-bottom:2px;position:relative;white-space:nowrap}.nav-item .nav-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s cubic-bezier(.34,1.56,.64,1);background:#ffffff0d}.nav-icon--green{color:#25d366}.nav-icon--blue{color:#58a6ff}.nav-icon--purple{color:#bc8cff}.nav-icon--orange{color:#fb923c}.nav-icon--yellow{color:#facc15}.nav-icon--red{color:#f85149}.nav-icon--teal{color:#2dd4bf}.nav-icon--gray{color:#8b949e}.nav-item.active .nav-icon--green{background:#25d3662e;box-shadow:0 0 14px #25d36659}.nav-item.active .nav-icon--blue{background:#58a6ff2e;box-shadow:0 0 14px #58a6ff59}.nav-item.active .nav-icon--purple{background:#bc8cff2e;box-shadow:0 0 14px #bc8cff59}.nav-item.active .nav-icon--orange{background:#fb923c2e;box-shadow:0 0 14px #fb923c59}.nav-item.active .nav-icon--yellow{background:#facc152e;box-shadow:0 0 14px #facc1559}.nav-item.active .nav-icon--red{background:#f851492e;box-shadow:0 0 14px #f8514959}.nav-item.active .nav-icon--teal{background:#2dd4bf2e;box-shadow:0 0 14px #2dd4bf59}.nav-item.active .nav-icon--gray{background:#8b949e2e;box-shadow:0 0 14px #8b949e59}.nav-item:hover .nav-icon{transform:scale(1.08)}.nav-item:hover .nav-icon svg{animation:iconBounce .45s cubic-bezier(.36,.07,.19,.97)}.nav-item.active .nav-icon svg{animation:glowPulse 2.5s ease-in-out infinite}.nav-item .nav-tooltip{display:none}.sidebar.closed .nav-item .nav-tooltip{display:block;position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(-6px);background:#161b22fa;color:#e6edf3;font-size:12px;font-weight:600;padding:6px 11px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s ease,transform .18s ease;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 16px #0006;z-index:9999}.sidebar.closed .nav-item:hover .nav-tooltip{opacity:1;transform:translateY(-50%) translate(0)}.nav-item .nav-label{font-size:14px;font-weight:600;transition:all .3s ease;overflow:hidden}.nav-item:hover{color:#ffffffe6;background:#ffffff0f}.nav-item:hover .nav-icon{background:#25d36626;color:#25d366;transform:scale(1.05)}.nav-item:hover .nav-icon svg{animation:pulse-scale .4s ease}.nav-item.active{color:#fff;background:linear-gradient(135deg,#25d3662e,#075e541f);border:1px solid rgba(37,211,102,.2);box-shadow:inset 3px 0 #25d366}.nav-item.active>svg{color:#25d366;filter:drop-shadow(0 0 6px rgba(37,211,102,.5))}.nav-item:hover>svg{color:#25d366;animation:pulse-scale .4s ease}.sidebar.closed .nav-item.active:after{display:none}.sidebar.closed .nav-item{justify-content:center;padding:10px}.sidebar.closed .nav-item .nav-label{display:none}.sidebar.closed .nav-item .nav-tooltip{pointer-events:none}.sidebar.closed .nav-item.active{box-shadow:inset 3px 0 #25d366}.sidebar-footer{padding:16px 12px;border-top:1px solid rgba(255,255,255,.07)}.user-info{margin-bottom:10px;padding:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;transition:all .3s ease}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#075e54,#25d366);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #25d3664d}.user-details{overflow:hidden}.user-name{font-weight:700;font-size:13px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffe6}.user-email{font-size:11px;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar.closed .user-info{display:none}.btn-logout{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:#ef444414;color:#fca5a5;border:1px solid rgba(239,68,68,.2);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600;font-family:inherit;white-space:nowrap;overflow:hidden}.btn-logout:hover{background:#ef44442e;border-color:#ef444466;color:#f87171}.btn-logout:hover svg{animation:tada .5s ease}.sidebar.closed .btn-logout{justify-content:center}.sidebar.closed .btn-logout .logout-label{display:none}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.dashboard-header{background:#fff;padding:0 28px;height:68px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:16px;flex-shrink:0;position:sticky;top:0;z-index:5;box-shadow:0 1px 0 var(--border-color)}.menu-button{display:none;align-items:center;justify-content:center;width:38px;height:38px;background:none;border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.menu-button:hover{border-color:var(--primary-color);color:var(--primary-color);background:#075e540d}.page-title{font-size:20px;font-weight:800;color:var(--text-primary);flex:1;letter-spacing:-.02em}.header-breadcrumb{display:flex;align-items:center;gap:8px;flex:1}.header-breadcrumb .breadcrumb-sep{color:var(--text-muted);font-size:18px}.header-breadcrumb .breadcrumb-current{font-size:16px;font-weight:700;color:var(--text-primary)}.header-actions{display:flex;align-items:center;gap:8px}.settings-button{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:none;border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.settings-button:hover{border-color:var(--primary-color);color:var(--primary-color);background:#075e540d}.settings-button:hover svg{animation:spin 4s linear infinite}.dashboard-content{flex:1;overflow-y:auto;padding:28px;animation:fadeInUp .4s ease}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:16px}.empty-state{text-align:center;padding:64px 24px;background:#fff;border-radius:var(--radius-xl);border:1px solid var(--border-color)}.page-header .tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:12px}.page-header .tab{padding:7px 16px;background:transparent;border:none;border-radius:9px;color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:14px;font-family:inherit;transition:all .2s ease}.page-header .tab.active{background:#fff;color:var(--primary-color);box-shadow:0 1px 4px #0000001a}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:999;transform:translate(-100%);width:268px!important}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000004d}.menu-button{display:flex}.dashboard-content{padding:20px 16px}.page-header{flex-direction:column;align-items:flex-start}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease}@media (max-width: 768px){.sidebar-overlay.visible{display:block}}.qrs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:16px}.qrs-modal{background:#161b22;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 64px #0000008c;width:100%;max-width:440px;max-height:92vh;overflow-y:auto;display:flex;flex-direction:column;animation:qrsSlideUp .28s cubic-bezier(.34,1.56,.64,1)}@keyframes qrsSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.qrs-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.qrs-header-left{display:flex;align-items:center;gap:12px}.qrs-header-icon{width:38px;height:38px;border-radius:10px;background:#25d36626;color:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0}.qrs-title{margin:0;font-size:1rem;font-weight:700;color:#ffffffeb;line-height:1.2}.qrs-subtitle{margin:2px 0 0;font-size:.78rem;color:#ffffff73}.qrs-close{width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:#fff6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.qrs-close:hover{background:#ffffff14;color:#fffc}.qrs-body{padding:20px;display:flex;flex-direction:column;gap:20px}.qrs-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.qrs-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 20px;border-radius:14px;width:100%;text-align:center}.qrs-state-title{margin:0;font-size:1.05rem;font-weight:700;color:#ffffffe6}.qrs-state-msg{margin:0;font-size:.82rem;color:#ffffff73;max-width:280px;line-height:1.5}.qrs-state--waiting{background:#25d3660f;border:1px solid rgba(37,211,102,.15);color:#25d366}.qrs-state--waiting .qrs-spin{color:#25d366}.qrs-state--connecting{background:#fb923c0f;border:1px solid rgba(251,146,60,.2);color:#fb923c}.qrs-state--connecting .qrs-spin{color:#fb923c}.qrs-state--success{background:#25d36614;border:1px solid rgba(37,211,102,.25);color:#25d366}.qrs-success-ring{width:72px;height:72px;border-radius:50%;background:#25d36626;color:#25d366;display:flex;align-items:center;justify-content:center;animation:qrsSuccessPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes qrsSuccessPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.qrs-state--error{background:#ef444412;border:1px solid rgba(239,68,68,.2);color:#ef4444}.qrs-state--expired{background:#f59e0b0f;border:1px solid rgba(245,158,11,.18);color:#f59e0b}.qrs-qr-container{position:relative;width:232px;height:232px;display:flex;align-items:center;justify-content:center}.qrs-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.qrs-qr-img{width:200px;height:200px;border-radius:12px;background:#fff;padding:8px;box-shadow:0 0 0 3px #ffffff14;object-fit:contain}.qrs-timer-row{display:flex;align-items:center;gap:6px}.qrs-timer-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.qrs-timer-text{font-size:.8rem;font-weight:600}.qrs-steps{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px}.qrs-steps-title{margin:0 0 8px;font-size:.78rem;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.04em}.qrs-steps-list{margin:0;padding-left:18px;color:#ffffffa6;font-size:.82rem;line-height:1.9}.qrs-steps-list strong{color:#ffffffe0;font-weight:600}.qrs-footer{padding:14px 20px 18px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:flex-end;gap:10px}.qrs-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border:none;border-radius:9px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.qrs-btn--primary{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 14px #25d3664d}.qrs-btn--primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 18px #25d36666}.qrs-btn--ghost{background:#ffffff12;color:#fff9;border:1px solid rgba(255,255,255,.1)}.qrs-btn--ghost:hover{background:#ffffff1c;color:#ffffffd9}.qrs-spin{animation:qrsSpin 1.4s linear infinite}@keyframes qrsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.qrs-spin-slow{animation:qrsSpin 2.5s linear infinite}@media (max-width: 480px){.qrs-modal{max-width:100%;border-radius:18px 18px 0 0;max-height:100dvh}.qrs-overlay{align-items:flex-end;padding:0}.qrs-qr-container{width:200px;height:200px}.qrs-qr-img{width:172px;height:172px}}.devices-page{max-width:1100px;margin:0 auto}.devices-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.dev-stat{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:14px;transition:all .2s ease}.dev-stat:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-2px)}.dev-stat-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.dev-stat:hover .dev-stat-icon{transform:scale(1.12)}.dev-stat:hover .dev-stat-icon svg{animation:iconBounce .45s cubic-bezier(.36,.07,.19,.97)}.dev-stat-icon.total{background:#6366f11a;color:#6366f1}.dev-stat-icon.connected{background:#10b9811a;color:#10b981}.dev-stat-icon.offline{background:#ef44441a;color:#ef4444}.dev-stat-value{font-size:24px;font-weight:800;color:var(--text-primary);line-height:1}.dev-stat-label{font-size:11px;color:var(--text-secondary);font-weight:500;margin-top:3px;text-transform:uppercase;letter-spacing:.5px}.connect-error-banner{display:flex;align-items:center;gap:10px;padding:11px 16px;background:#ef444412;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13px;font-weight:500;margin-bottom:20px;animation:fadeInUp .2s ease}.connect-error-banner span{flex:1}.connect-error-banner button{background:none;border:none;cursor:pointer;color:#ef4444;padding:2px;border-radius:4px;display:flex;align-items:center;opacity:.6;transition:opacity .15s}.connect-error-banner button:hover{opacity:1}.devices-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:14px;color:var(--text-muted);font-size:14px}.empty-state{text-align:center;padding:80px 24px;background:#fff;border-radius:16px;border:1px solid var(--border-color)}.empty-state-icon{width:72px;height:72px;border-radius:20px;background:#075e5414;display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin:0 auto 20px;animation:float 3s ease-in-out infinite}.empty-state h3{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px}.device-card{background:#fff;border-radius:14px;border:1px solid var(--border-color);overflow:hidden;transition:all .25s ease}.device-card:hover{box-shadow:0 8px 28px #00000014;transform:translateY(-3px)}.device-card.status-connected{border-left:3px solid #10b981}.device-card.status-disconnected{border-left:3px solid #e2e8f0}.device-card.status-qr_pending{border-left:3px solid #3b82f6}.device-card.status-connecting{border-left:3px solid #f59e0b}.device-card.status-auth_failed{border-left:3px solid #ef4444}.device-card-top{padding:18px 18px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.device-left{display:flex;align-items:center;gap:12px;min-width:0}.device-icon-wrap{width:42px;height:42px;border-radius:11px;background:#075e5414;color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.device-card.status-connected .device-icon-wrap{background:#10b9811a;color:#10b981}.device-card:hover .device-icon-wrap{background:var(--primary-color);color:#fff;transform:scale(1.1)}.device-card:hover .device-icon-wrap svg{animation:iconBounce .45s cubic-bezier(.36,.07,.19,.97)}.device-name-group{min-width:0}.device-name{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-phone{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;margin-top:3px}.device-phone.no-phone{color:var(--text-muted);font-style:italic}.device-status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0}.device-status-badge.connected{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.device-status-badge.disconnected{background:#64748b1a;color:#64748b;border:1px solid rgba(100,116,139,.15)}.device-status-badge.qr_pending{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.device-status-badge.connecting{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.device-status-badge.auth_failed{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-dot.pulse{animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.device-card-meta{padding:10px 18px;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:14px}.device-meta-item{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.device-meta-item svg{flex-shrink:0;opacity:.6}.device-card-actions{padding:12px 18px 14px;border-top:1px solid var(--border-color);display:flex;gap:8px}.dev-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease;font-family:inherit;flex:1;white-space:nowrap}.dev-btn:disabled{opacity:.55;cursor:not-allowed}.dev-btn-primary{background:linear-gradient(135deg,var(--primary-color),#25d366);color:#fff;border-color:var(--primary-color)}.dev-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#053e37,var(--primary-color));box-shadow:0 4px 14px #075e544d;transform:translateY(-1px)}.dev-btn-success{background:#10b98114;color:#10b981;border-color:#10b98140}.dev-btn-warning{background:#f59e0b14;color:#f59e0b;border-color:#f59e0b33}.dev-btn-warning:hover:not(:disabled){background:#f59e0b26}.dev-btn-danger{background:#ef444412;color:#ef4444;border-color:#ef44442e;flex:0;padding:7px 11px}.dev-btn-danger:hover:not(:disabled){background:#ef444426;border-color:#ef444459}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal{background:#fff;border-radius:16px;width:100%;max-width:420px;box-shadow:0 24px 64px #0000001f;animation:slideInScale .25s ease;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-title-wrap{display:flex;align-items:center;gap:10px}.modal-title-icon{width:34px;height:34px;border-radius:9px;background:#075e541a;color:var(--primary-color);display:flex;align-items:center;justify-content:center}.modal-header h2{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s}.modal-close:hover{color:var(--text-primary);background:var(--light-bg)}.modal-body{padding:20px 24px 24px}.form-group label{display:block;font-size:11px;font-weight:700;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.form-group input{width:100%;padding:10px 14px;border:1.5px solid var(--border-color);border-radius:9px;font-size:14px;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #075e5414}.form-group input::placeholder{color:var(--text-muted)}.form-error{display:flex;align-items:center;gap:7px;font-size:13px;color:#ef4444;margin-bottom:14px;padding:8px 12px;background:#ef444412;border-radius:7px;border:1px solid rgba(239,68,68,.15)}.modal-actions{display:flex;gap:10px}.modal-actions .btn-primary,.modal-actions .btn-secondary{flex:1}@media (max-width: 640px){.devices-grid,.devices-stats{grid-template-columns:1fr}.device-card-actions{flex-wrap:wrap}}:root{--primary-color: #25d366;--secondary-color: #128c7e;--dark-bg: #075e54;--light-bg: #f0f2f5;--text-primary: #111b21;--text-secondary: #667781;--text-muted: #8696a0;--border-color: #e9edef;--white: #ffffff;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .3);--shadow-sm: 0 1px 3px rgba(11, 20, 26, .08);--shadow-md: 0 4px 12px rgba(11, 20, 26, .12);--accent-blue: #3b82f6;--accent-purple: #8b5cf6}.messages-page{max-width:1200px;margin:0 auto;padding:20px;display:flex;flex-direction:column;gap:24px;min-height:calc(100vh - 100px)}.page-header{display:flex;flex-direction:column;gap:16px}.page-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.tabs{display:flex;gap:8px;background:var(--glass-bg);padding:4px;border-radius:12px;width:fit-content;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab{padding:10px 24px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.tab.active{background:var(--primary-color);color:#fff;box-shadow:0 2px 8px #25d3664d}.message-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:16px;padding:32px;box-shadow:var(--shadow-md)}.message-card h2{font-size:20px;margin-bottom:24px;color:var(--text-primary);display:flex;align-items:center;gap:10px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:10px;background:var(--white);font-size:14px;color:var(--text-primary);transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #25d3661a}.file-input-wrapper{position:relative;border:2px dashed #cbd5e1;border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .3s ease;background:#f8fafc80}.file-input-wrapper:hover{border-color:var(--primary-color);background-color:#25d3660d}.file-input-wrapper input{display:none}.file-info{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-secondary)}.file-info svg{color:var(--primary-color)}.file-info p{font-size:15px;font-weight:500}.btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:var(--secondary-color);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--white);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:var(--light-bg);border-color:var(--text-muted)}.alert{padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:20px}.alert-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.entry-mode-toggle{display:flex;background:var(--bg-secondary);padding:4px;border-radius:12px;width:fit-content;margin-bottom:24px}.entry-mode-toggle button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-weight:600;cursor:pointer;transition:all .2s}.entry-mode-toggle button.active{background:var(--card-bg);color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.btn-small{padding:6px 12px;border-radius:6px;border:1px solid var(--border-color);background:var(--white);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-small:hover{background:var(--light-bg)}.btn-small.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.media-source-toggle{background:var(--light-bg);padding:3px;border-radius:8px;width:fit-content}.grid-file-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:var(--white);cursor:pointer;transition:all .2s}.grid-file-btn:hover{border-color:var(--primary-color);background:#25d3660d}.manual-entry-grid{margin-top:16px}.grid-table-wrapper{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.campaign-grid{width:100%;border-collapse:collapse}.campaign-grid th{text-align:left;padding:12px 16px;background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.campaign-grid td{padding:8px 16px;border-top:1px solid var(--border-color)}.campaign-grid input{width:100%;padding:8px!important;border:1px solid transparent!important;background:transparent!important;border-radius:4px;font-size:14px}.campaign-grid input:focus{border-color:var(--primary-color)!important;background:var(--bg-secondary)!important}.action-btn.delete{background:#ef44441a;color:#ef4444;border:none;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.action-btn.delete:hover{background:#ef4444;color:#fff}@media (max-width: 768px){.bulk-jobs{grid-template-columns:1fr}}.bulk-jobs{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.bulk-job{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm)}.bulk-job h4{font-size:16px;margin-bottom:12px}.progress-bar{height:6px;background:#f1f5f9;border-radius:10px;overflow:hidden;margin:12px 0}.progress-fill{height:100%;background:var(--primary-color)}.badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase}.form-hint{color:var(--text-muted);font-size:13px;margin-bottom:16px}.chats-page{height:calc(100vh - 100px);display:flex;background-color:#fff;border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.chats-container{display:flex;width:100%;gap:0}.chat-list{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background-color:var(--light-bg)}.chat-list-header{padding:20px;border-bottom:1px solid var(--border-color)}.chat-list-header h2{margin-bottom:12px;font-size:18px;color:var(--text-primary)}.search-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.chats{flex:1;overflow-y:auto}.chat-item{padding:16px 20px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .3s ease;background-color:#fff}.chat-item:hover{background-color:var(--light-bg)}.chat-item.active{background-color:#075e541a;border-left:3px solid var(--primary-color)}.chat-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.chat-item-header h4{margin:0;font-size:14px;color:var(--text-primary);flex:1}.unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background-color:var(--danger-color);color:#fff;border-radius:50%;font-size:12px;font-weight:600}.last-message{font-size:13px;color:var(--text-secondary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timestamp{font-size:11px;color:var(--text-secondary)}.chat-view{flex:1;display:flex;flex-direction:column}.chat-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.chat-header-info h2{margin:0 0 4px;font-size:18px;color:var(--text-primary)}.chat-header-info p{margin:0;font-size:12px;color:var(--text-secondary)}.chat-actions{display:flex;gap:8px}.messages-view{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.message{display:flex;margin-bottom:8px}.message.incoming{justify-content:flex-start}.message.outgoing{justify-content:flex-end}.message-content{max-width:60%;padding:12px 16px;border-radius:8px}.message.incoming .message-content{background-color:var(--light-bg);color:var(--text-primary)}.message.outgoing .message-content{background-color:var(--primary-color);color:#fff}.message-content p{margin:0 0 4px;word-wrap:break-word}.message-time{font-size:11px;opacity:.7}.message-input{padding:20px;border-top:1px solid var(--border-color);display:flex;gap:12px}.message-input input{flex:1;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}.message-input button{display:flex;align-items:center;justify-content:center;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;min-width:44px}.message-input button:disabled{opacity:.5;cursor:not-allowed}.empty-messages{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:14px}.unread-count{display:inline-flex;align-items:center;justify-content:center;background-color:var(--secondary-color);color:#fff;border-radius:50%;width:22px;height:22px;font-size:12px;font-weight:700;margin-left:8px}@media (max-width: 768px){.chat-list{width:100%}.chat-view,.chat-list.hidden{display:none}.chat-view.active{display:flex}}.autoreply-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h1{margin:0;font-size:28px;color:#1f2937}.rules-container{display:grid;gap:16px}.empty-state{text-align:center;padding:40px 20px;background:#f9fafb;border-radius:8px;color:#6b7280}.rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .2s}.rule-card.inactive{opacity:.6;background:#f9fafb}.rule-card:hover{box-shadow:0 4px 12px #0000001a}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.rule-header h3{margin:0;color:#1f2937}.badge{background:#dbeafe;color:#1e40af;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge.keyword{background:#dbeafe;color:#1e40af}.badge.regex{background:#fecaca;color:#991b1b}.badge.always{background:#d1fae5;color:#065f46}.rule-details{margin-bottom:16px;color:#4b5563}.rule-details p{margin:8px 0;font-size:14px}.rule-details strong{color:#1f2937}.rule-actions{display:flex;gap:8px}.rule-actions button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#e5e7eb;color:#1f2937}.btn-secondary:hover{background:#d1d5db}.btn-info{background:#f59e0b;color:#fff}.btn-info:hover{background:#d97706}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:85vh;overflow-y:scroll;box-shadow:0 20px 60px #0000004d;scroll-behavior:smooth}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 12px 12px 0}.modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal h2{margin:0 0 20px;color:#1f2937}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#374151;font-weight:600;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=checkbox]{width:auto;margin-right:8px}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb}.modal-buttons button{padding:10px 20px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.test-result{border-left:4px solid #10b981;padding:12px;border-radius:6px;margin:16px 0}.test-result.triggered{background:#d1fae5;color:#065f46}.test-result.not-triggered{background:#fee2e2;border-left-color:#ef4444;color:#991b1b}.test-result p{margin:0;font-size:14px}.test-response{margin-top:6px!important;padding-top:6px;border-top:1px solid rgba(0,0,0,.1)}.rule-header-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.on{background:#10b981}.status-dot.off{background:#d1d5db}.ar-media-badge{display:inline-flex;align-items:center;gap:4px;background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.rule-media-link a{display:inline-flex;align-items:center;gap:4px;color:#3b82f6;text-decoration:none;font-size:13px;word-break:break-all}.rule-media-link a:hover{text-decoration:underline}.modal-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title-row h2{margin:0}.modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;display:flex;align-items:center}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-sm{max-width:480px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 500px){.form-row{grid-template-columns:1fr}}.label-hint{font-weight:400;color:#9ca3af;font-size:12px}.form-group-check label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:14px}.attach-toggle-row{margin-bottom:16px}.btn-attach-toggle{display:inline-flex;align-items:center;gap:6px;background:#f3f4f6;color:#374151;border:1px dashed #d1d5db;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-attach-toggle:hover,.btn-attach-toggle.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.attach-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:16px}.media-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.media-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#6b7280;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.media-type-btn:hover{border-color:#3b82f6;color:#1d4ed8}.media-type-btn.selected{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.attach-preview{display:flex;align-items:center;gap:8px;background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;padding:8px 10px;margin-top:12px;color:#0369a1;font-size:13px}.attach-preview-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.attach-clear{background:none;border:none;cursor:pointer;color:#0369a1;padding:2px;display:flex;align-items:center;border-radius:3px;flex-shrink:0}.attach-clear:hover{background:#00000014}.attach-file-input{display:none}.attach-file-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border:2px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;text-align:center;transition:border-color .2s,background .2s;line-height:1.5}.attach-file-label:hover{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.attach-file-label.uploading{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8;cursor:not-allowed;flex-direction:row}.attach-hint{font-size:11px;color:#94a3b8;font-weight:400}.attach-error{margin:8px 0 0;font-size:13px;color:#dc2626}.attach-preview-full{display:flex;flex-direction:column;gap:10px}.attach-img-preview{width:100%;max-height:200px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.attach-audio-preview{width:100%;border-radius:8px}.attach-doc-preview{display:flex;align-items:center;gap:10px;padding:14px;background:#f1f5f9;border-radius:8px;color:#475569;font-size:13px;font-weight:500;word-break:break-all}.attach-preview-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attach-open-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#3b82f6;text-decoration:none}.attach-open-link:hover{text-decoration:underline}.attach-clear-btn{display:inline-flex;align-items:center;gap:4px;background:#fee2e2;color:#b91c1c;border:none;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;margin-left:auto;transition:background .2s}.attach-clear-btn:hover{background:#fecaca}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.phonebook-page{display:flex;flex-direction:column;height:calc(100vh - 80px);background-color:var(--light-bg);padding:24px;box-sizing:border-box;animation:fadeInUp .4s ease}.phonebook-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left h1{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.header-actions{display:flex;gap:12px}.phonebook-main{display:flex;gap:24px;flex:1;overflow:hidden;min-height:0}.phonebook-sidebar{width:320px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:var(--shadow);min-height:0;overflow:hidden}.sidebar-section{padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-section:last-child{border-bottom:none;min-height:0}.sidebar-section h3{font-size:11px;font-weight:700;color:var(--text-muted);margin-bottom:14px;text-transform:uppercase;letter-spacing:.08em}.device-select{width:100%;padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius);font-size:14px;background-color:#fff;color:var(--text-primary);font-family:inherit;font-weight:500;transition:var(--transition)}.device-select:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #25d3661f;outline:none}.phonebook-content{flex:1;background:#fff;border-radius:var(--radius-lg);display:flex;flex-direction:column;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.content-header{padding:24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:20px}.search-bar{position:relative;flex:1;max-width:400px}.search-bar input{width:100%;padding:11px 16px 11px 42px;border:1.5px solid var(--border-color);border-radius:var(--radius);font-size:14px;transition:var(--transition);font-family:inherit}.search-bar input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 3px #25d3661f;outline:none}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.action-buttons{display:flex;gap:10px}.table-container{flex:1;overflow-y:auto;min-height:0}.contact-table{width:100%;border-collapse:collapse}.contact-table th{background-color:#f8fafc;padding:14px 24px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.contact-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;font-size:14px;color:var(--text-primary);transition:var(--transition-fast)}.contact-item:hover td{background-color:#f8fafc}.contact-name-cell{display:flex;align-items:center;gap:14px}.avatar{width:36px;height:36px;border-radius:10px;background:var(--gradient-glow);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-weight:800;font-size:14px;border:1px solid rgba(37,211,102,.2)}.btn-fetch{background:var(--gradient-primary);color:#fff;border:none;padding:10px 18px;border-radius:var(--radius);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--transition);box-shadow:var(--shadow-green)}.btn-fetch:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d3664d}.btn-clear{background-color:#fff;color:var(--text-secondary);border:1px solid var(--border-color);padding:10px 18px;border-radius:var(--radius);font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition)}.btn-clear:hover{background-color:#fff1f2;color:#ef4444;border-color:#fecaca}.btn-add{background:var(--gradient-primary);color:#fff;border:none;padding:12px;border-radius:var(--radius);font-weight:700;font-size:13px;cursor:pointer;box-shadow:var(--shadow-green);transition:var(--transition)}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d36659}.sidebar-list{flex:1;overflow-y:auto;min-height:0;padding:8px}.list-item{padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;border-radius:var(--radius);margin-bottom:4px;transition:var(--transition);position:relative}.list-item:hover{background:#25d36614;color:var(--primary-color)}.list-item.active{background:var(--gradient-glow);color:var(--primary-color);border:1px solid rgba(37,211,102,.2);box-shadow:inset 3px 0 0 var(--secondary-color)}.list-item-name{font-size:14px;font-weight:600;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-id{font-size:11px;color:var(--text-muted)}.list-item.active .list-item-id{color:#075e5499}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:32px;border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden;animation:fadeInUp .3s cubic-bezier(.34,1.56,.64,1)}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font-size:20px;font-weight:800;color:var(--text-primary)}.close-btn{background:#f8fafc;border:1px solid var(--border-color);color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.close-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.modal-body .form-group{margin-bottom:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.btn-cancel{padding:10px 20px;border:1.5px solid var(--border-color);background:#fff;border-radius:var(--radius);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:var(--transition)}.btn-cancel:hover{background:#f8fafc;color:var(--text-primary)}.btn-save{padding:10px 24px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius);font-weight:700;cursor:pointer;box-shadow:var(--shadow-green);transition:var(--transition)}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 20px #25d3664d}.btn-save:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.subscription-page{max-width:1200px;margin:0 auto}.current-plan{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:30px;border-radius:12px;margin-bottom:40px;display:flex;align-items:center;gap:20px}.current-plan h3{margin:0;font-size:18px}.current-plan p{margin:8px 0 0;opacity:.9;font-size:14px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:50px}.plan-card{background-color:#fff;border:2px solid var(--border-color);border-radius:12px;padding:30px;transition:all .3s ease;position:relative}.plan-card.active{border-color:var(--primary-color);box-shadow:0 0 0 4px #075e541a}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card h2{font-size:22px;margin-bottom:16px;color:var(--text-primary)}.price{display:flex;align-items:baseline;gap:8px;margin-bottom:24px}.amount{font-size:36px;font-weight:700;color:var(--primary-color)}.period{color:var(--text-secondary);font-size:14px}.features{margin-bottom:24px}.features h4{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.features ul{list-style:none;display:flex;flex-direction:column;gap:8px}.features li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.features svg{color:var(--secondary-color);flex-shrink:0}.usage-stats{background-color:#fff;border-radius:12px;padding:30px;border:1px solid var(--border-color)}.usage-stats h2{margin-bottom:20px;color:var(--text-primary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-card{padding:20px;background-color:var(--light-bg);border-radius:8px;text-align:center}.stat-card h4{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.stat-value{font-size:28px;font-weight:700;color:var(--primary-color);margin:0}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:4px 14px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.plan-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.stat-limit{font-size:12px;color:var(--text-secondary);margin-top:4px}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr}.current-plan{flex-direction:column;text-align:center}}.current-plan.expired{background:linear-gradient(135deg,#b91c1c,#dc2626)}.plan-badge.popular-badge{background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;gap:4px}.plan-card.popular{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.plan-desc{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.currency{font-size:22px;font-weight:600;color:var(--primary-color);align-self:flex-start;margin-top:6px}.subscription-gate{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:40px 20px}.gate-card{background:#fff;border-radius:20px;padding:50px 40px;max-width:480px;width:100%;text-align:center;box-shadow:0 20px 60px #0000001f;border:1px solid var(--border-color)}.gate-icon{width:80px;height:80px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:var(--primary-color)}.gate-card h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.gate-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.gate-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px;text-align:left}.gate-features span{font-size:13px;color:var(--text-secondary);background:var(--light-bg);padding:8px 12px;border-radius:8px}.gate-cta{width:100%;padding:14px 24px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:8px}.payment-status-page{display:flex;align-items:center;justify-content:center;min-height:70vh;padding:40px 20px}.payment-status-card{background:#fff;border-radius:20px;padding:60px 40px;max-width:440px;width:100%;text-align:center;box-shadow:0 20px 60px #0000001a;border:1px solid var(--border-color)}.status-icon{margin-bottom:20px;display:block;margin-left:auto;margin-right:auto}.status-icon.success{color:#16a34a}.status-icon.error{color:#dc2626}.payment-status-card h2{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.payment-status-card p{color:var(--text-secondary);margin-bottom:12px;line-height:1.6}.redirect-note{font-size:13px;color:var(--text-secondary);font-style:italic;margin-bottom:20px!important}.btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.btn-group .btn-primary,.btn-group .btn-secondary{flex:1;min-width:140px}.payment-status-card .btn-primary{margin-top:20px;width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px}.invoices-page{max-width:1000px;margin:0 auto}.page-header{margin-bottom:30px}.page-header h1{font-size:28px;margin-bottom:8px}.page-header p{color:var(--text-secondary)}.invoices-table{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);overflow:hidden}thead{background-color:var(--light-bg);border-bottom:1px solid var(--border-color)}th{padding:16px;text-align:left;font-weight:600;font-size:14px;color:var(--text-secondary)}td{padding:16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}tbody tr:hover{background-color:var(--light-bg)}tbody tr:last-child td{border-bottom:none}.actions{display:flex;gap:8px}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{color:var(--text-secondary);margin-bottom:20px}.empty-state h3{font-size:18px;color:var(--text-primary);margin-bottom:10px}.empty-state p{color:var(--text-secondary)}@media (max-width: 768px){table{font-size:12px}th,td{padding:12px}}.admin-dashboard,.admin-companies,.admin-plans{max-width:1400px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h1{font-size:28px;color:var(--text-primary)}.admin-header p{color:var(--text-secondary);margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;padding:24px;display:flex;gap:16px;transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-icon{width:60px;height:60px;background-color:var(--light-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0}.stat-content{flex:1}.stat-content h3{font-size:12px;color:var(--text-secondary);margin:0 0 4px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.stat-number{font-size:28px;font-weight:700;color:var(--primary-color);margin:0}.admin-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:40px}.chart-card{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;padding:24px}.chart-card h3{margin-bottom:20px;color:var(--text-primary)}.chart-placeholder{height:300px;background-color:var(--light-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.search-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px}.search-bar input{flex:1;border:none;outline:none;font-size:14px}.table-responsive{background-color:#fff;border-radius:12px;border:1px solid var(--border-color);overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background-color:var(--light-bg);border-bottom:1px solid var(--border-color)}.admin-table th{padding:16px;text-align:left;font-weight:600;font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-primary)}.admin-table tbody tr:hover{background-color:var(--light-bg)}.admin-table tbody tr:last-child td{border-bottom:none}.plans-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.plan-admin-card{background-color:#fff;border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s ease}.plan-admin-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.plan-header h3{margin:0;color:var(--text-primary)}.plan-details{margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.plan-details p{margin:8px 0}.plan-features{margin-bottom:16px;padding:12px;background-color:var(--light-bg);border-radius:6px}.plan-features strong{display:block;margin-bottom:8px;color:var(--text-primary)}.plan-features ul{list-style:none;font-size:13px}.plan-features li{margin:4px 0;color:var(--text-secondary)}.plan-actions{display:flex;gap:8px}.plan-actions button{flex:1}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.stat-sub{font-size:12px;color:var(--text-secondary);margin-top:4px}.admin-quick-links{display:flex;gap:12px;margin-top:24px}.company-detail p{margin:8px 0;font-size:14px}.search-bar .btn-secondary{padding:6px 16px;white-space:nowrap}.actions{display:flex;gap:8px;align-items:center}@media (max-width: 768px){.admin-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid,.admin-charts,.plans-admin-grid{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:12px}}:root{--sa-bg: #0d1117;--sa-sidebar-bg: #161b22;--sa-sidebar-border: #21262d;--sa-card-bg: #161b22;--sa-card-border: #21262d;--sa-header-bg: #161b22;--sa-text: #e6edf3;--sa-text-muted: #8b949e;--sa-accent: #25d366;--sa-accent-dim: rgba(37, 211, 102, .12);--sa-accent-hover: #1db954;--sa-danger: #f85149;--sa-warning: #d29922;--sa-info: #58a6ff;--sa-purple: #bc8cff;--sa-sidebar-w: 260px}.sa-root{display:flex;min-height:100vh;background:var(--sa-bg);color:var(--sa-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.sa-sidebar{width:var(--sa-sidebar-w);background:var(--sa-sidebar-bg);border-right:1px solid var(--sa-sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:transform .25s ease}.sa-sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--sa-sidebar-border)}.sa-logo-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;background:var(--sa-accent-dim);border:1px solid rgba(37,211,102,.25);border-radius:10px;font-weight:700;font-size:14px;color:var(--sa-accent);letter-spacing:.3px}.sa-logo-dot{width:8px;height:8px;background:var(--sa-accent);border-radius:50%;animation:sa-pulse 2s ease-in-out infinite}@keyframes sa-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.sa-logo-sub{font-size:10px;color:var(--sa-text-muted);margin-top:6px;padding-left:12px;text-transform:uppercase;letter-spacing:1px}.sa-nav{flex:1;padding:12px 8px;overflow-y:auto}.sa-nav-section{margin-bottom:4px}.sa-nav-label{font-size:10px;font-weight:600;color:var(--sa-text-muted);text-transform:uppercase;letter-spacing:1.2px;padding:8px 12px 4px}.sa-nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--sa-text-muted);cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:all .15s ease;position:relative}.sa-nav-item:hover{background:#ffffff0f;color:var(--sa-text)}.sa-nav-item.active{background:var(--sa-accent-dim);color:var(--sa-accent);font-weight:600}.sa-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--sa-accent);border-radius:0 2px 2px 0}.sa-nav-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.sa-nav-icon--green{color:#25d366}.sa-nav-icon--blue{color:#58a6ff}.sa-nav-icon--teal{color:#2dd4bf}.sa-nav-icon--purple{color:#bc8cff}.sa-nav-icon--orange{color:#fb923c}.sa-nav-icon--gray{color:#8b949e}.sa-nav-item.active .sa-nav-icon--green{background:#25d3662e;box-shadow:0 0 12px #25d36659}.sa-nav-item.active .sa-nav-icon--blue{background:#58a6ff2e;box-shadow:0 0 12px #58a6ff59}.sa-nav-item.active .sa-nav-icon--teal{background:#2dd4bf2e;box-shadow:0 0 12px #2dd4bf59}.sa-nav-item.active .sa-nav-icon--purple{background:#bc8cff2e;box-shadow:0 0 12px #bc8cff59}.sa-nav-item.active .sa-nav-icon--orange{background:#fb923c2e;box-shadow:0 0 12px #fb923c59}.sa-nav-item.active .sa-nav-icon--gray{background:#8b949e2e;box-shadow:0 0 12px #8b949e59}.sa-nav-item:hover .sa-nav-icon{background:#25d3661f;color:#25d366;transform:scale(1.08)}.sa-nav-item:hover .sa-nav-icon svg{animation:sa-iconBounce .45s cubic-bezier(.36,.07,.19,.97)}.sa-nav-item.active .sa-nav-icon svg{animation:sa-glowPulse 2.5s ease-in-out infinite}@keyframes sa-iconBounce{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.22) rotate(-8deg)}50%{transform:scale(1.25) rotate(8deg)}75%{transform:scale(1.1) rotate(-4deg)}to{transform:scale(1) rotate(0)}}@keyframes sa-glowPulse{0%,to{filter:drop-shadow(0 0 2px currentColor)}50%{filter:drop-shadow(0 0 8px currentColor)}}.sa-nav-badge{margin-left:auto;font-size:10px;background:var(--sa-accent-dim);color:var(--sa-accent);padding:2px 6px;border-radius:10px;font-weight:600}.sa-sidebar-footer{padding:12px 8px;border-top:1px solid var(--sa-sidebar-border)}.sa-user-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:#ffffff0a}.sa-avatar{width:32px;height:32px;border-radius:8px;background:var(--sa-accent-dim);border:1px solid rgba(37,211,102,.3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--sa-accent);flex-shrink:0}.sa-user-info{flex:1;overflow:hidden}.sa-user-name{font-size:13px;font-weight:600;color:var(--sa-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sa-user-role{font-size:11px;color:var(--sa-accent);text-transform:uppercase;font-weight:600;letter-spacing:.5px}.sa-logout-btn{background:none;border:none;cursor:pointer;color:var(--sa-text-muted);padding:4px;border-radius:6px;transition:color .15s}.sa-logout-btn:hover{color:var(--sa-danger)}.sa-main{margin-left:var(--sa-sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.sa-topbar{background:var(--sa-header-bg);border-bottom:1px solid var(--sa-sidebar-border);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.sa-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px}.sa-breadcrumb-root,.sa-breadcrumb-sep{color:var(--sa-text-muted)}.sa-breadcrumb-page{color:var(--sa-text);font-weight:600}.sa-topbar-actions{display:flex;align-items:center;gap:12px}.sa-topbar-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--sa-accent-dim);border:1px solid rgba(37,211,102,.2);border-radius:20px;font-size:12px;font-weight:600;color:var(--sa-accent)}.sa-topbar-dot{width:6px;height:6px;background:var(--sa-accent);border-radius:50%}.sa-content{padding:28px;flex:1}.sa-page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap}.sa-page-title{font-size:22px;font-weight:700;color:var(--sa-text);margin-bottom:4px}.sa-page-subtitle{font-size:13px;color:var(--sa-text-muted)}.sa-page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sa-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:24px}.sa-kpi{background:var(--sa-card-bg);border:1px solid var(--sa-card-border);border-radius:12px;padding:20px;position:relative;overflow:hidden;transition:border-color .2s}.sa-kpi:hover{border-color:#25d3664d}.sa-kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--sa-text-muted);margin-bottom:10px}.sa-kpi-value{font-size:30px;font-weight:700;color:var(--sa-text);line-height:1;margin-bottom:8px}.sa-kpi-sub{font-size:12px;color:var(--sa-text-muted)}.sa-kpi-sub .up{color:var(--sa-accent)}.sa-kpi-sub .down{color:var(--sa-danger)}.sa-kpi-icon{position:absolute;top:16px;right:16px;opacity:.15}.sa-kpi.green .sa-kpi-value{color:var(--sa-accent)}.sa-kpi.blue .sa-kpi-value{color:var(--sa-info)}.sa-kpi.purple .sa-kpi-value{color:var(--sa-purple)}.sa-kpi.orange .sa-kpi-value{color:var(--sa-warning)}.sa-card{background:var(--sa-card-bg);border:1px solid var(--sa-card-border);border-radius:12px;overflow:hidden}.sa-card-header{padding:16px 20px;border-bottom:1px solid var(--sa-card-border);display:flex;align-items:center;justify-content:space-between}.sa-card-title{font-size:14px;font-weight:600;color:var(--sa-text)}.sa-card-subtitle{font-size:12px;color:var(--sa-text-muted);margin-top:2px}.sa-card-body{padding:20px}.sa-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}@media (max-width: 900px){.sa-chart-grid{grid-template-columns:1fr}}.sa-bar-chart{display:flex;align-items:flex-end;gap:6px;height:140px;padding:0 4px}.sa-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.sa-bar{width:100%;background:linear-gradient(to top,var(--sa-accent),rgba(37,211,102,.4));border-radius:4px 4px 0 0;transition:opacity .2s;min-height:2px}.sa-bar:hover{opacity:.8}.sa-bar.blue{background:linear-gradient(to top,var(--sa-info),rgba(88,166,255,.3))}.sa-bar.purple{background:linear-gradient(to top,var(--sa-purple),rgba(188,140,255,.3))}.sa-bar-label{font-size:9px;color:var(--sa-text-muted);white-space:nowrap;transform:rotate(-45deg)}.sa-plan-dist{display:flex;flex-direction:column;gap:12px}.sa-plan-row{display:flex;align-items:center;gap:10px}.sa-plan-bar-wrap{flex:1;height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.sa-plan-bar-fill{height:100%;border-radius:4px}.sa-plan-name{font-size:13px;color:var(--sa-text);min-width:90px}.sa-plan-count{font-size:12px;color:var(--sa-text-muted);min-width:40px;text-align:right}.sa-plan-rev{font-size:12px;color:var(--sa-accent);min-width:70px;text-align:right}.sa-table-wrap{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse;font-size:13px}.sa-table th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--sa-text-muted);background:#ffffff05;border-bottom:1px solid var(--sa-card-border)}.sa-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--sa-text);vertical-align:middle}.sa-table tr:last-child td{border-bottom:none}.sa-table tr:hover td{background:#ffffff05}.sa-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;text-transform:capitalize}.sa-badge.active{background:#25d3661f;color:var(--sa-accent);border:1px solid rgba(37,211,102,.2)}.sa-badge.inactive{background:#f851491a;color:var(--sa-danger);border:1px solid rgba(248,81,73,.2)}.sa-badge.paid{background:#25d3661f;color:var(--sa-accent);border:1px solid rgba(37,211,102,.2)}.sa-badge.issued{background:#58a6ff1a;color:var(--sa-info);border:1px solid rgba(88,166,255,.2)}.sa-badge.overdue{background:#f851491a;color:var(--sa-danger);border:1px solid rgba(248,81,73,.2)}.sa-badge.cancelled{background:#8b949e1a;color:var(--sa-text-muted);border:1px solid rgba(139,148,158,.2)}.sa-badge.draft{background:#d299221a;color:var(--sa-warning);border:1px solid rgba(210,153,34,.2)}.sa-badge.admin-role{background:#bc8cff1a;color:var(--sa-purple);border:1px solid rgba(188,140,255,.2)}.sa-badge.user-role{background:#58a6ff1a;color:var(--sa-info);border:1px solid rgba(88,166,255,.2)}.sa-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sa-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.sa-btn:disabled{opacity:.5;cursor:not-allowed}.sa-btn-primary{background:var(--sa-accent);color:#000;border-color:var(--sa-accent)}.sa-btn-primary:hover:not(:disabled){background:var(--sa-accent-hover)}.sa-btn-secondary{background:#ffffff0f;color:var(--sa-text);border-color:var(--sa-card-border)}.sa-btn-secondary:hover:not(:disabled){background:#ffffff1a}.sa-btn-danger{background:#f851491f;color:var(--sa-danger);border-color:#f8514940}.sa-btn-danger:hover:not(:disabled){background:#f8514933}.sa-btn-ghost{background:none;color:var(--sa-text-muted);border-color:transparent;padding:6px 10px}.sa-btn-ghost:hover:not(:disabled){color:var(--sa-text);background:#ffffff0f}.sa-btn-sm{padding:5px 12px;font-size:12px}.sa-btn-icon{padding:7px;border-radius:7px}.sa-form-group{margin-bottom:18px}.sa-label{display:block;font-size:12px;font-weight:600;color:var(--sa-text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sa-input,.sa-select,.sa-textarea{width:100%;background:#ffffff0a;border:1px solid var(--sa-card-border);border-radius:8px;padding:9px 12px;font-size:13px;color:var(--sa-text);outline:none;transition:border-color .15s;font-family:inherit}.sa-input:focus,.sa-select:focus,.sa-textarea:focus{border-color:var(--sa-accent);box-shadow:0 0 0 3px #25d3661a}.sa-input::placeholder{color:var(--sa-text-muted)}.sa-select option{background:var(--sa-sidebar-bg)}.sa-textarea{resize:vertical;min-height:80px}.sa-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.sa-form-row{grid-template-columns:1fr}}.sa-form-hint{font-size:11px;color:var(--sa-text-muted);margin-top:4px}.sa-toggle-wrap{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff08;border:1px solid var(--sa-card-border);border-radius:8px}.sa-toggle-label{font-size:13px;color:var(--sa-text);font-weight:500}.sa-toggle-desc{font-size:11px;color:var(--sa-text-muted);margin-top:2px}.sa-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.sa-toggle input{opacity:0;width:0;height:0}.sa-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;border-radius:12px;cursor:pointer;transition:.2s}.sa-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.sa-toggle input:checked+.sa-toggle-slider{background:var(--sa-accent)}.sa-toggle input:checked+.sa-toggle-slider:before{transform:translate(20px)}.sa-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.sa-feature-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border:1px solid var(--sa-card-border);border-radius:7px;cursor:pointer;font-size:13px;color:var(--sa-text-muted);transition:all .15s}.sa-feature-item input{accent-color:var(--sa-accent);width:14px;height:14px}.sa-feature-item.checked{background:var(--sa-accent-dim);border-color:#25d36640;color:var(--sa-text)}.sa-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sa-modal{background:var(--sa-card-bg);border:1px solid var(--sa-card-border);border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080}.sa-modal-lg{max-width:760px}.sa-modal-xl{max-width:960px}.sa-modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--sa-card-border);display:flex;align-items:center;justify-content:space-between}.sa-modal-title{font-size:16px;font-weight:700;color:var(--sa-text)}.sa-modal-body{padding:24px}.sa-modal-footer{padding:16px 24px;border-top:1px solid var(--sa-card-border);display:flex;justify-content:flex-end;gap:10px}.sa-filters{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.sa-search-wrap{display:flex;align-items:center;gap:8px;background:#ffffff0a;border:1px solid var(--sa-card-border);border-radius:8px;padding:7px 12px;flex:1;min-width:200px}.sa-search-wrap input{background:none;border:none;outline:none;color:var(--sa-text);font-size:13px;flex:1}.sa-search-wrap input::placeholder{color:var(--sa-text-muted)}.sa-search-wrap svg{color:var(--sa-text-muted);flex-shrink:0}.sa-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.sa-alert-success{background:#25d3661a;color:var(--sa-accent);border:1px solid rgba(37,211,102,.2)}.sa-alert-error{background:#f851491a;color:var(--sa-danger);border:1px solid rgba(248,81,73,.2)}.sa-alert-info{background:#58a6ff1a;color:var(--sa-info);border:1px solid rgba(88,166,255,.2)}.sa-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:14px;color:var(--sa-text-muted)}.sa-spinner{width:32px;height:32px;border:3px solid rgba(37,211,102,.15);border-top-color:var(--sa-accent);border-radius:50%;animation:sa-spin .8s linear infinite}@keyframes sa-spin{to{transform:rotate(360deg)}}.sa-empty{text-align:center;padding:60px 20px;color:var(--sa-text-muted)}.sa-empty svg{margin-bottom:16px;opacity:.3}.sa-empty-title{font-size:15px;font-weight:600;color:var(--sa-text);margin-bottom:6px}.sa-empty-desc{font-size:13px}.sa-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--sa-card-border)}.sa-pagination-info{font-size:12px;color:var(--sa-text-muted)}.sa-pagination-btns{display:flex;gap:6px;align-items:center}.sa-pagination-btns button{padding:5px 12px;background:#ffffff0a;border:1px solid var(--sa-card-border);border-radius:6px;color:var(--sa-text-muted);font-size:12px;cursor:pointer;transition:all .15s}.sa-pagination-btns button.active,.sa-pagination-btns button:hover:not(:disabled){background:var(--sa-accent-dim);color:var(--sa-accent);border-color:#25d36640}.sa-pagination-btns button:disabled{opacity:.3;cursor:not-allowed}.sa-settings-layout{display:grid;grid-template-columns:200px 1fr;gap:20px}.sa-settings-nav{display:flex;flex-direction:column;gap:4px}.sa-settings-nav-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--sa-text-muted);cursor:pointer;border:none;background:none;transition:all .15s}.sa-settings-nav-item:hover{background:#ffffff0d;color:var(--sa-text)}.sa-settings-nav-item.active{background:var(--sa-accent-dim);color:var(--sa-accent);font-weight:600}.sa-divider{border:none;border-top:1px solid var(--sa-card-border);margin:16px 0}.sa-api-key-box{display:flex;align-items:center;gap:8px;background:#0000004d;border:1px solid var(--sa-card-border);border-radius:8px;padding:10px 14px;font-family:Courier New,monospace;font-size:12px;color:var(--sa-accent);word-break:break-all}.sa-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sa-detail-item{background:#ffffff08;border:1px solid var(--sa-card-border);border-radius:8px;padding:12px}.sa-detail-key{font-size:11px;font-weight:600;color:var(--sa-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.sa-detail-val{font-size:14px;color:var(--sa-text);font-weight:500}@media (max-width: 768px){.sa-sidebar{transform:translate(-100%)}.sa-sidebar.open{transform:translate(0)}.sa-main{margin-left:0}.sa-content{padding:16px}.sa-kpi-grid{grid-template-columns:1fr 1fr}.sa-settings-layout,.sa-detail-grid{grid-template-columns:1fr}}.settings-page{padding:28px;max-width:900px;animation:fadeInUp .4s ease}.settings-header{margin-bottom:28px}.settings-header h2{font-size:24px;font-weight:800;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.settings-header p{font-size:14px;color:var(--text-secondary);margin:0}.settings-layout{display:flex;gap:24px;align-items:flex-start}.settings-tabs{display:flex;flex-direction:column;gap:4px;width:190px;flex-shrink:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:10px;box-shadow:var(--shadow-sm)}.settings-tab{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;text-align:left;transition:var(--transition-fast);position:relative}.settings-tab:hover{background:#f8fafc;color:var(--text-primary)}.settings-tab:hover svg{animation:iconPop .35s ease}.settings-tab.active{background:linear-gradient(135deg,#075e5414,#25d3660f);color:var(--primary-color);box-shadow:inset 3px 0 0 var(--secondary-color)}.settings-tab.active svg{color:var(--secondary-color);filter:drop-shadow(0 0 5px rgba(37,211,102,.5))}.settings-content-panel{flex:1;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:30px;box-shadow:var(--shadow-sm);min-height:420px;animation:fadeIn .25s ease}.settings-section-title{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.01em}.settings-section-title+.settings-hint,.settings-section-title+p{margin-top:0;margin-bottom:24px}.settings-section:before{display:none}.settings-section-title{padding-bottom:14px;border-bottom:1.5px solid var(--border-color);margin-bottom:24px;display:flex;align-items:center;gap:10px}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.settings-field label{font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.settings-field input,.settings-field select,.settings-field textarea{padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--text-primary);background:#fafbfc;outline:none;transition:var(--transition-fast)}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:var(--secondary-color);background:#fff;box-shadow:0 0 0 3px #25d3661f}.settings-field input:disabled{background:#f1f5f9;color:var(--text-muted);cursor:not-allowed;opacity:.8}.settings-pw-wrap{position:relative;display:flex}.settings-pw-wrap input{flex:1;padding:10px 44px 10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:inherit;background:#fafbfc;outline:none;transition:var(--transition-fast);color:var(--text-primary)}.settings-pw-wrap input:focus{border-color:var(--secondary-color);background:#fff;box-shadow:0 0 0 3px #25d3661f}.settings-pw-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex;align-items:center;transition:color .15s}.settings-pw-eye:hover{color:var(--primary-color)}.settings-api-row{display:flex;gap:8px}.settings-api-input{flex:1}.settings-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius);border:none;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);white-space:nowrap}.settings-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.settings-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-green)}.settings-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #25d3664d}.settings-btn-secondary{background:#f1f5f9;color:var(--text-primary);border:1px solid var(--border-color)}.settings-btn-secondary:hover:not(:disabled){background:#e8edf2;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.settings-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 12px #ef444433}.settings-btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ef44444d}.settings-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;margin-bottom:16px;border-left:4px solid transparent;animation:slideInLeft .3s ease}.settings-alert-success{background:#f0fdf4;color:#065f46;border-left-color:var(--success-color)}.settings-alert-error{background:#fef2f2;color:#991b1b;border-left-color:var(--danger-color)}.settings-hint{font-size:13px;color:var(--text-secondary);margin-bottom:20px;line-height:1.55}.settings-hint code{background:#f1f5f9;border:1px solid var(--border-color);padding:2px 7px;border-radius:5px;font-family:Fira Code,Courier New,monospace;font-size:12px;color:var(--primary-color)}.settings-privacy-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:14px;background:#fafbfc;transition:var(--transition-fast)}.settings-privacy-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-sm)}.settings-privacy-card-danger{border-color:#fecaca;background:#fff5f5}.settings-privacy-card-danger:hover{border-color:#f87171}.settings-privacy-label{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.settings-privacy-desc{font-size:13px;color:var(--text-secondary);line-height:1.45}.usage-limit-card{background:#fafbfc;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:22px 24px;margin-bottom:16px;transition:var(--transition-fast)}.usage-limit-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow-sm)}.usage-bar-track{background:#e8edf2;border-radius:99px;height:10px;overflow:hidden;margin-bottom:8px}.usage-bar-fill{height:100%;border-radius:99px;transition:width .7s cubic-bezier(.4,0,.2,1)}.usage-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}.usage-stat-card{background:#fafbfc;border:1px solid var(--border-color);border-radius:var(--radius);padding:16px 18px;transition:var(--transition-fast)}.usage-stat-card:hover{border-color:var(--secondary-color);box-shadow:0 0 0 2px #25d36614}.usage-stat-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.usage-stat-value{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.spin{animation:spin .85s linear infinite}@media (max-width: 640px){.settings-page{padding:16px}.settings-layout{flex-direction:column}.settings-tabs{width:100%;flex-direction:row;flex-wrap:wrap;padding:6px}.settings-tab{flex:1;justify-content:center;font-size:13px;padding:9px 10px}.settings-form-row{grid-template-columns:1fr}.settings-content-panel{padding:20px}.usage-stat-grid{grid-template-columns:1fr 1fr}}.apidoc-root{display:flex;min-height:100vh;background:var(--bg-primary, #f8fafc);font-family:var(--font-body, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.apidoc-sidebar{width:240px;min-width:220px;background:var(--bg-sidebar, #ffffff);border-right:1px solid var(--border-color, #e2e8f0);padding:24px 0 40px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.apidoc-sidebar-header{display:flex;align-items:center;gap:8px;padding:0 20px 16px;font-weight:700;font-size:13px;color:var(--text-primary, #0f172a);border-bottom:1px solid var(--border-color, #e2e8f0);margin-bottom:8px}.apidoc-nav-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 20px;border:none;background:transparent;cursor:pointer;font-size:13px;color:var(--text-secondary, #475569);text-align:left;transition:background .15s,color .15s}.apidoc-nav-btn:hover{background:var(--bg-hover, #f1f5f9);color:var(--secondary-color, #25d366)}.apidoc-nav-arrow{margin-left:auto;opacity:.4}.apidoc-sidebar-footer{margin-top:auto;padding:16px 20px 0;border-top:1px solid var(--border-color, #e2e8f0)}.apidoc-key-label{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--text-muted, #94a3b8);margin-bottom:6px;text-transform:uppercase}.apidoc-key-display{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-primary, #0f172a);word-break:break-all}.apidoc-copy-icon{background:none;border:none;cursor:pointer;padding:3px;color:var(--text-muted, #94a3b8);border-radius:4px;display:flex;align-items:center}.apidoc-copy-icon:hover{color:var(--secondary-color, #25d366)}.apidoc-content{flex:1;padding:40px 56px 80px;max-width:860px;overflow-y:auto}.apidoc-section{margin-bottom:64px;scroll-margin-top:24px}.apidoc-h1{font-size:28px;font-weight:800;color:var(--text-primary, #0f172a);margin:0 0 12px;line-height:1.25}.apidoc-lead{font-size:15px;color:var(--text-secondary, #475569);line-height:1.7;margin-bottom:32px}.apidoc-h2{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--border-color, #e2e8f0)}.apidoc-h3{font-size:15px;font-weight:700;color:var(--text-primary, #0f172a);margin:28px 0 10px}.apidoc-h4{font-size:13px;font-weight:700;color:var(--text-secondary, #475569);margin:20px 0 8px;text-transform:uppercase;letter-spacing:.5px}.apidoc-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:32px}.apidoc-info-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:14px 16px;font-size:13px;color:var(--text-secondary, #475569)}.apidoc-info-card-title{font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--text-muted, #94a3b8);text-transform:uppercase;margin-bottom:4px}.apidoc-info-card code{font-size:13px;color:var(--secondary-color, #25d366);font-weight:600}.apidoc-endpoint-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:6px;margin-bottom:4px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);font-size:13px}.apidoc-path{font-family:Fira Code,Courier New,monospace;font-size:13px;color:var(--text-primary, #0f172a);flex-shrink:0}.apidoc-desc{color:var(--text-muted, #94a3b8);font-size:12px}.apidoc-endpoint-header{display:flex;align-items:center;gap:10px;margin:24px 0 8px}.apidoc-path-large{font-family:Fira Code,Courier New,monospace;font-size:15px;font-weight:600;color:var(--text-primary, #0f172a)}.apidoc-badge-pill{font-size:11px;padding:2px 8px;border-radius:20px;background:#f1f5f9;color:#64748b;font-weight:600}.apidoc-divider{border:none;border-top:1px dashed var(--border-color, #e2e8f0);margin:32px 0 0}.apidoc-key-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:10px;padding:20px 24px;margin:16px 0 24px}.apidoc-key-card-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#64748b;text-transform:uppercase;margin-bottom:6px}.apidoc-key-card-value{font-family:Fira Code,Courier New,monospace;font-size:14px;color:#25d366;word-break:break-all}.apidoc-callout{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:8px;font-size:13px;line-height:1.6;margin:16px 0}.apidoc-callout-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.apidoc-callout-warn{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.apidoc-code-block{border-radius:10px;overflow:hidden;border:1px solid #2d3748;margin:12px 0 24px}.apidoc-code-tabs{display:flex;align-items:center;background:#1a202c;padding:0 12px;gap:2px}.apidoc-tab-btn{padding:8px 14px;background:transparent;border:none;border-bottom:2px solid transparent;color:#718096;cursor:pointer;font-size:12px;font-weight:600;transition:color .15s,border-color .15s}.apidoc-tab-btn:hover{color:#e2e8f0}.apidoc-tab-btn.active{color:#25d366;border-bottom-color:#25d366}.apidoc-copy-btn{margin-left:auto;display:flex;align-items:center;gap:4px;padding:4px 10px;background:#ffffff14;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;font-size:11px;font-weight:600;transition:background .15s,color .15s}.apidoc-copy-btn:hover{background:#ffffff26;color:#e2e8f0}.apidoc-pre{background:#0d1117;color:#e6edf3;padding:20px;margin:0;font-family:Fira Code,Courier New,monospace;font-size:13px;line-height:1.6;overflow-x:auto;white-space:pre}.apidoc-response-box{margin:8px 0 24px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color, #e2e8f0)}.apidoc-response-label{background:#f1f5f9;padding:6px 14px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color, #e2e8f0)}.apidoc-response-pre{background:#fafafa!important;color:#1e293b!important;border:none!important}.apidoc-params-table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0 24px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;overflow:hidden}.apidoc-params-table th{background:#f8fafc;text-align:left;padding:10px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;border-bottom:1px solid var(--border-color, #e2e8f0)}.apidoc-params-table td{padding:10px 14px;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-secondary, #475569);vertical-align:top;line-height:1.5}.apidoc-params-table tr:last-child td{border-bottom:none}.apidoc-params-table code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:12px;color:#0f172a}.apidoc-type{background:#ede9fe;color:#5b21b6;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.apidoc-required{background:#fee2e2;color:#b91c1c;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.apidoc-optional{background:#f0fdf4;color:#15803d;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.apidoc-status{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:800;font-family:monospace}.apidoc-status-4xx{background:#fef3c7;color:#b45309}.apidoc-status-5xx{background:#fee2e2;color:#b91c1c}.apidoc-list{margin:8px 0 16px 20px;font-size:13px;color:var(--text-secondary, #475569);line-height:2}.apidoc-link{color:var(--secondary-color, #25d366);font-weight:600;text-decoration:none}.apidoc-link:hover{text-decoration:underline}@media (max-width: 900px){.apidoc-sidebar{display:none}.apidoc-content{padding:24px 20px 60px}}@media (max-width: 600px){.apidoc-info-grid{grid-template-columns:1fr 1fr}.apidoc-h1{font-size:22px}}.tryit-wrap{margin:8px 0 24px}.tryit-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#075e540f,#25d36614);border:1.5px solid rgba(37,211,102,.35);border-radius:6px;color:#075e54;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;letter-spacing:.3px}.tryit-toggle:hover{background:linear-gradient(135deg,#075e541a,#25d36624);border-color:#25d366;box-shadow:0 2px 8px #25d36626}.tryit-toggle.open{background:#f0fdf4;border-color:#25d366;color:#065f46}.tryit-panel{border:1.5px solid #d1fae5;border-radius:10px;margin-top:8px;overflow:hidden;background:#fff;box-shadow:0 2px 12px #075e540f;display:flex;flex-direction:column;gap:0}.tryit-url-row{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tryit-method-badge{font-size:11px;font-weight:800;padding:4px 10px;border-radius:4px;flex-shrink:0;letter-spacing:.5px}.tryit-m-get{background:#dbeafe;color:#1e40af}.tryit-m-post{background:#dcfce7;color:#166534}.tryit-m-put{background:#fef9c3;color:#854d0e}.tryit-m-delete{background:#fee2e2;color:#991b1b}.tryit-m-patch{background:#ede9fe;color:#5b21b6}.tryit-url-input{flex:1;border:1.5px solid #e2e8f0;border-radius:6px;padding:7px 12px;font-family:Fira Code,Courier New,monospace;font-size:13px;color:#0f172a;background:#fff;outline:none;transition:border-color .15s}.tryit-url-input:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.tryit-auth-row{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid #f1f5f9;font-size:12px;flex-wrap:wrap}.tryit-field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.tryit-radio{display:flex;align-items:center;gap:5px;font-size:13px;color:#475569;cursor:pointer;font-weight:500}.tryit-warn{color:#d97706;font-style:normal;font-size:11px}.tryit-body-editor{width:100%;border:none;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-family:Fira Code,Courier New,monospace;font-size:12.5px;color:#1e293b;background:#fafafa;resize:vertical;outline:none;line-height:1.7;min-height:120px}.tryit-body-editor:focus{background:#fff}.tryit-send-btn{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 16px;padding:9px 20px;background:linear-gradient(135deg,#075e54,#25d366);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #25d36640;width:fit-content}.tryit-send-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #25d36659}.tryit-send-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.tryit-result{border-top:1.5px solid #e2e8f0;margin:0 0 4px}.tryit-result-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.tryit-status-badge{font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;font-family:monospace}.tryit-elapsed{font-size:12px;color:#64748b;font-family:monospace;font-weight:600}.tryit-result-body{background:#0d1117;color:#e6edf3;padding:16px 20px;margin:0;font-family:Fira Code,Courier New,monospace;font-size:12.5px;line-height:1.65;overflow-x:auto;max-height:400px;overflow-y:auto;white-space:pre}.mh-page{display:flex;flex-direction:column;gap:24px;animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.mh-subtitle{font-size:13px;color:var(--text-secondary);font-weight:500;margin-left:8px}.mh-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}@media (max-width: 1100px){.mh-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.mh-stats{grid-template-columns:repeat(2,1fr)}}.mh-stat-card{background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:18px 20px;cursor:pointer;transition:var(--transition);text-align:left;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.mh-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-gradient);opacity:0;transition:opacity .3s}.mh-stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:var(--stat-color, var(--border-color))}.mh-stat-card:hover:before{opacity:1}.mh-stat-card.active{border-color:var(--stat-color, var(--secondary-color));background:color-mix(in srgb,var(--stat-color, var(--secondary-color)) 6%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--stat-color, var(--secondary-color)) 15%,transparent)}.mh-stat-card.active:before{opacity:1}.mh-stat-num{font-size:28px;font-weight:800;line-height:1;color:var(--stat-color, var(--text-primary));letter-spacing:-.02em}.mh-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.mh-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm)}.mh-search{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border-color);border-radius:var(--radius);padding:9px 14px;flex:1;min-width:200px;background:var(--light-bg);color:var(--text-muted);transition:var(--transition-fast)}.mh-search:focus-within{border-color:var(--secondary-color);box-shadow:0 0 0 3px #25d3661f;background:#fff}.mh-search input{background:none;border:none;outline:none;color:var(--text-primary);font-size:14px;font-family:inherit;width:100%}.mh-search input::placeholder{color:var(--text-muted)}.mh-filters select{background:var(--light-bg);border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);padding:9px 14px;font-size:13px;font-family:inherit;cursor:pointer;transition:var(--transition-fast)}.mh-filters select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #25d3661f;background:#fff}.mh-btn-clear{display:inline-flex;align-items:center;gap:6px;background:none;border:1.5px solid #fecaca;color:#dc2626;border-radius:var(--radius);padding:9px 14px;font-size:13px;font-family:inherit;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.mh-btn-clear:hover{background:#fef2f2;border-color:var(--danger-color)}.mh-table-wrap{background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.mh-table{width:100%;border-collapse:collapse;font-size:13.5px}.mh-table thead tr{background:#f8fafc;border-bottom:1.5px solid var(--border-color)}.mh-table th{padding:12px 16px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:700;white-space:nowrap}.mh-row{border-bottom:1px solid #f1f5f9;cursor:pointer;transition:var(--transition-fast)}.mh-row:last-child{border-bottom:none}.mh-row:hover{background:#f8fafc}.mh-row--failed{background:#fff5f5}.mh-row--failed:hover{background:#fef2f2}.mh-row--expanded,.mh-row--expanded:hover{background:#f0fdf4}.mh-row td{padding:13px 16px;color:var(--text-primary);vertical-align:middle}.mh-num{color:var(--text-muted)!important;font-size:12px;width:40px;font-weight:600}.mh-recipient-cell{display:flex;align-items:center;gap:8px}.mh-avatar{width:30px;height:30px;border-radius:50%;background:var(--gradient-glow);border:1.5px solid rgba(37,211,102,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-color)}.mh-phone{font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:600;color:var(--text-primary)}.mh-msg-cell{max-width:240px}.mh-msg-text{color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.mh-media-pill{display:inline-flex;align-items:center;gap:3px;font-size:10px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9;border-radius:99px;padding:2px 7px;margin-top:3px;font-weight:600;text-transform:capitalize}.mh-device-cell{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:13px;white-space:nowrap}.mh-chip{display:inline-block;font-size:11px;font-weight:600;border-radius:99px;padding:3px 9px;white-space:nowrap;background:#f1f5f9;color:var(--text-secondary)}.mh-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:99px;padding:4px 10px;white-space:nowrap;letter-spacing:.02em}.mh-badge--sent{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.mh-badge--delivered{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.mh-badge--read{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#4c1d95}.mh-badge--failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.mh-badge--pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.mh-badge--queued{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#475569}.mh-time{font-size:12px;color:var(--text-muted)!important;white-space:nowrap;font-weight:500}.mh-detail-row td{padding:0!important;border-bottom:2px solid var(--secondary-color)!important}.mh-detail{background:linear-gradient(135deg,#f0fdf4,#f8fafc);padding:20px 24px;border-top:1px solid #d1fae5}.mh-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 700px){.mh-detail-grid{grid-template-columns:1fr}}.mh-detail-label{display:flex;align-items:center;gap:5px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin-bottom:6px}.mh-detail-msg{font-size:14px;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.7;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);padding:10px 14px}.mh-detail-error{font-size:13px;color:#991b1b;margin:0;background:#fef2f2;padding:10px 14px;border-radius:var(--radius);border-left:3px solid var(--danger-color);line-height:1.5}.mh-media-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary-color);font-size:13px;font-weight:600;text-decoration:none;padding:6px 12px;border:1px solid rgba(7,94,84,.2);border-radius:var(--radius);background:#075e540a;transition:var(--transition-fast)}.mh-media-link:hover{background:#075e5414;text-decoration:none}.mh-detail-meta{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-muted);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius);padding:10px 14px}.mh-detail-meta b{color:var(--text-secondary);font-weight:600}.mh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 24px;color:var(--text-secondary);font-size:15px;font-weight:500}.mh-empty svg{animation:float 3s ease-in-out infinite}.mh-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:14px 20px;box-shadow:var(--shadow-sm)}.mh-pag-info{font-size:13px;color:var(--text-secondary);font-weight:500}.mh-pag-btns{display:flex;align-items:center;gap:6px}.mh-pag-num{background:#fff;border:1.5px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);padding:6px 12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition-fast);min-width:36px;text-align:center}.mh-pag-num:hover{border-color:var(--secondary-color);color:var(--primary-color);background:#25d3660f}.mh-pag-num.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-green)}.spinning{animation:spin .8s linear infinite;display:inline-block}.legal-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1e293b;background:#f8fafc;min-height:100vh}.legal-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.07);box-shadow:0 2px 16px #0000000d}.legal-header-inner{max-width:1200px;margin:0 auto;padding:0 5%;height:62px;display:flex;align-items:center;gap:2rem}.legal-logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:1.15rem;font-weight:800;flex-shrink:0}.legal-logo span{background:linear-gradient(135deg,#075e54,#25d366);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.legal-logo-icon{width:30px;height:30px;background:linear-gradient(135deg,#075e54,#25d366);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legal-doc-tabs{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none}.legal-doc-tabs::-webkit-scrollbar{display:none}.legal-tab{padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:600;color:#64748b;text-decoration:none;white-space:nowrap;transition:all .2s;border:1.5px solid transparent}.legal-tab:hover{color:#075e54;background:#075e540d}.legal-tab.active{color:#075e54;background:#25d3661a;border-color:#25d36640}.legal-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:99px;font-size:.82rem;font-weight:600;color:#64748b;text-decoration:none;border:1.5px solid #e2e8f0;transition:all .2s;white-space:nowrap;flex-shrink:0}.legal-back-btn:hover{color:#075e54;border-color:#075e544d;background:#075e540a}.legal-hero{background:linear-gradient(135deg,#075e54,#128c7e,#25d366);padding:4rem 5%;position:relative;overflow:hidden}.legal-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.legal-hero-inner{max-width:800px;margin:0 auto;position:relative;z-index:1}.legal-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#ffffffb3;margin-bottom:1.2rem}.legal-breadcrumb a{color:#ffffffbf;text-decoration:none}.legal-breadcrumb a:hover{color:#fff}.legal-title{font-size:2.6rem;font-weight:900;color:#fff;letter-spacing:-.03em;margin-bottom:.75rem;line-height:1.1}.legal-subtitle{font-size:1rem;color:#fffc;line-height:1.65;max-width:560px;margin-bottom:1.5rem}.legal-meta{display:flex;gap:10px;flex-wrap:wrap}.legal-badge{display:inline-flex;align-items:center;padding:5px 14px;border-radius:99px;font-size:.78rem;font-weight:700;background:#ffffff2e;color:#fff;border:1px solid rgba(255,255,255,.25)}.legal-badge--outline{background:transparent;border-color:#ffffff59}.legal-body{max-width:1200px;margin:0 auto;padding:3rem 5% 5rem;display:grid;grid-template-columns:260px 1fr;gap:3rem;align-items:start}.legal-toc{position:relative}.legal-toc-sticky{position:sticky;top:80px;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:1.4rem;box-shadow:0 4px 16px #0000000a;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.legal-toc-heading{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:.75rem}.legal-toc ul{list-style:none;display:flex;flex-direction:column;gap:2px}.legal-toc-link{display:flex;align-items:center;gap:6px;width:100%;text-align:left;padding:7px 10px;border-radius:8px;font-size:.82rem;font-weight:500;color:#64748b;background:none;border:none;cursor:pointer;text-decoration:none;transition:all .2s;line-height:1.4}.legal-toc-link:hover{color:#075e54;background:#075e540d}.legal-toc-link.active{color:#075e54;background:#25d3661a;font-weight:700}.legal-toc-other{color:#94a3b8;font-size:.8rem}.legal-toc-other:hover{color:#075e54}.legal-toc-divider{height:1px;background:#f1f5f9;margin:1rem 0}.legal-content{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;padding:3rem 3.5rem;box-shadow:0 4px 20px #0000000a}.legal-section{padding-bottom:2.5rem;margin-bottom:2.5rem;border-bottom:1px solid #f1f5f9;scroll-margin-top:100px}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section-heading{font-size:1.2rem;font-weight:800;color:#0f172a;margin-bottom:1.1rem;letter-spacing:-.02em;padding-left:14px;border-left:3px solid #25d366;line-height:1.3}.legal-paragraph{font-size:.95rem;color:#475569;line-height:1.8;margin-bottom:.9rem;white-space:pre-line}.legal-paragraph:last-child{margin-bottom:0}.legal-list{list-style:none;margin:.5rem 0 1rem;display:flex;flex-direction:column;gap:8px}.legal-list li{font-size:.93rem;color:#475569;line-height:1.7;padding-left:22px;position:relative}.legal-list li:before{content:"";position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);flex-shrink:0}.legal-paragraph:is([class*=disclaimer],[data-caps]){background:#fef9ec;border:1px solid #fde68a;border-radius:8px;padding:12px 16px;font-size:.85rem;color:#78350f}.legal-contact-card{margin-top:3rem;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid rgba(37,211,102,.2);border-radius:16px;padding:2rem}.legal-contact-card h3{font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:.4rem}.legal-contact-card p{color:#64748b;font-size:.9rem;margin-bottom:1.25rem}.legal-contact-items{display:flex;flex-wrap:wrap;gap:12px}.legal-contact-item{display:inline-flex;align-items:center;gap:7px;font-size:.88rem;font-weight:600;color:#075e54;text-decoration:none;padding:8px 14px;background:#fff;border:1.5px solid rgba(37,211,102,.25);border-radius:99px;transition:all .2s}.legal-contact-item:hover{background:#075e54;color:#fff;border-color:#075e54}.legal-footer{background:#0a1628;padding:2.5rem 5%;border-top:1px solid rgba(255,255,255,.06)}.legal-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.legal-footer-logo{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;color:#fff}.legal-footer-links{display:flex;gap:1.5rem;flex:1;flex-wrap:wrap}.legal-footer-links a{color:#94a3b8;text-decoration:none;font-size:.85rem;transition:color .2s}.legal-footer-links a:hover{color:#25d366}.legal-footer-copy{color:#475569;font-size:.82rem;margin:0 0 0 auto}@media (max-width: 900px){.legal-body{grid-template-columns:1fr}.legal-toc-sticky{position:relative;top:0;max-height:none}.legal-doc-tabs{display:none}}@media (max-width: 640px){.legal-title{font-size:1.9rem}.legal-content{padding:1.8rem 1.4rem}.legal-footer-inner{flex-direction:column;text-align:center}.legal-footer-links{justify-content:center}.legal-footer-copy{margin-left:0}.legal-hero{padding:2.5rem 5%}.legal-contact-items{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #075e54;--primary-light: #0a7a6e;--primary-dark: #044a42;--secondary-color: #25d366;--secondary-light: #34e874;--danger-color: #ef4444;--warning-color: #f59e0b;--success-color: #10b981;--info-color: #3b82f6;--dark-bg: #0d1117;--dark-surface: #161b22;--dark-border: rgba(255, 255, 255, .08);--light-bg: #f0f4f8;--light-surface: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 20px 40px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.08);--shadow-xl: 0 32px 64px rgba(0,0,0,.2), 0 16px 32px rgba(0,0,0,.1);--shadow-green: 0 8px 24px rgba(37, 211, 102, .25);--gradient-primary: linear-gradient(135deg, #075e54 0%, #25d366 100%);--gradient-dark: linear-gradient(135deg, #0d1117 0%, #161b22 100%);--gradient-glow: linear-gradient(135deg, rgba(37,211,102,.15) 0%, rgba(7,94,84,.15) 100%);--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .4s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-bg);color:var(--text-primary);line-height:1.6}html,body,#root{height:100%;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #25d36666}50%{box-shadow:0 0 0 8px #25d36600}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes bounce-in{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}80%{transform:scale(.96)}to{transform:scale(1)}}@keyframes tada{0%{transform:scale(1)}10%{transform:scale(.9) rotate(-3deg)}20%{transform:scale(.9) rotate(-3deg)}30%{transform:scale(1.1) rotate(3deg)}50%{transform:scale(1.1) rotate(3deg)}70%{transform:scale(1.1) rotate(3deg)}90%{transform:scale(1.05) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes iconBounce{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.2) rotate(-8deg)}50%{transform:scale(1.25) rotate(8deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes iconWiggle{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}}@keyframes iconPop{0%{transform:scale(1)}40%{transform:scale(1.32)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes slideInScale{0%{opacity:0;transform:translateY(18px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 3px currentColor)}50%{filter:drop-shadow(0 0 10px currentColor)}}@keyframes morphFloat{0%,to{transform:translateY(0) rotate(0) scale(1)}33%{transform:translateY(-6px) rotate(2deg) scale(1.04)}66%{transform:translateY(-3px) rotate(-1deg) scale(1.02)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dot-blink{0%,80%,to{transform:scale(0);opacity:0}40%{transform:scale(1);opacity:1}}.icon-spin{animation:spin 2s linear infinite}.icon-pulse{animation:pulse-scale 2s ease-in-out infinite}.icon-float{animation:float 3s ease-in-out infinite}.icon-glow{filter:drop-shadow(0 0 6px rgba(37,211,102,.6))}.icon-tada{animation:tada 1s ease}.icon-bounce{animation:bounce-in .5s cubic-bezier(.36,.07,.19,.97)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success-color);box-shadow:0 0 #10b98199;animation:pulse-glow 2s infinite}.status-dot.offline{background:#94a3b8;animation:none}.status-dot.danger{background:var(--danger-color);box-shadow:0 0 #ef444499}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-green);position:relative;overflow:hidden;white-space:nowrap}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);opacity:0;transition:opacity .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #25d36659}.btn-primary:hover:after{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary.shimmer{background:linear-gradient(90deg,#075e54,#25d366,#128c7e,#25d366,#075e54);background-size:200% auto;animation:shimmer 3s linear infinite}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#fff;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:var(--shadow);transform:translateY(-1px)}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px #ef444440}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444459}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#fff;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;transition:var(--transition);flex-shrink:0}.btn-icon:hover{background:var(--light-bg);color:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-1px)}.btn-icon:hover svg{animation:pulse-scale .4s ease}.btn-icon.danger:hover{color:var(--danger-color);border-color:var(--danger-color);background:#fef2f2}.btn-icon.danger{color:var(--danger-color)}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;font-size:13px;color:var(--text-primary);letter-spacing:.01em}.form-group input,.form-group textarea,.form-group select{padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius);font-size:14px;font-family:inherit;color:var(--text-primary);background:#fff;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #25d3661f;background:#fff}.input-wrapper{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--border-color);border-radius:var(--radius);background:#fff;transition:var(--transition)}.input-wrapper:focus-within{border-color:var(--secondary-color);box-shadow:0 0 0 3px #25d3661f}.input-wrapper input{flex:1;border:none;outline:none;padding:0;font-size:14px;font-family:inherit;background:transparent;color:var(--text-primary)}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge.active,.badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 1px 3px #10b98126}.badge.inactive,.badge-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.badge-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.badge-secondary{background:#f1f5f9;color:#475569}.badge-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.badge-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.badge-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:16px}.modal{background:#fff;border-radius:var(--radius-xl);padding:32px;max-width:520px;width:100%;box-shadow:var(--shadow-xl);animation:fadeInUp .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.modal h2{margin-bottom:20px;font-size:20px;font-weight:700;color:var(--text-primary)}.modal-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px;border-top:1px solid var(--border-color)}.modal.modal-large{max-width:720px}.spinner{animation:spin .8s linear infinite}.loading-dots{display:inline-flex;gap:4px;align-items:center}.loading-dots span{width:6px;height:6px;border-radius:50%;background:var(--secondary-color);animation:dot-blink 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;gap:14px;color:var(--text-secondary)}.loading-state svg{animation:spin 1s linear infinite;color:var(--secondary-color)}.alert{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--radius-lg);margin-bottom:16px;font-size:14px;font-weight:500;border-left:4px solid transparent;animation:slideInLeft .3s ease}.alert svg{flex-shrink:0;margin-top:1px}.alert-error{background:#fef2f2;color:#991b1b;border-left-color:var(--danger-color)}.alert-success{background:#f0fdf4;color:#065f46;border-left-color:var(--success-color)}.alert-info{background:#eff6ff;color:#1e40af;border-left-color:var(--info-color)}.error-message{padding:12px 16px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-left:4px solid var(--danger-color);border-radius:var(--radius);margin-bottom:16px;font-size:14px;animation:slideInLeft .3s ease}.success-message{padding:12px 16px;background:#f0fdf4;color:#065f46;border:1px solid #a7f3d0;border-left:4px solid var(--success-color);border-radius:var(--radius);margin-bottom:16px;font-size:14px;animation:slideInLeft .3s ease}.empty-state{text-align:center;padding:64px 24px;color:var(--text-secondary)}.empty-state svg{color:#cbd5e1;margin-bottom:16px;animation:float 3s ease-in-out infinite}.empty-state h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.empty-state p{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.stat-card:hover:before{opacity:1}.stat-card .stat-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:var(--gradient-glow);transition:var(--transition)}.stat-card:hover .stat-icon svg{animation:pulse-scale .5s ease}.table-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}thead{background:#f8fafc;border-bottom:1px solid var(--border-color)}thead th{padding:12px 16px;text-align:left;font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}tbody tr{border-bottom:1px solid #f1f5f9;transition:var(--transition-fast)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#f8fafc}tbody td{padding:14px 16px;font-size:14px;color:var(--text-primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px}.pagination .page-btn,.pagination button{padding:6px 12px;border:1.5px solid var(--border-color);background:#fff;border-radius:var(--radius);cursor:pointer;font-size:14px;font-family:inherit;font-weight:500;color:var(--text-secondary);transition:var(--transition-fast);min-width:36px;text-align:center}.pagination .page-btn.active,.pagination .page-btn:hover:not(:disabled){background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--shadow-green);transform:translateY(-1px)}.pagination button:disabled{opacity:.4;cursor:not-allowed;transform:none}.tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:var(--radius-lg);width:fit-content}.tab{padding:8px 18px;background:transparent;border:none;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-weight:600;font-size:14px;font-family:inherit;transition:var(--transition-fast);white-space:nowrap}.tab.active{background:#fff;color:var(--primary-color);box-shadow:var(--shadow-sm)}.tab:hover:not(.active){color:var(--text-primary);background:#fff9}.text-center{text-align:center}.mt-4{margin-top:24px}.mb-4{margin-bottom:24px}.gap-12{gap:12px}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-muted{color:var(--text-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.form-row{grid-template-columns:1fr}}.feature-checkboxes{display:flex;flex-wrap:wrap;gap:10px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500!important;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 12px;border:1.5px solid var(--border-color);border-radius:var(--radius);transition:var(--transition-fast)}.checkbox-label:has(input:checked){border-color:var(--secondary-color);background:#25d3660f;color:var(--primary-color)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-header h1{font-size:26px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.page-enter{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1)}.stagger-item{animation:fadeInUp .4s ease both}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}