@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.top-1\/2{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.col-span-3{grid-column:span 3/span 3}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-flex{display:inline-flex}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[400px\]{max-height:400px}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-3\/4{width:75%}.w-full{width:100%}.max-w-\[150px\]{max-width:150px}.max-w-\[1600px\]{max-width:1600px}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.whitespace-pre-wrap{white-space:pre-wrap}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.04\)\]{--tw-shadow:0 8px 30px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.outline-none{--tw-outline-style:none;outline-style:none}@media(hover:hover){.group-hover\:visible:is(:where(.group):hover *){visibility:visible}.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.08\)\]:hover{--tw-shadow:0 8px 30px var(--tw-shadow-color,#00000014);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}body{background-color:#f8fafc;font-family:Inter,sans-serif}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.metrics-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.refresh-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.tab{padding:12px 24px;background:transparent;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-weight:600;color:#6b7280;transition:all .2s}.tab:hover{background:#f3f4f6;color:#374151}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metrics-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.metric-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014;display:flex;gap:16px;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.metric-card.leads{border-left:4px solid #10b981}.metric-card.actions{border-left:4px solid #f59e0b}.metric-card.parsing{border-left:4px solid #667eea}.metric-icon{font-size:48px;display:flex;align-items:center}.metric-content h4{margin:0 0 12px;color:#374151;font-size:18px}.metric-values{display:flex;flex-direction:column;gap:8px}.metric-row{display:flex;justify-content:space-between;gap:16px}.metric-row span{color:#6b7280}.metric-row strong{color:#1f2937;font-size:18px}.metric-row.total{border-top:1px solid #e5e7eb;padding-top:8px;margin-top:4px}.parsing-section{background:#fff;border-radius:16px;padding:24px;margin-bottom:20px;box-shadow:0 4px 12px #00000014}.parsing-section h4{margin:0 0 16px;color:#374151}.platform-stats{display:flex;flex-direction:column;gap:12px}.platform-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:8px}.platform-name{font-weight:600;color:#374151}.platform-count{font-size:20px;font-weight:700;color:#667eea}.no-data{color:#9ca3af;text-align:center;padding:20px;font-style:italic}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.limit-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.limit-card.warning{background:#fef3c7}.limit-card.danger{background:#fee2e2}.limit-header{margin-bottom:12px}.limit-action{font-weight:600;font-size:14px;color:#374151}.limit-progress{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.limit-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s}.limit-card.warning .limit-bar{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.limit-card.danger .limit-bar{background:linear-gradient(90deg,#ef4444,#f87171)}.limit-info{display:flex;justify-content:space-between;font-size:13px;color:#6b7280}.limit-remaining{color:#9ca3af}.icp-editor-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header h1{margin:0;font-size:28px;color:var(--text-primary, #1a1a2e)}.regenerate-btn{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s}.regenerate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.regenerate-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px}.success-message{background:#d1fae5;color:#059669;padding:12px 16px;border-radius:8px;margin-bottom:16px}.loading{text-align:center;padding:60px;font-size:18px;color:#6b7280}.icp-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}@media(max-width:768px){.icp-layout{grid-template-columns:1fr}}.service-list{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000014;height:-moz-fit-content;height:fit-content}.service-list h3{margin:0 0 16px;font-size:16px;color:#374151}.service-btn{width:100%;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;text-align:left;cursor:pointer;font-weight:500;color:#374151;transition:all .2s;margin-bottom:8px}.service-btn:hover{background:#f3f4f6;border-color:#d1d5db}.service-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.icp-form{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000014}.icp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #e5e7eb}.icp-header h3{margin:0;font-size:20px;color:#1f2937}.save-btn{padding:10px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s,box-shadow .2s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.save-btn:disabled{opacity:.6;cursor:not-allowed}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4{margin:0 0 16px;font-size:16px;color:#4b5563}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:14px;color:#374151}.form-group input,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.form-group small{display:block;margin-top:4px;color:#9ca3af;font-size:12px}.subscription-page{padding:2rem;max-width:1200px;margin:0 auto}.subscription-page h1{font-size:2rem;margin-bottom:2rem;color:#1a1a2e}.subscription-page h2{font-size:1.4rem;margin-bottom:1rem;color:#16213e}.section-desc{color:#666;margin-bottom:1.5rem}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:#888}.current-subscription{margin-bottom:3rem}.subscription-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 40px #667eea4d}.subscription-card .tier-name{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.subscription-card .tier-price{font-size:1.2rem;opacity:.9;margin-bottom:1rem}.subscription-card .days-remaining{background:#fff3;padding:.5rem 1rem;border-radius:8px;display:inline-block;margin-bottom:1rem}.subscription-card .tier-features{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}.subscription-card .tier-features span{background:#ffffff26;padding:.4rem .8rem;border-radius:6px;font-size:.9rem}.subscription-status{margin-bottom:1rem}.status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.status-badge.trial{background:#ffc10733;color:#ffc107}.status-badge.active{background:#28a74533;color:#28a745}.status-badge.expiring{background:#ff980033;color:#ff9800}.status-badge.expired{background:#dc354533;color:#dc3545}.subscription-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.subscription-actions .btn{width:100%}.subscription-actions .btn-primary{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.subscription-actions .btn-primary:hover{background:#ffffff4d}.subscription-actions .btn-outline{border-color:#ffffff4d;color:#fff;background:transparent}.subscription-actions .btn-outline:hover{background:#ffffff1a}.bot-section{background:#f8f9fa;padding:2rem;border-radius:12px;margin-bottom:3rem}.bot-connected{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:1rem 1.5rem;border-radius:8px;border:2px solid #28a745}.bot-info{display:flex;align-items:center;gap:.75rem}.bot-info .status{font-size:1.5rem}.bot-info .bot-username{font-size:1.2rem;font-weight:600;color:#1a1a2e}.setup-steps{margin-bottom:1.5rem;padding-left:1.5rem}.setup-steps li{margin-bottom:.5rem;color:#444}.setup-steps code{background:#e9ecef;padding:.2rem .5rem;border-radius:4px;font-family:monospace}.setup-steps a{color:#667eea;font-weight:600}.token-input{display:flex;gap:1rem}.token-input input{flex:1;padding:.75rem 1rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:monospace}.token-input input:focus{border-color:#667eea;outline:none}.message{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-weight:500}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}.tiers-section{margin-top:2rem}.tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tier-card{background:#fff;border:2px solid #e9ecef;border-radius:16px;padding:2rem;position:relative;transition:all .3s ease}.tier-card:hover{border-color:#667eea;box-shadow:0 8px 30px #667eea26;transform:translateY(-4px)}.tier-card.current{border-color:#28a745;background:linear-gradient(180deg,#f0fff4,#fff)}.tier-card.enterprise{border-color:gold;background:linear-gradient(180deg,#fffbeb,#fff)}.current-badge{position:absolute;top:-10px;right:20px;background:#28a745;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600}.tier-card h3{font-size:1.5rem;color:#1a1a2e;margin-bottom:1rem}.tier-card .price{margin-bottom:.5rem}.tier-card .price .amount{font-size:2.5rem;font-weight:700;color:#667eea}.tier-card .price .period{font-size:1rem;color:#888}.tier-card .setup-fee{color:#888;font-size:.9rem;margin-bottom:1.5rem}.tier-card .tier-features{list-style:none;padding:0;margin:1.5rem 0}.tier-card .tier-features li{padding:.5rem 0;border-bottom:1px solid #f0f0f0;color:#444}.tier-card .tier-features li:last-child{border-bottom:none}.tier-card .platforms{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.platform-badge{background:#e9ecef;color:#495057;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.tier-card .extra-features{list-style:none;padding:0;margin:1rem 0;background:#f8f9fa;padding:1rem;border-radius:8px}.tier-card .extra-features li{padding:.3rem 0;font-size:.9rem;color:#28a745}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#5a6fd6}.btn-primary:disabled{background:#aaa;cursor:not-allowed}.btn-outline{background:transparent;border:2px solid #667eea;color:#667eea;width:100%;margin-top:1rem}.btn-outline:hover{background:#667eea;color:#fff}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}@media(max-width:768px){.subscription-page{padding:1rem}.tier-card .price .amount{font-size:2rem}.token-input{flex-direction:column}.bot-connected{flex-direction:column;gap:1rem;text-align:center}}.onboarding-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;padding:2rem}.onboarding-container{width:100%;max-width:700px;background:#1e293bcc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(99,102,241,.2);padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.onboarding-header{text-align:center;margin-bottom:2rem}.onboarding-header h1{font-size:2rem;color:#fff;margin-bottom:.5rem}.onboarding-header p{color:#94a3b8;font-size:1.1rem}.step-indicator{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;padding:1rem 0}.step{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:18px;left:calc(50% + 25px);width:60px;height:2px;background:#334155}.step.completed:not(:last-child):after{background:#6366f1}.step-number{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;background:#334155;color:#94a3b8;transition:all .3s ease}.step.active .step-number{background:#6366f1;color:#fff;box-shadow:0 0 20px #6366f180}.step.completed .step-number{background:#22c55e;color:#fff}.step-label{font-size:.8rem;color:#64748b;font-weight:500}.step.active .step-label{color:#6366f1}.step.completed .step-label{color:#22c55e}.onboarding-content{min-height:400px;margin-bottom:2rem}.step-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:2rem}.step-icon{color:#6366f1;margin-bottom:1rem}.step-header h2{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.step-header p{color:#94a3b8}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#e2e8f0;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.875rem 1rem;background:#0f172a80;border:1px solid #334155;border-radius:12px;color:#fff;font-size:1rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:#64748b}.form-input::placeholder,.form-textarea::placeholder{color:#64748b}.form-select{cursor:pointer}.form-select option{background:#1e293b;color:#fff}.form-textarea{resize:vertical;min-height:100px}.services-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.service-card{background:#0f172a80;border:1px solid #334155;border-radius:12px;padding:1rem}.service-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;color:#94a3b8;font-size:.85rem}.btn-remove{background:none;border:none;color:#ef4444;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background .2s}.btn-remove:hover{background:#ef44441a}.service-fields{display:flex;flex-direction:column;gap:.75rem}.btn-add-service{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:#6366f11a;border:2px dashed #6366f1;border-radius:12px;color:#6366f1;font-weight:600;cursor:pointer;transition:all .2s}.btn-add-service:hover{background:#6366f133}.hint-box{padding:1rem;background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:8px;color:#fbbf24;font-size:.9rem;margin-top:1rem}.instruction-box{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.instruction-box h4{color:#a5b4fc;margin-bottom:.75rem}.instruction-box ol{color:#94a3b8;padding-left:1.25rem;margin:0}.instruction-box li{margin-bottom:.5rem}.instruction-box a{color:#6366f1;text-decoration:none}.instruction-box a:hover{text-decoration:underline}.instruction-box code{background:#0000004d;padding:.2rem .4rem;border-radius:4px;font-family:monospace;color:#22c55e}.input-with-button{display:flex;gap:.75rem}.input-with-button .form-input{flex:1}.btn-validate{padding:0 1.5rem;background:#6366f1;border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-validate:hover:not(:disabled){background:#4f46e5}.btn-validate:disabled{opacity:.5;cursor:not-allowed}.validation-result{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;margin-top:1rem;font-size:.9rem}.validation-result.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.validation-result.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.skip-option{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #334155}.checkbox-label{display:flex;align-items:center;gap:.75rem;color:#94a3b8;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#6366f1}.step-content.completion{text-align:center}.completion-animation{margin-bottom:1.5rem}.sparkle-icon{color:#fbbf24;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.summary-card{background:#0f172a80;border:1px solid #334155;border-radius:12px;padding:1.5rem;margin:1.5rem 0;text-align:left}.summary-card h4{color:#e2e8f0;margin-bottom:1rem}.summary-card ul{list-style:none;padding:0;margin:0}.summary-card li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#94a3b8;border-bottom:1px solid #1e293b}.summary-card li:last-child{border-bottom:none}.summary-card li svg{color:#22c55e}.next-steps{margin-top:2rem}.next-steps h4{color:#e2e8f0;margin-bottom:1rem}.next-step-cards{display:flex;gap:1rem;justify-content:center}.next-step-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;color:#a5b4fc;font-size:.85rem}.onboarding-actions{display:flex;justify-content:space-between;gap:1rem;padding-top:1.5rem;border-top:1px solid #334155}.btn-back,.btn-next,.btn-finish{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-back{background:transparent;border:1px solid #334155;color:#94a3b8}.btn-back:hover{background:#ffffff0d;color:#fff}.btn-next{background:#6366f1;border:none;color:#fff;margin-left:auto}.btn-next:hover:not(:disabled){background:#4f46e5}.btn-next:disabled{opacity:.5;cursor:not-allowed}.btn-finish{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;color:#fff;margin-left:auto}.btn-finish:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #22c55e66}@media(max-width:640px){.onboarding-container{padding:1.5rem}.step-label{display:none}.step:not(:last-child):after{width:30px;left:calc(50% + 20px)}.next-step-cards,.input-with-button{flex-direction:column}}.integrations-page{padding:2rem;max-width:1200px;margin:0 auto}.integrations-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;color:#94a3b8}.upgrade-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s}.upgrade-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f59e0b66}.tier-limit-indicator{background:#1e293b99;border:1px solid #334155;border-radius:16px;padding:1.25rem 1.5rem;margin-bottom:2rem}.tier-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tier-name{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.95rem}.tier-name svg{color:#f59e0b}.tier-usage{color:#94a3b8;font-size:.9rem}.tier-progress{height:8px;background:#1e293b;border-radius:4px;overflow:hidden}.tier-progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.tier-warning{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:#f59e0b1a;border-radius:8px;color:#fbbf24;font-size:.85rem}.tier-warning a{color:#6366f1;text-decoration:none}.tier-warning a:hover{text-decoration:underline}.channels-section{margin-bottom:2.5rem}.channels-section h2{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;color:#fff;margin-bottom:.5rem}.channels-section h2 svg{color:#6366f1}.channels-section.premium h2 svg{color:#f59e0b}.premium-badge{font-size:.7rem;padding:.25rem .5rem;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:6px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.channels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.channel-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#1e293b99;border:1px solid #334155;border-radius:16px;transition:all .2s}.channel-card:hover:not(.locked){border-color:#6366f1;box-shadow:0 4px 20px #6366f11a}.channel-card.connected{border-color:#22c55e;background:#22c55e0d}.channel-card.locked{opacity:.6}.channel-icon-wrapper{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border-radius:14px;color:#6366f1;flex-shrink:0}.channel-card.connected .channel-icon-wrapper{background:#22c55e1a;color:#22c55e}.badge{position:absolute;top:-6px;right:-6px;font-size:.6rem;padding:.2rem .4rem;border-radius:4px;font-weight:600;text-transform:uppercase}.badge.base{background:#6366f1;color:#fff}.badge.premium{display:flex;align-items:center;gap:.2rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.channel-info{flex:1;min-width:0}.channel-info h3{font-size:1rem;color:#fff;margin-bottom:.25rem}.channel-info p{font-size:.8rem;color:#94a3b8;margin:0}.channel-username{display:flex;align-items:center;gap:.4rem;margin-top:.5rem;font-size:.8rem;color:#22c55e}.channel-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.btn-connect{padding:.6rem 1.25rem;background:#6366f1;border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-connect:hover:not(:disabled){background:#4f46e5}.btn-connect:disabled{opacity:.5;cursor:not-allowed}.btn-disconnect{padding:.6rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-disconnect:hover:not(:disabled){background:#ef444433}.btn-configure{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:10px;color:#6366f1;cursor:pointer;transition:all .2s}.btn-configure:hover{background:#6366f133}.locked-message{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#64748b1a;border-radius:8px;color:#64748b;font-size:.8rem}.help-section{background:#1e293b66;border:1px solid #334155;border-radius:16px;padding:1.5rem;margin-top:2rem}.help-section h3{color:#fff;font-size:1.1rem;margin-bottom:1rem}.help-links{display:flex;flex-wrap:wrap;gap:1rem}.help-links a{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#a5b4fc;text-decoration:none;font-size:.85rem;transition:all .2s}.help-links a:hover{background:#6366f133;color:#fff}@media(max-width:768px){.integrations-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.tier-info{flex-direction:column;align-items:flex-start;gap:.5rem}.channels-grid{grid-template-columns:1fr}.channel-card{flex-direction:column;text-align:center}.channel-actions{width:100%;justify-content:center}.help-links{flex-direction:column}}.apikeys-page{padding:2rem;max-width:900px;margin:0 auto}.apikeys-page.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;gap:1rem;color:#94a3b8}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{font-size:1.75rem;color:#fff;margin-bottom:.5rem}.page-header p{color:#94a3b8}.save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.save-button:hover:not(:disabled){background:#4f46e5}.save-button:disabled{opacity:.7;cursor:not-allowed}.save-button.saved{background:#22c55e}.error-banner{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;margin-bottom:1.5rem}.settings-section{background:#1e293b99;border:1px solid #334155;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem}.settings-section h2{font-size:1.2rem;color:#fff;margin-bottom:.5rem}.section-description{color:#94a3b8;font-size:.9rem;margin-bottom:1.25rem}.select-field{display:flex;flex-direction:column;gap:.5rem}.select-field label{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.9rem;font-weight:500}.select-field label svg{color:#6366f1}.select-field select{width:100%;padding:.75rem 1rem;background:#0f172a80;border:1px solid #334155;border-radius:10px;color:#fff;font-size:.9rem;cursor:pointer}.select-field select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.select-field select option{background:#1e293b;color:#fff}.api-type-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;font-size:.85rem;align-self:flex-end}.api-type-indicator.green{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.api-type-indicator.orange{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.api-type-indicator.blue{background:#6366f11a;border:1px solid rgba(99,102,241,.3);color:#6366f1}.api-type-indicator .features{margin-left:.5rem;padding-left:.5rem;border-left:1px solid currentColor;opacity:.8}.unofficial-fields{background:#f59e0b0d;padding:1rem;border-radius:12px;border:1px dashed rgba(245,158,11,.3)}.ai-section{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:#6366f14d}.image-section{background:linear-gradient(135deg,#ec48991a,#a855f71a);border-color:#ec48994d}.image-section h2{background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-box.small{padding:.75rem 1rem;margin-top:.75rem}.info-box.small p{color:#94a3b8;font-size:.85rem;margin:0}.fields-grid.single{grid-template-columns:1fr}.fields-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1rem}.fields-grid.three-cols{grid-template-columns:repeat(3,1fr)}.fields-grid.working-hours{grid-template-columns:repeat(2,1fr);max-width:400px}.secret-field{display:flex;flex-direction:column;gap:.5rem}.secret-field label{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.9rem;font-weight:500}.secret-field label svg{color:#6366f1}.secret-field .input-wrapper{position:relative;display:flex}.secret-field input{width:100%;padding:.75rem 3rem .75rem 1rem;background:#0f172a80;border:1px solid #334155;border-radius:10px;color:#fff;font-size:.9rem;font-family:monospace}.secret-field input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.secret-field input::-moz-placeholder{color:#64748b}.secret-field input::placeholder{color:#64748b}.toggle-visibility{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem}.toggle-visibility:hover{color:#94a3b8}.help-text{font-size:.75rem;color:#64748b}.limit-field{display:flex;flex-direction:column;gap:.5rem}.limit-field label{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.9rem;font-weight:500}.limit-field label svg{color:#22c55e}.limit-field input{width:100%;padding:.75rem 1rem;background:#0f172a80;border:1px solid #334155;border-radius:10px;color:#fff;font-size:1rem}.limit-field input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.time-field{display:flex;flex-direction:column;gap:.5rem}.time-field label{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;font-size:.9rem;font-weight:500}.time-field label svg{color:#f59e0b}.time-field input{padding:.75rem 1rem;background:#0f172a80;border:1px solid #334155;border-radius:10px;color:#fff;font-size:1rem}.time-field input:focus{outline:none;border-color:#f59e0b}.info-box{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:1.25rem}.info-box h4{color:#a5b4fc;margin-bottom:.75rem}.info-box ul{list-style:none;padding:0;margin:0}.info-box li{color:#94a3b8;font-size:.9rem;padding:.25rem 0 .25rem 1.5rem;position:relative}.info-box li:before{content:"•";position:absolute;left:.5rem;color:#6366f1}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.apikeys-page{padding:1rem}.page-header{flex-direction:column;gap:1rem}.fields-grid,.fields-grid.three-cols{grid-template-columns:1fr}}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a);color:#fff;font-family:Inter,sans-serif}.hero{text-align:center;padding:80px 20px 40px}.hero h1{font-size:2.5rem;font-weight:700;margin-bottom:16px;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.1rem;color:#94a3b8;max-width:600px;margin:0 auto}.plans{display:flex;justify-content:center;gap:24px;padding:40px 20px;flex-wrap:wrap}.plan-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;width:280px;text-align:center;transition:transform .3s,box-shadow .3s}.plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #6366f133}.plan-card h2{font-size:1.5rem;font-weight:600;margin-bottom:8px}.plan-card .price{font-size:1.8rem;font-weight:700;color:#a5b4fc;margin-bottom:20px}.plan-card ul{list-style:none;padding:0;margin:0 0 24px}.plan-card ul li{padding:8px 0;color:#cbd5e1;border-bottom:1px solid rgba(255,255,255,.05)}.plan-card ul li:last-child{border-bottom:none}.choose-btn{width:100%;padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.choose-btn:hover{opacity:.9;transform:scale(1.02)}.profile-page{padding:2rem;max-width:1200px;margin:0 auto}.profile-header{margin-bottom:2rem}.profile-header h1{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;color:#1e293b}.profile-header .header-icon{color:#6366f1}.header-subtitle{color:#64748b;margin-top:.5rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem}.profile-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.card-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.card-header h2{font-size:1rem;font-weight:600;color:#334155;margin:0}.card-header svg{color:#6366f1}.card-content{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#475569;margin-bottom:.5rem}.form-group label svg{color:#94a3b8}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;transition:all .2s;background:#fff}.form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group input::-moz-placeholder{color:#94a3b8}.form-group input::placeholder{color:#94a3b8}.input-disabled{background:#f8fafc!important;color:#64748b!important;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.save-button{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f159}.save-button:disabled{opacity:.6;cursor:not-allowed}.save-button.success{background:linear-gradient(135deg,#10b981,#059669)}.save-button.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.save-button.secondary{background:linear-gradient(135deg,#64748b,#475569)}.error-message,.success-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;margin-bottom:1rem}.error-message{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.notifications-card{grid-column:span 2}@media(max-width:900px){.notifications-card{grid-column:span 1}}.notification-section{margin-bottom:1.5rem}.notification-section h3{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.notification-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:.5rem;margin-bottom:.5rem}.notification-info{display:flex;flex-direction:column}.notification-label{font-size:.875rem;font-weight:500;color:#334155}.notification-desc{font-size:.75rem;color:#94a3b8;margin-top:.125rem}.toggle{width:44px;height:24px;border-radius:12px;background:#cbd5e1;border:none;cursor:pointer;position:relative;transition:all .3s}.toggle.active{background:linear-gradient(135deg,#6366f1,#4f46e5)}.toggle-circle{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s;box-shadow:0 1px 3px #0003}.toggle.active .toggle-circle{left:22px}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#64748b}.loading-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}