html,body,#root{width:100%;height:100%;margin:0;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes float3{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-25px) scale(1.1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #e85d044d}50%{box-shadow:0 0 40px #e85d0499}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes borderGlow{0%,to{border-color:#e85d044d}50%{border-color:#e85d0499}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-wrapper{min-height:100vh;background:#0a0a0f;position:relative;overflow-x:hidden}.dashboard-wrapper.loaded .animate-title,.dashboard-wrapper.loaded .animate-subtitle,.dashboard-wrapper.loaded .stat-card-new,.dashboard-wrapper.loaded .feature-card-new,.dashboard-wrapper.loaded .action-btn,.dashboard-wrapper.loaded .extension-card{animation-play-state:running}.dashboard-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.dash-header{position:sticky;top:0;z-index:100;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);animation:fadeInDown .6s ease-out}.header-content{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.dash-main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:48px 32px}.welcome-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;position:relative}.welcome-text{flex:1}.animate-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:12px;opacity:0;animation:fadeInLeft .8s ease-out forwards}.animate-title .highlight{background:linear-gradient(135deg,#e85d04,#f48c06);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-subtitle{font-size:18px;color:#71717a;opacity:0;animation:fadeInLeft .8s ease-out .2s forwards}.welcome-decoration{position:relative;width:200px;height:120px}.floating-icon{position:absolute;font-size:40px;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.icon-1{top:0;left:20px;animation-name:float}.icon-2{top:40px;right:20px;animation-name:float2;animation-delay:.5s}.icon-3{bottom:0;left:60px;animation-name:float3;animation-delay:1s}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.stat-card-new{position:relative;background:#1a1a24cc;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;display:flex;align-items:center;gap:20px;overflow:hidden;opacity:0;animation:fadeInUp .6s ease-out forwards;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card-new:hover{transform:translateY(-8px) scale(1.02);border-color:#e85d0466;box-shadow:0 20px 40px #0006}.stat-card-new .stat-glow{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(232,93,4,.05) 100%);opacity:0;transition:opacity .4s ease}.stat-card-new:hover .stat-glow{opacity:1}.stat-card-new.stat-orange{border-top:3px solid #e85d04}.stat-card-new.stat-purple{border-top:3px solid #7c3aed}.stat-card-new.stat-blue{border-top:3px solid #3b82f6}.stat-icon{width:60px;height:60px;background:#ffffff0d;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:#71717a;text-transform:uppercase;letter-spacing:.5px}.stat-value-new{font-size:32px;font-weight:700;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:capitalize}.features-section{margin-bottom:48px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-header h2{font-size:24px;font-weight:600;color:#fff}.badge-pro{background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(34,197,94,.3)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card-new{background:#1a1a2499;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;opacity:0;animation:scaleIn .5s ease-out forwards;transition:all .3s ease;cursor:pointer}.feature-card-new:hover{background:#1a1a24e6;border-color:#e85d044d;transform:translate(8px)}.feature-icon-wrapper{width:48px;height:48px;background:linear-gradient(135deg,#e85d0426,#7c3aed26);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon{font-size:22px}.feature-content{flex:1;min-width:0}.feature-content h3{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.feature-content p{font-size:13px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feature-status{flex-shrink:0}.status-dot{width:10px;height:10px;border-radius:50%;display:block}.status-dot.active{background:#22c55e;box-shadow:0 0 12px #22c55e80;animation:pulse 2s ease-in-out infinite}.actions-section{margin-bottom:48px}.actions-section h2{font-size:24px;font-weight:600;color:#fff;margin-bottom:24px}.actions-row{display:flex;gap:16px}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 24px;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;border:none;opacity:0;animation:fadeInUp .6s ease-out .4s forwards;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#e85d04,#f48c06);color:#fff}.action-btn.primary:hover{transform:translateY(-4px);box-shadow:0 15px 40px #e85d0466}.action-btn.secondary{background:#7c3aed26;color:#a855f7;border:1px solid rgba(124,58,237,.3)}.action-btn.secondary:hover{background:#7c3aed40;transform:translateY(-4px);box-shadow:0 15px 40px #7c3aed33}.action-btn.tertiary{background:#ffffff0d;color:#a1a1aa;border:1px solid rgba(255,255,255,.1)}.action-btn.tertiary:hover{background:#ffffff1a;color:#fff;transform:translateY(-4px)}.action-icon-wrap{display:flex;align-items:center;justify-content:center}.extension-status{margin-bottom:32px}.extension-card{background:linear-gradient(135deg,#7c3aed1a,#a855f70d);border:1px solid rgba(124,58,237,.2);border-radius:20px;padding:28px 32px;display:flex;align-items:center;gap:24px;opacity:0;animation:fadeInUp .6s ease-out .5s forwards;transition:all .3s ease}.extension-card:hover{border-color:#7c3aed66;box-shadow:0 10px 40px #7c3aed26}.extension-icon{width:64px;height:64px;background:#7c3aed33;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#a855f7;flex-shrink:0}.extension-info-text{flex:1}.extension-info-text h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:6px}.extension-info-text p{font-size:14px;color:#71717a;line-height:1.5}.connection-status{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:20px;color:#22c55e;font-size:14px;font-weight:600}.pulse-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 12px #22c55e80}@media(max-width:1024px){.stats-section{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.actions-row{flex-direction:column}.animate-title{font-size:36px}.welcome-decoration{display:none}}@media(max-width:768px){.header-content{padding:12px 20px}.dash-main{padding:32px 20px}.animate-title{font-size:28px}.features-grid{grid-template-columns:1fr}.extension-card{flex-direction:column;text-align:center}.user-pill span:last-child{display:none}}.badge-partial{background:linear-gradient(135deg,#eab30833,#eab3081a);color:#eab308;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(234,179,8,.3)}.feature-card-new.feature-locked{opacity:.7;background:#1a1a2466;border:1px solid rgba(255,255,255,.04);cursor:pointer}.feature-card-new.feature-locked:hover{opacity:1;border-color:#eab30866;background:#1a1a2499}.feature-card-new.feature-locked .feature-icon-wrapper.icon-locked{background:linear-gradient(135deg,#64646426,#50505026)}.feature-card-new.feature-locked .feature-content h3{color:#a1a1aa;display:flex;align-items:center;gap:8px}.feature-card-new.feature-locked .feature-content p{color:#52525b}.pro-badge{font-size:9px;font-weight:700;background:linear-gradient(135deg,#e85d04,#f48c06);color:#fff;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.lock-icon{width:28px;height:28px;background:#eab30826;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#eab308}.btn-upgrade{width:100%;padding:16px 24px;background:linear-gradient(135deg,#e85d04,#f48c06);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e85d0466}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.templates-wrapper{min-height:100vh;background:#0a0a0f;position:relative;overflow-x:hidden}.templates-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.templates-bg .bg-gradient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3}.templates-bg .bg-gradient-1{width:500px;height:500px;background:radial-gradient(circle,rgba(232,93,4,.3) 0%,transparent 70%);top:-150px;right:-100px;animation:bgMove 20s ease-in-out infinite}.templates-bg .bg-gradient-2{width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%);bottom:-100px;left:-100px;animation:bgMove 25s ease-in-out infinite reverse}.templates-bg .bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.templates-header{position:sticky;top:0;z-index:100;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);animation:fadeIn .4s ease-out}.templates-header .header-content{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.back-btn:hover{background:#ffffff0d;color:#fff;border-color:#e85d044d}.header-brand{display:flex;align-items:center;gap:12px}.logo-img{width:36px;height:36px;border-radius:10px}.brand-text{font-size:20px;font-weight:700;background:linear-gradient(135deg,#e85d04,#f48c06);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-pill{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px}.logout-btn:hover{background:#ef44441a;border-color:#ef444480;color:#ef4444}.templates-main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:32px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;animation:fadeInUp .5s ease-out}.page-header h1{font-size:32px;font-weight:700;color:#fff;margin-bottom:8px}.page-header p{color:#71717a;font-size:15px}.header-actions{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#e85d04,#f48c06);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e85d0466}.btn-secondary{background:#7c3aed26;color:#a855f7;border:1px solid rgba(124,58,237,.3)}.btn-secondary:hover{background:#7c3aed40;transform:translateY(-2px)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.tabs-container{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px;animation:fadeInUp .5s ease-out .1s both}.tab{display:flex;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:500;color:#71717a;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .3s ease}.tab:hover{color:#a1a1aa}.tab.active.offer{color:#3b82f6;border-bottom-color:#3b82f6}.tab.active.book{color:#22c55e;border-bottom-color:#22c55e}.tab.active.quick{color:#f97316;border-bottom-color:#f97316}.tab-count{font-size:12px;background:#ffffff1a;padding:2px 8px;border-radius:10px}.type-description{font-size:14px;padding:12px 16px;border-radius:10px;margin-bottom:24px;animation:fadeInUp .5s ease-out .2s both}.type-description.offer{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.2)}.type-description.book{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.type-description.quick-email{background:#f973161a;color:#fb923c;border:1px solid rgba(249,115,22,.2)}.type-description svg{width:16px;height:16px;display:inline;vertical-align:middle;margin:0 4px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;color:#71717a;gap:12px}.loading-state svg{width:32px;height:32px}.empty-state{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#1a1a24cc,#14141ee6);border:1px solid rgba(255,255,255,.08);border-radius:24px;animation:fadeInUp .5s ease-out;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(232,93,4,.1) 0%,transparent 70%);pointer-events:none}.empty-state svg{width:80px;height:80px;color:#52525b;margin-bottom:24px;opacity:.6}.empty-state h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.empty-state p{color:#71717a;margin-bottom:36px;font-size:15px;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6}.empty-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.empty-actions .btn{padding:16px 32px;font-size:15px;border-radius:14px;min-width:200px;position:relative;overflow:hidden}.empty-actions .btn-secondary{background:linear-gradient(135deg,#7c3aed33,#a855f726);border:1px solid rgba(168,85,247,.4);color:#c4b5fd}.empty-actions .btn-secondary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a855f74d,#7c3aed33);opacity:0;transition:opacity .3s ease}.empty-actions .btn-secondary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #7c3aed4d;border-color:#a855f799}.empty-actions .btn-secondary:hover:before{opacity:1}.empty-actions .btn-secondary svg,.empty-actions .btn-secondary span{position:relative;z-index:1}.empty-actions .btn-primary{background:linear-gradient(135deg,#e85d04,#f48c06,#fb923c);background-size:200% 200%;border:none;box-shadow:0 4px 20px #e85d044d;color:#fff}.empty-actions .btn-primary svg,.empty-actions .btn-primary span{position:relative;z-index:1}.empty-actions .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #e85d0480}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.templates-grid{display:grid;gap:16px;animation:fadeInUp .5s ease-out .3s both}.template-card{background:#1a1a24cc;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:all .3s ease}.template-card:hover{border-color:#ffffff26;transform:translateY(-2px)}.template-card.offer{border-left:3px solid #3b82f6}.template-card.book{border-left:3px solid #22c55e}.template-card.quick-email{border-left:3px solid #f97316}.template-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.template-title{display:flex;align-items:center;gap:10px}.template-title h3{font-size:16px;font-weight:600;color:#fff}.badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px}.badge.active.offer{background:#3b82f633;color:#60a5fa}.badge.active.book{background:#22c55e33;color:#4ade80}.badge.active.quick-email{background:#f9731633;color:#fb923c}.template-actions{display:flex;gap:4px}.icon-btn{width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:#ffffff1a;color:#fff}.icon-btn.star-active{color:#facc15;cursor:default}.icon-btn.delete:hover{background:#ef44441a;color:#ef4444}.template-subject{font-size:14px;color:#a1a1aa;margin-bottom:8px}.template-body{font-size:14px;color:#71717a;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.template-meta{font-size:12px;color:#52525b}.variables-help{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:20px;margin-top:32px;animation:fadeInUp .5s ease-out .4s both}.variables-help h3{font-size:14px;font-weight:600;color:#60a5fa;margin-bottom:12px}.variables-grid{display:flex;flex-wrap:wrap;gap:8px}.variables-grid code{background:#3b82f633;color:#93c5fd;padding:6px 12px;border-radius:6px;font-size:13px;font-family:monospace}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px;animation:fadeIn .2s ease-out}.modal{background:#1a1a24;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:scaleIn .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{font-size:20px;font-weight:700;color:#fff}.modal-header.generate{gap:16px;justify-content:flex-start}.modal-header.generate .header-icon{width:48px;height:48px;background:#a855f733;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a855f7}.modal-header.generate p{font-size:14px;color:#71717a;margin-top:4px}.modal-header.generate .modal-close{margin-left:auto}.modal-close{width:40px;height:40px;border-radius:10px;border:none;background:transparent;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.error-message{margin:16px 24px 0;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#f87171;font-size:14px}.modal-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:500;color:#a1a1aa;margin-bottom:8px}.form-group label.muted{color:#71717a}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#e85d0480;box-shadow:0 0 0 3px #e85d041a}.form-group input::placeholder,.form-group textarea::placeholder{color:#52525b}.form-group select{cursor:pointer}.form-group select option{background:#1a1a24;color:#fff}.form-group textarea{min-height:180px;resize:vertical;font-family:inherit;line-height:1.5}.form-group textarea.small{min-height:100px}.type-buttons{display:flex;gap:12px}.type-buttons.generate{flex-direction:column}.type-btn{flex:1;padding:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:8px;color:#71717a}.type-btn:hover{border-color:#fff3;background:#ffffff0d}.type-btn span{font-size:13px;font-weight:600}.type-btn.active.offer{border-color:#3b82f6;background:#3b82f61a;color:#60a5fa}.type-btn.active.book{border-color:#22c55e;background:#22c55e1a;color:#4ade80}.type-btn.active.quick{border-color:#f97316;background:#f973161a;color:#fb923c}.type-buttons.generate .type-btn{flex-direction:row;text-align:left;padding:16px 20px}.type-buttons.generate .type-btn svg{flex-shrink:0}.type-name{font-weight:600}.type-desc{font-size:12px!important;opacity:.7;margin-left:auto}.quick-insert{display:flex;flex-wrap:wrap;gap:8px}.insert-btn{padding:6px 12px;background:#ffffff0d;border:none;border-radius:6px;color:#a1a1aa;font-size:12px;font-family:monospace;cursor:pointer;transition:all .2s ease}.insert-btn:hover{background:#ffffff1a;color:#fff}.modal-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);margin-top:24px}.modal-actions .btn{flex:1}.generate-btn{background:linear-gradient(135deg,#a855f7,#7c3aed)}.generate-btn:hover{box-shadow:0 8px 24px #a855f766}.animate-spin{animation:spin 1s linear infinite}@media(max-width:768px){.templates-main{padding:20px}.page-header{flex-direction:column;gap:16px}.header-actions{width:100%}.header-actions .btn{flex:1}.tabs-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:12px 16px;white-space:nowrap}.type-buttons{flex-direction:column}.user-pill span:last-child{display:none}.modal{max-height:100vh;border-radius:0}}.rich-text-editor{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#0000004d}.rte-toolbar{display:flex;align-items:center;gap:4px;padding:10px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);flex-wrap:wrap}.rte-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#a1a1aa;cursor:pointer;transition:all .2s ease}.rte-btn:hover{background:#ffffff14;color:#fff}.rte-btn:active{background:#e85d0433;color:#e85d04}.rte-divider{width:1px;height:24px;background:#ffffff1a;margin:0 4px}.rte-select{padding:6px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#a1a1aa;font-size:12px;cursor:pointer;transition:all .2s ease}.rte-select:hover{border-color:#fff3;color:#fff}.rte-select:focus{outline:none;border-color:#e85d04}.rte-select option{background:#1a1a24;color:#fff}.rte-color-picker{position:relative}.rte-color-dropdown{position:absolute;top:100%;left:0;margin-top:4px;padding:8px;background:#1a1a24;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 10px 40px #00000080;display:none;grid-template-columns:repeat(6,1fr);gap:4px;z-index:100;min-width:160px}.rte-color-picker:hover .rte-color-dropdown{display:grid}.rte-color-swatch{width:22px;height:22px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease}.rte-color-swatch:hover{transform:scale(1.2);border-color:#ffffff80}.rte-content{min-height:150px;padding:16px;color:#fff;font-size:14px;line-height:1.6;font-family:Arial,sans-serif;outline:none}.rte-content:focus{background:#ffffff05}.rte-content:empty:before{content:attr(data-placeholder);color:#52525b;pointer-events:none}.rte-content a{color:#e85d04;text-decoration:underline}.rte-content ul,.rte-content ol{margin:8px 0;padding-left:24px}.rte-content li{margin:4px 0}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;max-height:0;margin-top:0}to{opacity:1;max-height:500px;margin-top:24px}}.settings-wrapper{min-height:100vh;background:#0a0a0f;position:relative;overflow-x:hidden}.settings-wrapper.loaded .animate-in,.settings-wrapper.loaded .feature-toggle-card,.settings-wrapper.loaded .settings-card{animation-play-state:running}.settings-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.settings-header{position:sticky;top:0;z-index:100;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.settings-header .header-content{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.settings-main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:32px;display:grid;grid-template-columns:240px 1fr;gap:32px;min-height:calc(100vh - 80px)}.settings-nav{display:flex;flex-direction:column;gap:8px;position:sticky;top:112px;height:fit-content}.nav-item{display:flex;align-items:center;gap:12px;padding:14px 18px;background:transparent;border:1px solid transparent;border-radius:12px;color:#71717a;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left}.nav-item:hover{background:#ffffff08;color:#a1a1aa}.nav-item.active{background:#e85d041a;border-color:#e85d044d;color:#e85d04}.nav-icon{font-size:20px}.nav-label{font-weight:600}.settings-content{display:flex;flex-direction:column;gap:24px}.settings-section{opacity:0;animation:fadeInUp .5s ease-out forwards}.animate-in{animation:fadeInUp .5s ease-out forwards}.section-title-wrap{display:flex;align-items:flex-start;gap:16px}.section-icon{font-size:32px;width:56px;height:56px;background:linear-gradient(135deg,#e85d0426,#7c3aed26);border-radius:14px;display:flex;align-items:center;justify-content:center}.section-title-wrap h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:6px}.section-title-wrap p{font-size:15px;color:#71717a}.features-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.feature-toggle-card{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#1a1a24cc;border:1px solid rgba(255,255,255,.06);border-radius:16px;opacity:0;animation:scaleIn .4s ease-out forwards;transition:all .3s ease}.feature-toggle-card:hover{background:#1a1a24f2;border-color:#ffffff1a;transform:translate(4px)}.feature-toggle-card.feature-orange:hover{border-color:#e85d0466}.feature-toggle-card.feature-blue:hover{border-color:#3b82f666}.feature-toggle-card.feature-green:hover{border-color:#22c55e66}.feature-toggle-card.feature-purple:hover{border-color:#7c3aed66}.feature-toggle-card.feature-pink:hover{border-color:#ec489966}.feature-info{display:flex;align-items:center;gap:16px}.feature-icon-wrap{width:48px;height:48px;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.feature-text h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.feature-text p{font-size:13px;color:#71717a}.toggle-switch{position:relative;width:52px;height:28px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:#ffffff1a;border-radius:28px;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:#71717a;border-radius:50%;transition:all .3s ease}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#e85d04,#f48c06)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px);background:#fff}.settings-card{background:#1a1a24cc;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:24px;opacity:0;animation:fadeInUp .5s ease-out forwards;animation-delay:.1s}.card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.card-icon{font-size:24px;width:44px;height:44px;background:linear-gradient(135deg,#e85d0426,#7c3aed1a);border-radius:12px;display:flex;align-items:center;justify-content:center}.card-header h3{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px}.card-header p{font-size:13px;color:#71717a}.mpg-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.mpg-card .card-header{margin-bottom:0}.mpg-input-wrap{display:flex;align-items:center;gap:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 16px}.mpg-input{width:70px;background:transparent;border:none;color:#fff;font-size:18px;font-weight:600;text-align:center;outline:none}.mpg-input::-webkit-outer-spin-button,.mpg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mpg-unit{color:#71717a;font-size:14px;font-weight:500}.driver-pay-card{overflow:hidden}.driver-pay-toggle{display:flex;align-items:center;justify-content:space-between}.toggle-info h3,.toggle-info h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.toggle-info p{font-size:13px;color:#71717a}.driver-pay-options{padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,.06);overflow:hidden}.animate-expand{animation:slideDown .4s ease-out forwards}.pay-type-selector{margin-bottom:24px}.pay-type-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#71717a;margin-bottom:12px}.pay-type-buttons{display:flex;gap:12px}.pay-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#0003;border:2px solid rgba(255,255,255,.1);border-radius:14px;color:#a1a1aa;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.pay-type-btn:hover{background:#e85d041a;border-color:#e85d044d}.pay-type-btn.active{background:#e85d0426;border-color:#e85d04;color:#fff}.pay-type-icon{width:40px;height:40px;background:#ffffff0d;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.pay-type-btn.active .pay-type-icon{background:linear-gradient(135deg,#e85d04,#f48c06);color:#fff}.pay-rate-input{margin-top:20px}.pay-rate-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#71717a;margin-bottom:10px}.rate-input-wrap{display:flex;align-items:center;gap:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 20px;max-width:200px}.rate-input{flex:1;background:transparent;border:none;color:#fff;font-size:20px;font-weight:700;outline:none}.rate-input::-webkit-outer-spin-button,.rate-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rate-unit{color:#71717a;font-size:14px;font-weight:600}.rate-example{margin-top:10px;font-size:13px;color:#52525b;font-style:italic}.signature-editor{margin-bottom:20px}.signature-preview{background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.preview-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#52525b;margin-bottom:12px}.preview-content{background:#fff;border-radius:8px;padding:16px;font-family:Arial,sans-serif;font-size:14px;color:#1a1a1a;line-height:1.5}.signatures-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;color:#71717a;font-size:14px}.signatures-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:48px 24px;text-align:center}.signatures-empty .empty-icon{color:#52525b;opacity:.5}.signatures-empty h4{font-size:18px;font-weight:600;color:#fff;margin:0}.signatures-empty p{font-size:14px;color:#71717a;margin:0;max-width:300px}.btn-connect-email{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#e85d04,#f48c06);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-connect-email:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e85d044d}.email-signatures-list{display:flex;flex-direction:column;gap:16px}.email-signature-item{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;animation:fadeInUp .4s ease forwards;opacity:0;transition:all .2s ease}.email-signature-item:hover{border-color:#ffffff1f;background:#00000040}.email-signature-item.editing{border-color:#e85d044d;background:#e85d040d}.signature-item-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.signature-account-info{display:flex;align-items:center;gap:14px}.signature-account-info .provider-icon{width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;display:flex;align-items:center;justify-content:center}.signature-account-info .provider-icon svg{width:24px;height:24px}.signature-account-info .account-details{display:flex;flex-direction:column;gap:4px}.signature-account-info .account-email{font-size:15px;font-weight:600;color:#fff}.signature-account-info .account-provider{font-size:12px;font-weight:500;color:#71717a;text-transform:uppercase;letter-spacing:.5px}.btn-edit-signature{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#a1a1aa;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-edit-signature:hover{background:#e85d041a;border-color:#e85d044d;color:#e85d04}.btn-edit-signature svg{stroke:currentColor}.signature-editor-container{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06);animation:slideDown .3s ease forwards}.signature-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:16px}.btn-cancel-edit{padding:10px 20px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#71717a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-cancel-edit:hover{background:#ffffff0d;color:#fff}.btn-save-signature{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#e85d04,#f48c06);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-signature:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #e85d044d}.btn-save-signature:disabled{opacity:.7;cursor:wait}.signature-preview-compact{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.signature-preview-compact .preview-content{background:#fffffff2;border-radius:10px;padding:14px 18px;max-height:120px;overflow:hidden;position:relative}.signature-preview-compact .preview-content:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.95));pointer-events:none}.no-signature-message{margin-top:16px;padding:16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:10px;text-align:center}.no-signature-message span{font-size:13px;color:#52525b;font-style:italic}.notification-toggles{display:flex;flex-direction:column;gap:16px}.notification-toggle{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#0003;border-radius:12px}.notification-toggle h4{font-size:15px;font-weight:600;color:#fff;margin-bottom:4px}.notification-toggle p{font-size:12px;color:#71717a}.profile-fields{display:flex;flex-direction:column;gap:16px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#71717a}.field-value{padding:14px 18px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#a1a1aa;font-size:15px}.subscription-card{background:linear-gradient(135deg,#e85d041a,#7c3aed1a);border-color:#e85d0433}.subscription-info{display:flex;flex-direction:column;gap:16px}.subscription-details{display:flex;flex-direction:column;gap:8px}.plan-badge-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plan-badge{display:flex;align-items:center;gap:10px;padding:8px 16px;background:linear-gradient(135deg,#e85d0433,#e85d041a);border:1px solid rgba(232,93,4,.3);border-radius:20px}.plan-icon{font-size:18px}.plan-name{font-size:14px;font-weight:700;color:#e85d04;text-transform:uppercase;letter-spacing:.5px}.trial-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#22c55e33,#22c55e1a);border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:12px;font-weight:600;color:#22c55e}.trial-icon{font-size:14px}.trial-info{margin-top:12px;padding:16px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:12px}.trial-countdown{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.trial-days{font-size:36px;font-weight:800;color:#22c55e;line-height:1}.trial-label{font-size:14px;font-weight:600;color:#4ade80}.trial-expires{font-size:13px;color:#71717a;margin:0}.plan-description{font-size:14px;color:#71717a;margin-top:4px}.upgrade-buttons{display:flex;flex-direction:column;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.upgrade-btn{display:flex;align-items:center;gap:12px;padding:14px 20px;background:linear-gradient(135deg,#e85d04,#f48c06);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e85d0466}.upgrade-icon{font-size:20px}.upgrade-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;flex:1}.upgrade-title{font-size:14px;font-weight:700}.upgrade-price{font-size:12px;font-weight:500;opacity:.9}.upgrade-btn svg{margin-left:auto}.upgrade-pro{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}.upgrade-pro:hover{box-shadow:0 10px 30px #7c3aed66}.upgrade-business{background:linear-gradient(135deg,#e85d04,#f48c06)}.upgrade-business:hover{box-shadow:0 10px 30px #e85d0466}.danger-card{border-color:#ef444433}.danger-btn{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.danger-btn:hover{background:#ef444433;border-color:#ef444480}.save-bar{position:sticky;bottom:24px;display:flex;justify-content:flex-end;padding-top:24px}.save-btn{display:flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#e85d04,#f48c06);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #e85d044d}.save-btn:hover{transform:translateY(-3px);box-shadow:0 12px 40px #e85d0480}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.save-btn.saving{background:linear-gradient(135deg,#a1a1aa,#71717a)}.save-btn.saved{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 8px 30px #22c55e4d}.save-btn svg.spin{animation:spin 1s linear infinite}@media(max-width:1024px){.settings-main{grid-template-columns:200px 1fr;gap:24px;padding:24px}}@media(max-width:768px){.settings-main{grid-template-columns:1fr;padding:20px}.settings-nav{position:static;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.nav-item{flex-shrink:0;padding:12px 16px}.nav-label{display:none}.settings-header .header-content{padding:12px 20px}.user-pill span:last-child{display:none}.subscription-info{flex-direction:column;align-items:flex-start}.pay-type-buttons{flex-direction:column}}.permits-card{overflow:hidden}.permits-toggle{display:flex;align-items:center;justify-content:space-between}.permits-content{padding-top:24px;margin-top:24px;border-top:1px solid rgba(255,255,255,.06);overflow:hidden}.permits-notice{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:12px;margin-bottom:20px}.permits-notice svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.permits-notice p{font-size:13px;color:#fbbf24;line-height:1.5}.condition-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#f59e0b4d;border-radius:4px;font-size:11px;font-weight:700;color:#f59e0b;margin:0 2px}.permits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:20px}.permit-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:10px;opacity:0;animation:scaleIn .3s ease-out forwards;transition:all .2s ease}.permit-item:hover{background:#e85d041a;border-color:#e85d044d;transform:translateY(-2px)}.permit-item.has-conditions{border-color:#f59e0b33}.permit-item.has-conditions:hover{border-color:#f59e0b66;background:#f59e0b1a}.permit-state{font-size:13px;font-weight:500;color:#a1a1aa}.permit-price{font-size:15px;font-weight:700;color:#e85d04;display:flex;align-items:center;gap:4px}.condition-marker{font-size:12px;font-weight:700;color:#f59e0b}.permits-summary{display:flex;gap:16px;padding:16px;background:linear-gradient(135deg,#e85d041a,#7c3aed1a);border:1px solid rgba(232,93,4,.2);border-radius:12px}.summary-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#0003;border-radius:10px}.summary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#71717a}.summary-value{font-size:16px;font-weight:700}.summary-value.lowest{color:#22c55e}.summary-value.highest{color:#ef4444}.summary-value.average{color:#e85d04}@media(max-width:768px){.permits-grid{grid-template-columns:repeat(2,1fr)}.permits-summary{flex-direction:column;gap:12px}.summary-item{flex-direction:row;justify-content:space-between}}.pro-badge-small{font-size:9px;font-weight:700;background:linear-gradient(135deg,#e85d04,#f48c06);color:#fff;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;margin-left:8px;vertical-align:middle}.feature-toggle-card.feature-locked{opacity:.7;cursor:pointer}.feature-toggle-card.feature-locked:hover{opacity:1;border-color:#eab30866}.feature-toggle-card.feature-locked .feature-icon-wrap.icon-locked{background:#64646426}.feature-toggle-card.feature-locked .feature-text h3{display:flex;align-items:center}.lock-icon{width:36px;height:36px;background:#eab30826;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#eab308;flex-shrink:0}.locked-section-card{cursor:pointer;border:1px dashed rgba(234,179,8,.3)!important;background:#eab30808!important;transition:all .3s ease}.locked-section-card:hover{border-color:#eab30880!important;background:#eab3080f!important}.locked-section-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.locked-icon-large{width:80px;height:80px;background:linear-gradient(135deg,#eab30833,#e85d0433);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#eab308}.locked-section-content h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.locked-section-content p{font-size:14px;color:#71717a;max-width:320px;line-height:1.5;margin-bottom:20px}.btn-unlock{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#e85d04,#f48c06);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-unlock:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e85d0466}.upgrade-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.upgrade-modal{background:linear-gradient(180deg,#1a1a24,#12121a);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;max-width:460px;width:90%;text-align:center;position:relative;box-shadow:0 25px 80px #00000080;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#ffffff0d;border-radius:10px;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#eab30833,#e85d0433);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#eab308}.upgrade-modal h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px}.upgrade-modal>p{font-size:15px;color:#a1a1aa;line-height:1.6;margin-bottom:28px}.upgrade-modal>p strong{color:#e85d04}.modal-features{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;margin-bottom:28px;text-align:left}.modal-feature{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:#d4d4d8}.modal-feature:not(:last-child){border-bottom:1px solid rgba(255,255,255,.05)}.modal-feature .check-icon{width:20px;height:20px;background:linear-gradient(135deg,#22c55e33,#22c55e1a);color:#22c55e;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.modal-actions{display:flex;flex-direction:column;gap:12px}.btn-upgrade-modal{width:100%;padding:16px 24px;background:linear-gradient(135deg,#e85d04,#f48c06);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-upgrade-modal:hover{transform:translateY(-2px);box-shadow:0 10px 30px #e85d0466}.btn-later{width:100%;padding:14px 24px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#71717a;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-later:hover{background:#ffffff0d;color:#a1a1aa}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bgMove{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.accounts-wrapper{min-height:100vh;background:#0a0a0f;position:relative;overflow-x:hidden}.accounts-wrapper.loaded .animate-in{animation-play-state:running}.accounts-bg{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-gradient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4}.bg-gradient-1{width:600px;height:600px;background:radial-gradient(circle,rgba(232,93,4,.3) 0%,transparent 70%);top:-200px;right:-100px;animation:bgMove 20s ease-in-out infinite}.bg-gradient-2{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%);bottom:-100px;left:-100px;animation:bgMove 25s ease-in-out infinite reverse}.bg-gradient-3{width:400px;height:400px;background:radial-gradient(circle,rgba(232,93,4,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 8s ease-in-out infinite}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.accounts-header{position:sticky;top:0;z-index:100;background:#0a0a0fcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.accounts-header .header-content{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between}.back-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#a1a1aa;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-btn:hover{background:#e85d041a;border-color:#e85d0480;color:#e85d04;transform:translate(-3px)}.header-brand{display:flex;align-items:center;gap:14px}.logo-glow{position:relative}.logo-glow img{width:44px;height:44px;border-radius:12px;position:relative;z-index:1}.logo-glow:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(232,93,4,.4) 0%,transparent 70%);border-radius:50%;animation:pulse 3s ease-in-out infinite}.brand-text{font-size:22px;font-weight:700;background:linear-gradient(135deg,#e85d04,#f48c06);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-user{display:flex;align-items:center;gap:12px}.user-pill{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50px;transition:all .3s ease}.user-pill:hover{background:#ffffff14;border-color:#e85d044d}.user-avatar-small{width:32px;height:32px;background:linear-gradient(135deg,#e85d04,#7c3aed);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.user-pill span:last-child{color:#a1a1aa;font-size:14px}.logout-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.logout-btn:hover{background:#ef44441a;border-color:#ef444480;color:#ef4444;transform:translateY(-2px)}.accounts-main{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:48px 32px}.accounts-hero{text-align:center;margin-bottom:48px;opacity:0;animation:fadeInUp .6s ease-out forwards}.hero-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#e85d0426,#7c3aed26);border-radius:28px;display:flex;align-items:center;justify-content:center;color:#e85d04;animation:float 4s ease-in-out infinite}.accounts-hero h1{font-size:42px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accounts-hero p{font-size:18px;color:#71717a;max-width:600px;margin:0 auto;line-height:1.7}.connect-section,.accounts-section{margin-bottom:48px;opacity:0;animation:fadeInUp .6s ease-out forwards}.section-header{margin-bottom:24px}.section-header h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.section-header p{font-size:15px;color:#71717a}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.provider-card{display:flex;align-items:center;gap:16px;padding:24px;background:#1a1a24cc;border:2px solid rgba(255,255,255,.06);border-radius:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.provider-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,transparent);transition:all .3s ease}.provider-card:hover:not(.disabled){background:#1a1a24;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.provider-card.provider-google:hover:not(.disabled){border-color:#ea433580}.provider-card.provider-google:hover:not(.disabled):before{background:linear-gradient(90deg,#ea4335,#fbbc05,#34a853,#4285f4)}.provider-card.provider-smtp:hover:not(.disabled){border-color:#a855f780}.provider-card.provider-smtp:hover:not(.disabled):before{background:linear-gradient(90deg,#a855f7,#7c3aed)}.provider-card.disabled{opacity:.5;cursor:not-allowed}.provider-card.connecting{pointer-events:none}.provider-icon{width:56px;height:56px;background:#ffffff0d;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.provider-info{flex:1}.provider-info h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.provider-info p{font-size:13px;color:#71717a}.provider-action{width:40px;height:40px;background:linear-gradient(135deg,#e85d04,#f48c06);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all .3s ease}.provider-card:hover:not(.disabled) .provider-action{transform:scale(1.1);box-shadow:0 8px 24px #e85d0466}.provider-loading{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#e85d04}.coming-soon-badge{padding:6px 12px;background:#7c3aed33;border:1px solid rgba(124,58,237,.4);border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#a855f7}.accounts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#71717a}.accounts-empty{text-align:center;padding:60px 40px;background:#1a1a2480;border:2px dashed rgba(255,255,255,.1);border-radius:24px}.empty-icon{color:#3f3f46;margin-bottom:24px}.accounts-empty h3{font-size:20px;font-weight:600;color:#a1a1aa;margin-bottom:12px}.accounts-empty p{font-size:15px;color:#52525b;max-width:400px;margin:0 auto}.accounts-list{display:flex;flex-direction:column;gap:12px}.account-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#1a1a24cc;border:1px solid rgba(255,255,255,.06);border-radius:16px;opacity:0;animation:scaleIn .4s ease-out forwards;transition:all .3s ease}.account-card:hover{background:#1a1a24;border-color:#ffffff1a}.account-card.default{border-color:#e85d044d;background:linear-gradient(135deg,#e85d040d,#1a1a24cc)}.account-card.needs-attention{border-color:#fbbf244d}.account-icon{width:48px;height:48px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-info{flex:1;min-width:0}.account-email{display:flex;align-items:center;gap:10px;margin-bottom:6px}.account-email span:first-child{font-size:16px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.default-badge{padding:4px 10px;background:linear-gradient(135deg,#e85d04,#f48c06);border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;flex-shrink:0}.account-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-connected{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-expired{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.account-provider,.account-stats{font-size:12px;color:#52525b}.account-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-reconnect{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:8px;color:#fbbf24;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reconnect:hover{background:#fbbf2440;border-color:#fbbf2480}.btn-default{padding:8px 14px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#a1a1aa;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-default:hover{background:#e85d041a;border-color:#e85d0480;color:#e85d04}.btn-remove{width:36px;height:36px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-remove:hover{background:#ef44441a;border-color:#ef444480;color:#ef4444}.features-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;opacity:0;animation:fadeInUp .6s ease-out forwards}.info-card{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#1a1a2480;border:1px solid rgba(255,255,255,.04);border-radius:16px;transition:all .3s ease}.info-card:hover{background:#1a1a24cc;border-color:#ffffff14}.info-icon{width:48px;height:48px;background:linear-gradient(135deg,#e85d0426,#7c3aed1a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#e85d04;flex-shrink:0}.info-content h4{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}.info-content p{font-size:14px;color:#71717a;line-height:1.5}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#1a1a24;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;max-width:420px;width:90%;text-align:center;animation:scaleIn .3s ease-out}.modal-icon{width:64px;height:64px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.modal-icon.danger{background:#ef444426;color:#ef4444}.modal-content h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:12px}.modal-content p{font-size:15px;color:#71717a;line-height:1.6;margin-bottom:32px}.modal-actions{display:flex;gap:12px;justify-content:center}.btn-cancel{padding:12px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#a1a1aa;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ef444466}.smtp-modal{max-width:480px;text-align:left}.smtp-modal h3{text-align:center}.smtp-modal>p{text-align:center}.modal-icon.smtp{background:#a855f726;color:#a855f7}.smtp-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:13px;margin-bottom:20px}.smtp-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.smtp-form .form-group{display:flex;flex-direction:column;gap:6px}.smtp-form .form-group label{font-size:13px;font-weight:600;color:#a1a1aa}.smtp-form .form-group input[type=text],.smtp-form .form-group input[type=email],.smtp-form .form-group input[type=password]{padding:12px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;transition:all .3s ease}.smtp-form .form-group input:focus{outline:none;border-color:#a855f780;background:#ffffff14}.smtp-form .form-group input::placeholder{color:#52525b}.smtp-form .form-row{display:flex;gap:12px}.smtp-form .form-row .form-group{flex:1}.smtp-form .form-row .form-group-small{flex:0 0 100px}.smtp-form .form-group-toggle{display:flex;align-items:center}.smtp-form .form-group-toggle label{display:flex;align-items:center;gap:12px;cursor:pointer;color:#a1a1aa;font-size:14px}.smtp-form .form-group-toggle input[type=checkbox]{display:none}.smtp-form .toggle-slider{width:44px;height:24px;background:#ffffff1a;border-radius:12px;position:relative;transition:all .3s ease}.smtp-form .toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#52525b;border-radius:50%;transition:all .3s ease}.smtp-form .form-group-toggle input[type=checkbox]:checked+.toggle-slider{background:linear-gradient(135deg,#a855f7,#7c3aed)}.smtp-form .form-group-toggle input[type=checkbox]:checked+.toggle-slider:after{left:23px;background:#fff}.smtp-modal .btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.smtp-modal .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #a855f766}.smtp-modal .btn-primary:disabled{opacity:.7;cursor:not-allowed}.toast{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:#1a1a24;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 40px #0006;z-index:2000;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toast-success{border-color:#22c55e4d}.toast-success svg:first-child{color:#22c55e}.toast-error{border-color:#ef44444d}.toast-error svg:first-child{color:#ef4444}.toast span{color:#a1a1aa;font-size:14px}.toast button{background:transparent;border:none;color:#52525b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toast button:hover{color:#a1a1aa}.spin{animation:spin 1s linear infinite}@media(max-width:768px){.accounts-main{padding:32px 20px}.accounts-hero h1{font-size:32px}.accounts-hero p{font-size:16px}.providers-grid{grid-template-columns:1fr}.account-card{flex-direction:column;align-items:flex-start;gap:16px}.account-actions{width:100%;justify-content:flex-end}.accounts-header .header-content{padding:12px 20px}.user-pill span:last-child{display:none}.features-info{grid-template-columns:1fr}.modal-content{padding:32px 24px}.modal-actions{flex-direction:column}}:root{--admin-bg: #0c0c1d;--admin-surface: #12122a;--admin-surface-hover: #1a1a3a;--admin-border: rgba(255, 255, 255, .08);--admin-border-hover: rgba(255, 255, 255, .15);--admin-text: #ffffff;--admin-text-secondary: #8b8b9e;--admin-text-muted: #5a5a6e;--admin-accent: #6366f1;--admin-accent-hover: #818cf8;--admin-accent-glow: rgba(99, 102, 241, .25);--admin-success: #10b981;--admin-warning: #f59e0b;--admin-danger: #ef4444;--admin-pro: #8b5cf6;--admin-business: #f59e0b}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--admin-bg);background-image:radial-gradient(ellipse at top,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(139,92,246,.1) 0%,transparent 50%);padding:20px}.admin-login-card{background:var(--admin-surface);border-radius:24px;padding:48px;width:100%;max-width:420px;border:1px solid var(--admin-border);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-login-header{text-align:center;margin-bottom:40px}.admin-login-header h1{color:var(--admin-text);font-size:32px;font-weight:700;margin-bottom:12px;letter-spacing:-.5px}.admin-login-header p{color:var(--admin-text-secondary);font-size:15px}.admin-form{display:flex;flex-direction:column;gap:24px}.admin-form-group{display:flex;flex-direction:column;gap:10px}.admin-form-group label{color:var(--admin-text-secondary);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.admin-form-group input[type=text],.admin-form-group input[type=password],.admin-form-group input[type=date]{background:#ffffff08;border:1px solid var(--admin-border);border-radius:12px;padding:14px 18px;color:var(--admin-text);font-size:15px;transition:all .2s ease}.admin-form-group input:hover{border-color:var(--admin-border-hover);background:#ffffff0d}.admin-form-group input:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px var(--admin-accent-glow);background:#ffffff0d}.admin-form-group input::placeholder{color:var(--admin-text-muted)}.admin-btn-primary{background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-pro) 100%);border:none;border-radius:12px;padding:16px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.admin-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity .3s}.admin-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #6366f166}.admin-btn-primary:hover:before{opacity:1}.admin-btn-primary:active{transform:translateY(0)}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:14px 18px;color:var(--admin-danger);font-size:14px;margin-bottom:16px;display:flex;align-items:center;gap:10px}.admin-error:before{content:"!";width:20px;height:20px;background:var(--admin-danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.admin-container{min-height:100vh;background:var(--admin-bg);color:var(--admin-text)}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#12122acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--admin-border);position:sticky;top:0;z-index:100}.admin-header-left{display:flex;align-items:center;gap:16px}.admin-header h1{font-size:22px;font-weight:700;color:var(--admin-text);letter-spacing:-.3px}.admin-header h1 span{background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-pro) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-btn-logout{background:transparent;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 20px;color:var(--admin-danger);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-logout:hover{background:var(--admin-danger);border-color:var(--admin-danger);color:#fff;box-shadow:0 4px 15px #ef44444d}.admin-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;padding:32px 40px}.admin-stat-card{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:20px;padding:28px;position:relative;overflow:hidden;transition:all .3s ease}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--admin-text-muted),transparent);opacity:.3}.admin-stat-card:hover{transform:translateY(-4px);border-color:var(--admin-border-hover);box-shadow:0 20px 40px #0000004d}.admin-stat-card.stat-pro:before{background:linear-gradient(90deg,transparent,var(--admin-pro),transparent);opacity:1}.admin-stat-card.stat-pro{border-color:#8b5cf64d}.admin-stat-card.stat-business:before{background:linear-gradient(90deg,transparent,var(--admin-business),transparent);opacity:1}.admin-stat-card.stat-business{border-color:#f59e0b4d}.stat-icon{width:48px;height:48px;background:#6366f11a;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:22px}.stat-value{font-size:42px;font-weight:800;color:var(--admin-text);line-height:1;margin-bottom:8px;letter-spacing:-1px}.admin-stat-card.stat-pro .stat-value{color:var(--admin-pro)}.admin-stat-card.stat-business .stat-value{color:var(--admin-business)}.stat-label{font-size:13px;color:var(--admin-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.admin-content{padding:0 40px 40px}.admin-section-title{font-size:18px;font-weight:600;color:var(--admin-text);margin-bottom:20px;display:flex;align-items:center;gap:10px}.admin-section-title:before{content:"";width:4px;height:20px;background:var(--admin-accent);border-radius:2px}.admin-filters{display:flex;gap:16px;padding:0 40px 28px}.admin-search{flex:1;max-width:400px;background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;padding:14px 18px 14px 48px;color:var(--admin-text);font-size:14px;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a5a6e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px center;background-size:20px}.admin-search:hover{border-color:var(--admin-border-hover)}.admin-search:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px var(--admin-accent-glow)}.admin-search::placeholder{color:var(--admin-text-muted)}.admin-select{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:12px;padding:14px 40px 14px 18px;color:var(--admin-text);font-size:14px;cursor:pointer;min-width:160px;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a5a6e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}.admin-select:hover{border-color:var(--admin-border-hover)}.admin-select:focus{outline:none;border-color:var(--admin-accent)}.admin-select option{background:var(--admin-surface);color:var(--admin-text)}.admin-table-container{padding:0 40px;overflow-x:auto}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--admin-surface);border-radius:16px;overflow:hidden;border:1px solid var(--admin-border)}.admin-table th{background:#ffffff05;padding:18px 24px;text-align:left;color:var(--admin-text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--admin-border)}.admin-table td{padding:20px 24px;border-bottom:1px solid var(--admin-border);vertical-align:middle}.admin-table tbody tr{transition:all .2s ease}.admin-table tbody tr:hover{background:#6366f108}.admin-table tbody tr:last-child td{border-bottom:none}.admin-loading,.admin-empty{text-align:center;color:var(--admin-text-muted);padding:60px 24px!important;font-size:15px}.user-info{display:flex;align-items:center;gap:14px}.user-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-pro) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.user-details{display:flex;flex-direction:column;gap:4px}.user-email{font-weight:600;color:var(--admin-text);font-size:14px}.user-name{font-size:13px;color:var(--admin-text-secondary)}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-free{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.2)}.badge-pro{background:#8b5cf626;color:var(--admin-pro);border:1px solid rgba(139,92,246,.3)}.badge-business{background:#f59e0b26;color:var(--admin-business);border:1px solid rgba(245,158,11,.3)}.plan-expiry{font-size:11px;color:var(--admin-text-muted);margin-top:6px}.usage-info{display:flex;flex-direction:column;gap:6px}.usage-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--admin-text-secondary)}.usage-item svg{width:14px;height:14px;opacity:.6}.admin-btn-edit{background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:10px 20px;color:var(--admin-accent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-edit:hover{background:var(--admin-accent);border-color:var(--admin-accent);color:#fff;box-shadow:0 4px 15px #6366f14d;transform:translateY(-1px)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:32px 40px}.admin-btn-page{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:10px;padding:10px 20px;color:var(--admin-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-page:hover:not(:disabled){border-color:var(--admin-accent);color:var(--admin-accent);background:#6366f10d}.admin-btn-page:disabled{opacity:.4;cursor:not-allowed}.page-info{color:var(--admin-text-secondary);font-size:14px;padding:0 16px}.page-info strong{color:var(--admin-text)}.admin-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-modal{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:24px;padding:36px;width:100%;max-width:480px;box-shadow:0 25px 60px #00000080;animation:slideUp .3s ease}.admin-modal h2{color:var(--admin-text);font-size:24px;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.modal-email{color:var(--admin-text-secondary);font-size:14px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--admin-border)}.admin-select-full,.admin-input-full{width:100%;background:#ffffff08;border:1px solid var(--admin-border);border-radius:12px;padding:14px 18px;color:var(--admin-text);font-size:15px;transition:all .2s ease}.admin-select-full{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%235a5a6e'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px}.admin-select-full:hover,.admin-input-full:hover{border-color:var(--admin-border-hover)}.admin-select-full:focus,.admin-input-full:focus{outline:none;border-color:var(--admin-accent);box-shadow:0 0 0 4px var(--admin-accent-glow)}.admin-select-full option{background:var(--admin-surface);color:var(--admin-text)}.admin-form-group small{color:var(--admin-text-muted);font-size:12px;margin-top:6px}.admin-form-group.checkbox{flex-direction:row;align-items:center;background:#ffffff05;padding:14px 18px;border-radius:12px;border:1px solid var(--admin-border)}.admin-form-group.checkbox label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--admin-text)}.admin-form-group.checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--admin-accent)}.modal-actions{display:flex;gap:14px;margin-top:32px}.admin-btn-cancel{flex:1;background:transparent;border:1px solid var(--admin-border);border-radius:12px;padding:14px;color:var(--admin-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-cancel:hover{border-color:var(--admin-border-hover);color:var(--admin-text);background:#ffffff08}.admin-btn-save{flex:1;background:linear-gradient(135deg,var(--admin-accent) 0%,var(--admin-pro) 100%);border:none;border-radius:12px;padding:14px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}@media(max-width:1400px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-header,.admin-stats-grid,.admin-filters,.admin-table-container,.admin-pagination{padding-left:24px;padding-right:24px}}@media(max-width:768px){.admin-header{padding:16px 20px;flex-direction:column;gap:16px}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px}.admin-stat-card{padding:20px}.stat-value{font-size:32px}.admin-filters{flex-direction:column;padding:0 20px 20px}.admin-search{max-width:100%}.admin-table-container{padding:0 20px}.admin-table th,.admin-table td{padding:14px 16px}.user-avatar{display:none}.admin-pagination{padding:20px;flex-wrap:wrap}.admin-modal{padding:24px;border-radius:20px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--admin-bg)}::-webkit-scrollbar-thumb{background:var(--admin-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--admin-text-muted)}.user-row{cursor:pointer;transition:all .2s ease}.user-row:hover{background:#6366f108}.user-row.expanded{background:#6366f10d;border-left:3px solid var(--admin-accent)}.expand-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:10px;color:var(--admin-text-muted);transition:all .2s ease;flex-shrink:0}.expand-icon.rotated{transform:rotate(90deg);color:var(--admin-accent)}.user-details-row,.user-details-row:hover{background:#0003!important}.user-details-row td{padding:0!important;border-bottom:1px solid var(--admin-border)}.user-expanded-content{padding:24px 32px;animation:expandDown .3s ease}@keyframes expandDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.details-loading,.details-error{text-align:center;padding:40px;color:var(--admin-text-muted);font-size:14px}.details-error{color:var(--admin-danger)}.user-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:1200px){.user-details-grid{grid-template-columns:1fr}}.details-section{background:var(--admin-surface);border:1px solid var(--admin-border);border-radius:16px;padding:20px}.details-section h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--admin-text-secondary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--admin-border);display:flex;align-items:center;gap:8px}.details-section h4:before{content:"";width:3px;height:14px;background:var(--admin-accent);border-radius:2px}.details-empty{color:var(--admin-text-muted);font-size:13px;font-style:italic;padding:16px;text-align:center;background:#ffffff05;border-radius:10px}.email-accounts-list{display:flex;flex-direction:column;gap:10px}.email-account-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff05;border:1px solid var(--admin-border);border-radius:10px;transition:all .2s ease}.email-account-item:hover{border-color:var(--admin-border-hover);background:#ffffff0a}.account-icon{font-size:20px;width:36px;height:36px;background:#6366f11a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.account-email{font-size:14px;font-weight:600;color:var(--admin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-type{font-size:11px;color:var(--admin-accent);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.account-date{font-size:11px;color:var(--admin-text-muted);white-space:nowrap}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{display:flex;flex-direction:column;gap:4px;padding:12px;background:#ffffff05;border-radius:10px}.info-label{font-size:11px;color:var(--admin-text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:13px;color:var(--admin-text);font-weight:500;word-break:break-all}.info-value.mono{font-family:SF Mono,Consolas,monospace;font-size:11px;color:var(--admin-text-secondary)}.templates-list{display:flex;flex-direction:column;gap:8px}.template-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff05;border:1px solid var(--admin-border);border-radius:10px}.template-name{flex:1;font-size:13px;font-weight:600;color:var(--admin-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-type{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;border-radius:6px;background:#6b728026;color:#9ca3af}.template-type.type-offer{background:#10b98126;color:var(--admin-success)}.template-type.type-book{background:#6366f126;color:var(--admin-accent)}.template-type.type-quick_email{background:#f59e0b26;color:var(--admin-warning)}.template-usage{font-size:11px;color:var(--admin-text-muted);white-space:nowrap}.template-active{font-size:10px;font-weight:700;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:#10b98126;color:var(--admin-success)}.filters-list{display:flex;flex-direction:column;gap:8px}.filter-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#ffffff05;border:1px solid var(--admin-border);border-radius:10px}.filter-name{font-size:13px;font-weight:600;color:var(--admin-text)}.filter-date{font-size:11px;color:var(--admin-text-muted)}.action-buttons{display:flex;gap:8px;align-items:center}.admin-btn-delete{padding:8px 16px;background:transparent;border:1px solid var(--admin-danger);border-radius:8px;color:var(--admin-danger);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-delete:hover{background:#ef444426;transform:translateY(-1px)}.delete-modal{max-width:480px}.delete-warning-icon{width:72px;height:72px;background:#ef444426;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--admin-danger)}.delete-warning-icon.final{background:#f59e0b26;color:var(--admin-warning)}.delete-email{color:var(--admin-danger)!important;font-weight:600}.delete-warning-box{background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:16px 20px;margin:20px 0;text-align:left;font-size:13px;color:var(--admin-text-secondary)}.delete-warning-box strong{color:var(--admin-danger);display:block;margin-bottom:10px}.delete-warning-box ul{margin:0;padding-left:20px}.delete-warning-box li{margin:6px 0;color:var(--admin-text-muted)}.delete-final-warning{font-size:14px;color:var(--admin-text-secondary);line-height:1.6;margin-bottom:24px}.delete-final-warning strong{color:var(--admin-danger)}.delete-confirm-input{border-color:var(--admin-danger)!important;text-align:center;font-weight:700;letter-spacing:2px;font-size:16px}.delete-confirm-input::placeholder{letter-spacing:2px;opacity:.4}.admin-btn-danger{padding:12px 24px;background:transparent;border:1px solid var(--admin-danger);border-radius:10px;color:var(--admin-danger);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-danger:hover{background:#ef444426}.admin-btn-danger-confirm{padding:12px 24px;background:var(--admin-danger);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-btn-danger-confirm:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.admin-btn-danger-confirm:disabled{opacity:.5;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-card-hover: #222230;--accent-primary: #e85d04;--accent-secondary: #f48c06;--accent-gradient: linear-gradient(135deg, #e85d04 0%, #f48c06 100%);--accent-blue: #7c3aed;--accent-purple: #a855f7;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .2);--success: #22c55e;--error: #ef4444}html,body,#root{height:100%;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #e85d044d}50%{box-shadow:0 0 40px #e85d0480}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.auth-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-30%;left:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(232,93,4,.12) 0%,transparent 60%);border-radius:50%;pointer-events:none;animation:float 8s ease-in-out infinite}.auth-container:after{content:"";position:absolute;bottom:-20%;right:15%;width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.12) 0%,transparent 60%);border-radius:50%;pointer-events:none;animation:float 10s ease-in-out infinite reverse}.auth-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:48px;width:100%;max-width:440px;position:relative;z-index:1;box-shadow:0 25px 50px -12px #00000080;animation:fadeInUp .6s ease-out;transition:border-color .3s ease,box-shadow .3s ease}.auth-card:hover{border-color:#e85d044d;box-shadow:0 25px 60px -12px #0009,0 0 40px #e85d041a}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{width:72px;height:72px;margin-bottom:24px;filter:drop-shadow(0 0 20px rgba(232,93,4,.3));animation:glow 3s ease-in-out infinite}.auth-header h1{font-size:32px;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeIn .8s ease-out .2s both}.auth-header p{color:var(--text-secondary);font-size:16px;animation:fadeIn .8s ease-out .3s both}.auth-form{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px;animation:fadeInUp .5s ease-out both}.form-group:nth-child(1){animation-delay:.4s}.form-group:nth-child(2){animation-delay:.5s}.form-group:nth-child(3){animation-delay:.6s}.form-group:nth-child(4){animation-delay:.7s}.form-group label{font-size:14px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:16px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:16px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #e85d0426;background:var(--bg-card);transform:scale(1.01)}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;animation:fadeInUp .5s ease-out .8s forwards;opacity:0}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px #e85d0480}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:32px;padding-top:32px;border-top:1px solid var(--border-color);animation:fadeIn .8s ease-out .9s both}.auth-footer p{color:var(--text-secondary)}.auth-footer a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:color .3s ease}.auth-footer a:hover{color:var(--accent-secondary);text-decoration:underline}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:16px 20px;border-radius:12px;font-size:14px;margin-bottom:8px}.dashboard-container{min-height:100vh;background:var(--bg-primary)}.dashboard-header{background:var(--bg-secondary);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:16px}.header-logo{width:44px;height:44px;filter:drop-shadow(0 0 10px rgba(232,93,4,.3))}.header-left h1{font-size:22px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-right{display:flex;align-items:center;gap:20px}.user-email{color:var(--text-secondary);font-size:14px;padding:8px 16px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border-color)}.btn-logout{background:transparent;border:1px solid var(--border-color);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all .3s ease}.btn-logout:hover{background:#ef44441a;border-color:var(--error);color:var(--error)}.dashboard-main{max-width:1400px;margin:0 auto;padding:48px 32px}.welcome-section{margin-bottom:48px;text-align:center}.welcome-section h2{font-size:42px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-section p{color:var(--text-secondary);font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px}.stat-card{background:var(--bg-card);border-radius:20px;padding:32px;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 20px 40px #0000004d}.stat-card:hover:before{opacity:1}.stat-card h3{font-size:13px;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-value{font-size:36px;font-weight:700;text-transform:capitalize;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.feature-badge{background:#e85d0426;color:var(--accent-secondary);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize;border:1px solid rgba(232,93,4,.3)}.quick-actions{margin-bottom:48px}.quick-actions h3{font-size:24px;margin-bottom:24px;color:var(--text-primary)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.action-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease}.action-card:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 10px 40px #e85d0433}.action-icon{font-size:40px}.action-card span:last-child{font-weight:600;color:var(--text-secondary)}.extension-info{background:linear-gradient(135deg,#7c3aed1a,#a855f71a);border-radius:20px;padding:32px;border:1px solid rgba(124,58,237,.3)}.extension-info h3{color:var(--accent-purple);margin-bottom:12px;font-size:20px}.extension-info p{color:var(--text-secondary);line-height:1.7}.callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:var(--bg-primary)}.callback-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:56px;text-align:center;max-width:440px;box-shadow:0 25px 50px #00000080}.callback-card h2{margin:24px 0 12px;font-size:28px;color:var(--text-primary)}.callback-card p{color:var(--text-secondary);font-size:16px}.hint{font-size:14px;margin-top:24px;color:var(--text-muted)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto;box-shadow:0 10px 40px #22c55e4d}.error-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto;box-shadow:0 10px 40px #ef44444d}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--bg-primary)}.loading-container p{color:var(--text-secondary);font-size:16px}.spinner{width:56px;height:56px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.auth-card{padding:32px 24px;margin:16px}.auth-header h1{font-size:26px}.dashboard-header{padding:16px 20px;flex-direction:column;gap:16px}.dashboard-main{padding:24px 16px}.welcome-section h2{font-size:28px}.stats-grid{grid-template-columns:1fr}}