:root{--primary:#0f172a;--primary-hover:#334155;--primary-foreground:#ffffff;--bg-main:#ffffff;--bg-dots:#e2e8f0;--bg-surface:#ffffff;--border-light:#e2e8f0;--border-hover:#94a3b8;--border-focus:#0f172a;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--badge-trial-bg:#f0f9ff;--badge-trial-text:#0369a1;--badge-success-bg:#f0fdf4;--badge-success-text:#15803d;--badge-warning-bg:#fefce8;--badge-warning-text:#854d0e;--badge-error-bg:#fef2f2;--badge-error-text:#991b1b;--badge-neutral-bg:#f1f5f9;--badge-neutral-text:#475569;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-hover:0 10px 15px -3px rgba(0,0,0,0.1);--radius:12px;--z-modal:50;--z-modal-backdrop:40}@media (prefers-color-scheme:dark){:root{--primary:#ffffff;--primary-hover:#e2e8f0;--primary-foreground:#0f172a;--bg-main:#0b1120;--bg-dots:#1e293b;--bg-surface:#151e32;--border-light:#1e293b;--border-hover:#475569;--border-focus:#ffffff;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--badge-trial-bg:rgba(56,189,248,0.1);--badge-trial-text:#38bdf8;--badge-success-bg:rgba(74,222,128,0.1);--badge-success-text:#4ade80;--badge-warning-bg:rgba(250,204,21,0.1);--badge-warning-text:#facc15;--badge-error-bg:rgba(248,113,113,0.1);--badge-error-text:#f87171;--badge-neutral-bg:rgba(148,163,184,0.1);--badge-neutral-text:#94a3b8;--shadow-sm:0 1px 0 0 rgba(255,255,255,0.05)}}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text-primary);background-color:var(--bg-main);background-image:radial-gradient(var(--bg-dots) 1px,transparent 1px);background-size:24px 24px;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.dashboard-main,.landing-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;width:100%}.app-card,.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;transition:all .2s ease}.app-card:hover,.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.landing-hero{text-align:center;margin-bottom:4rem;padding:1rem}.landing-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem;background:linear-gradient(180deg,var(--text-primary) 0,var(--text-secondary) 150%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-hero p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.5rem}.app-card{display:flex;flex-direction:column;padding:24px}.app-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;min-height:28px}.app-card__badges{display:flex;flex-wrap:wrap;gap:.5rem}.app-card__body{flex-grow:1;margin-bottom:2rem}.app-card__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .75rem;letter-spacing:-.01em;line-height:1.2}.app-title--hero{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin:0 0 1rem;background:linear-gradient(180deg,var(--text-primary) 0,var(--text-secondary) 150%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-description--hero{font-size:1.125rem}.app-card__description,.app-description--hero{color:var(--text-secondary);line-height:1.6;margin:0}.app-card__description{font-size:1rem}.app-card__description p{margin:0 0 .75rem}.app-card__description p:last-child{margin-bottom:0}.app-card__description ol,.app-card__description ul{margin:.5rem 0 .75rem 1.25rem;padding:0}.app-card__description li{margin:.25rem 0}.app-card__description a{text-decoration:underline;text-underline-offset:2px}.app-card__footer{margin-top:auto}.app-card__pricing-wrapper{margin-bottom:1.5rem}.app-card__actions{margin-left:auto}.btn-modern{display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s ease;text-decoration:none;cursor:pointer;border:none}.btn-modern--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:0 2px 4px rgba(0,0,0,.05)}.btn-modern--primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.btn-modern--disabled{background:var(--bg-dots);color:var(--text-tertiary);cursor:not-allowed;border:1px solid var(--border-light)}.status-badge{font-size:.75rem;font-weight:700;padding:.25rem .75rem;border-radius:999px;letter-spacing:.025em;text-transform:uppercase}.status-badge--trial{background:var(--badge-trial-bg);color:var(--badge-trial-text);border:1px solid rgba(56,189,248,.2)}.status-badge--subscription_active{background:var(--badge-success-bg);color:var(--badge-success-text);border:1px solid rgba(34,197,94,.2)}.status-badge--reconnect_needed{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.save-badge{display:inline-flex;align-items:center;gap:6px;background:var(--badge-success-bg);color:var(--badge-success-text);font-size:.8rem;font-weight:700;padding:6px 10px;border-radius:6px;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.02em;border:1px solid rgba(21,128,61,.15)}.clean-pricing-display{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important;margin-bottom:0!important}.clean-pricing-display .pricing-card__price-item{border:none!important;border-top:1px solid var(--border-light)!important;border-radius:0!important;padding:1rem 0!important;margin:0!important;display:flex;justify-content:space-between;background:transparent!important}.clean-pricing-display .pricing-card__price-label{color:var(--text-secondary)!important;font-size:.95rem}.clean-pricing-display .pricing-card__price-value{color:var(--text-primary)!important;font-weight:700}.landing-footer{margin-top:4rem;text-align:center;color:var(--text-tertiary);font-size:.875rem;border-top:1px solid var(--border-light);padding-top:2rem}.landing-empty{display:flex;justify-content:center;padding:4rem 1rem}.landing-empty__card{text-align:center;max-width:500px;color:var(--text-secondary)}.feedback-fab-root{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.feedback-fab{width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.18),0 1px 4px rgba(0,0,0,.1);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background .2s ease;outline:none}.feedback-fab:hover{transform:scale(1.07);box-shadow:0 8px 24px rgba(0,0,0,.22)}.feedback-fab:focus-visible{box-shadow:0 0 0 3px var(--bg-main),0 0 0 5px var(--primary)}.feedback-fab--open{transform:rotate(10deg) scale(1.05)}.feedback-fab--open:hover{transform:rotate(10deg) scale(1.1)}.feedback-panel{width:360px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 20px 48px rgba(0,0,0,.14),0 4px 12px rgba(0,0,0,.08);overflow:hidden;animation:fbSlideUp .22s cubic-bezier(.2,.8,.2,1)}@keyframes fbSlideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.feedback-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.feedback-panel__title{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.feedback-panel__close{background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color .15s ease,background .15s ease}.feedback-panel__close:hover{color:var(--text-primary);background:var(--border-light)}.feedback-panel__body{padding:20px}.feedback-panel__lead{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.55}.feedback-form{display:flex;flex-direction:column;gap:1rem}.feedback-form__field{display:flex;flex-direction:column;gap:.375rem}.feedback-form__label{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.feedback-form__required{color:var(--badge-error-text)}.feedback-form__optional{color:var(--text-tertiary);font-weight:400}.feedback-form__input,.feedback-form__textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-main);color:var(--text-primary);font-size:.9rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.feedback-form__textarea{resize:vertical;min-height:96px}.feedback-form__input:focus,.feedback-form__textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(15,23,42,.06)}.feedback-form__char-count{font-size:.7rem;color:var(--text-tertiary);text-align:right;margin-top:2px}.feedback-form__error{font-size:.8125rem;color:var(--badge-error-text);margin:0;padding:.5rem .75rem;background:var(--badge-error-bg);border-radius:6px}.feedback-success{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:.5rem 0 .25rem}.feedback-success svg{color:var(--badge-success-text);margin-bottom:.25rem}.feedback-success h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.feedback-success p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.feedback-reset{background:none;border:none;color:var(--text-tertiary);font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;margin-top:.25rem;font-family:inherit}.feedback-reset:hover{color:var(--text-primary)}@media (max-width:420px){.feedback-panel{width:calc(100vw - 32px)}.feedback-fab-root{bottom:20px;right:16px}}.support-fab-root{position:fixed;bottom:28px;right:28px;z-index:200;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.support-fab{width:56px;height:56px;border-radius:50%;background:var(--primary);color:var(--primary-foreground);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.18),0 1px 4px rgba(0,0,0,.1);transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background .2s ease;outline:none}.support-fab:hover{transform:scale(1.07);box-shadow:0 8px 24px rgba(0,0,0,.22)}.support-fab:focus-visible{box-shadow:0 0 0 3px var(--bg-main),0 0 0 5px var(--primary)}.support-fab--open{transform:rotate(-10deg) scale(1.05)}.support-fab--open:hover{transform:rotate(-10deg) scale(1.1)}.support-panel{width:360px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 20px 48px rgba(0,0,0,.14),0 4px 12px rgba(0,0,0,.08);overflow:hidden;animation:spSlideUp .22s cubic-bezier(.2,.8,.2,1)}@keyframes spSlideUp{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.support-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.support-panel__title{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.support-panel__close{background:none;border:none;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:color .15s ease,background .15s ease}.support-panel__close:hover{color:var(--text-primary);background:var(--border-light)}.support-panel__body{padding:20px}.support-panel__lead{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.55}.support-form{display:flex;flex-direction:column;gap:1rem}.support-form__field{display:flex;flex-direction:column;gap:.375rem}.support-form__label{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.support-form__required{color:var(--badge-error-text)}.support-form__input,.support-form__textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-main);color:var(--text-primary);font-size:.9rem;line-height:1.5;transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}.support-form__textarea{resize:vertical;min-height:112px}.support-form__input:focus,.support-form__textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(15,23,42,.06)}.support-form__char-count{font-size:.7rem;color:var(--text-tertiary);text-align:right;margin-top:2px}.support-form__error{font-size:.8125rem;color:var(--badge-error-text);margin:0;padding:.5rem .75rem;background:var(--badge-error-bg);border-radius:6px}.support-success{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:.5rem 0 .25rem}.support-success svg{color:var(--badge-success-text);margin-bottom:.25rem}.support-success h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.support-success p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.support-reset{background:none;border:none;color:var(--text-tertiary);font-size:.8rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;margin-top:.25rem;font-family:inherit}.support-reset:hover{color:var(--text-primary)}@media (max-width:420px){.support-panel{width:calc(100vw - 32px)}.support-fab-root{bottom:20px;right:16px}}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border-radius:8px;font-family:inherit;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.button--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-sm)}.button--primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.button--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.button--cancel,.button--neutral{background:transparent;border:1px solid var(--border-light);color:var(--text-secondary)}.button--cancel:hover,.button--neutral:hover{background:var(--bg-dots);color:var(--text-primary);border-color:var(--border-hover)}.app-form{gap:1.5rem}.app-form,.app-form__group{display:flex;flex-direction:column}.app-form__group{gap:.5rem}.app-form__label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.app-form__input,.app-form__select{padding:.75rem;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;background:var(--bg-surface);color:var(--text-primary);transition:border-color .2s;width:100%}.app-form__input:disabled,.app-form__select:disabled{opacity:.7;cursor:not-allowed;background:var(--bg-dots);color:var(--text-secondary)}.app-form__input:focus,.app-form__select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,0,0,.1)}.app-form__actions{display:flex;gap:1rem;margin-top:1rem}.table-container{overflow-x:auto;border-radius:var(--radius)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;color:var(--text-secondary);font-weight:600;background:var(--bg-dots);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.table td,.table th{padding:1rem;border-bottom:1px solid var(--border-light)}.table td{color:var(--text-primary);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--bg-dots)}.table-cell--mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;color:var(--text-secondary)}.status-tag{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-tag--active{background:var(--badge-success-bg);color:var(--badge-success-text)}.status-tag--suspended{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease-out}.modal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;outline:none;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-content{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1.5rem;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.status-badge--active{background:var(--badge-success-bg);color:var(--badge-success-text);border:1px solid rgba(34,197,94,.2)}.status-badge--paused{background:var(--badge-warning-bg);color:var(--badge-warning-text);border:1px solid rgba(234,179,8,.2)}.status-badge--canceled{background:var(--badge-error-bg);color:var(--badge-error-text);border:1px solid rgba(239,68,68,.2)}.status-badge--pending{background:var(--badge-trial-bg);color:var(--badge-trial-text);border:1px solid rgba(56,189,248,.2)}.status-badge--deactivated{background:var(--badge-neutral-bg);color:var(--badge-neutral-text);border:1px solid rgba(148,163,184,.2)}