*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=light]{--bg-primary: #f7f8fa;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #f0f2f5;--bg-input: #ffffff;--border: #e5e7eb;--border-light: #f0f2f5;--text-primary: #1a1d24;--text-secondary: #5a6070;--text-muted: #9aa0ac;--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: rgba(79, 70, 229, .08);--green: #10b981;--green-bg: rgba(16, 185, 129, .1);--red: #ef4444;--red-bg: rgba(239, 68, 68, .1);--yellow: #f59e0b;--yellow-bg: rgba(245, 158, 11, .1);--orange: #f97316;--blue: #3b82f6;--wb-color: #cb11ab;--ozon-color: #005bff;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color-scheme:light}:root[data-theme=dark]{--bg-primary: #0f1115;--bg-secondary: #161922;--bg-card: #1a1d28;--bg-hover: #1f2330;--bg-input: #1a1d28;--border: #2a2e3d;--border-light: #333849;--text-primary: #e8eaed;--text-secondary: #a0a4b0;--text-muted: #6b7080;--accent: #6366f1;--accent-hover: #818cf8;--accent-light: rgba(99, 102, 241, .15);--green: #34d399;--green-bg: rgba(52, 211, 153, .12);--red: #f87171;--red-bg: rgba(248, 113, 113, .12);--yellow: #fbbf24;--yellow-bg: rgba(251, 191, 36, .12);--orange: #fb923c;--blue: #60a5fa;--shadow: 0 2px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .4);color-scheme:dark}html{font-size:14px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--accent);text-decoration:none}h1,h2,h3,h4{font-weight:600;line-height:1.3}.text-muted{color:var(--text-muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-right{text-align:right}.text-center{text-align:center}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.app-header__brand{display:flex;align-items:center;gap:10px;margin-right:8px}.app-header__logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent);border-radius:8px;font-weight:700;font-size:13px;color:#fff}.app-header__title{font-weight:600;font-size:15px;white-space:nowrap}.app-nav{display:flex;gap:4px;flex:1;overflow-x:auto}.app-nav__link{padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap;transition:all .15s}.app-nav__link:hover{color:var(--text-primary);background:var(--bg-hover)}.app-nav__link--active{color:var(--accent);background:var(--accent-light)}.app-header__user{font-size:13px;color:var(--text-secondary);white-space:nowrap}.app-main{flex:1;padding:24px;max-width:1280px;width:100%;margin:0 auto}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page__title{font-size:22px}.page__info{color:var(--text-muted);font-size:13px;margin-bottom:12px}.page__section{margin-bottom:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .15s}.card:hover{border-color:var(--border-light)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.card__title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.card__icon{font-size:18px}.card__value{font-size:24px;font-weight:700;margin-bottom:4px}.card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.card__subtitle{font-size:12px;color:var(--text-muted)}.card__trend{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px}.card__trend--up{color:var(--green);background:var(--green-bg)}.card__trend--down{color:var(--red);background:var(--red-bg)}.card--revenue{border-left:3px solid var(--accent)}.card--costs{border-left:3px solid var(--orange)}.card--profit-positive{border-left:3px solid var(--green)}.card--profit-positive .card__value{color:var(--green)}.card--profit-negative{border-left:3px solid var(--red)}.card--profit-negative .card__value{color:var(--red)}.card--margin{border-left:3px solid var(--blue)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:900px){.charts-grid{grid-template-columns:1fr}}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.chart-title{font-size:15px;font-weight:600;margin-bottom:16px}.chart-empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.recharts-default-tooltip{background:var(--bg-card)!important;border-color:var(--border)!important}.table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead{background:var(--bg-secondary)}.data-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table th.sortable{cursor:pointer}.data-table th.sortable:hover{color:var(--text-primary)}.sort-indicator{font-size:10px;margin-left:2px}.data-table td{padding:12px 16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr.clickable{cursor:pointer}.empty-row{text-align:center;color:var(--text-muted);padding:40px 16px!important}.product-cell{display:flex;align-items:center;gap:10px}.product-cell__img{width:36px;height:36px;border-radius:6px;object-fit:cover;background:var(--bg-hover)}.product-cell__name{font-weight:500}.product-cell__sku{font-size:11px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--outline{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn--outline:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-light);background:var(--bg-hover)}.btn--danger{background:var(--red-bg);color:var(--red);border-color:transparent}.btn--danger:hover:not(:disabled){background:#ff6b6b33}.btn--sm{padding:6px 12px;font-size:12px}.btn--full{width:100%}.input{display:block;width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:13px;transition:border-color .15s}.input:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.input--select{width:auto;min-width:140px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7080' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select.input option{background:var(--bg-secondary);color:var(--text-primary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.form-actions{display:flex;gap:12px;margin-top:8px}.form-error{background:var(--red-bg);color:var(--red);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge--wb{background:#cb11ab26;color:var(--wb-color)}.badge--ozon{background:#005bff26;color:var(--ozon-color)}.badge--plan-free{background:var(--bg-hover);color:var(--text-secondary)}.badge--plan-pro{background:var(--accent-light);color:var(--accent)}.badge--plan-business{background:var(--yellow-bg);color:var(--yellow)}.date-range-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.date-range-picker__presets{display:flex;gap:4px}.date-range-picker__inputs{display:flex;align-items:center;gap:8px}.date-range-picker__inputs .input{width:140px}.date-range-picker__separator{color:var(--text-muted)}.sync-status{font-size:12px;font-weight:500;padding:3px 8px;border-radius:4px}.sync-status--idle{background:var(--bg-hover);color:var(--text-muted)}.sync-status--syncing{background:var(--accent-light);color:var(--accent)}.sync-status--success{background:var(--green-bg);color:var(--green)}.sync-status--error{background:var(--red-bg);color:var(--red)}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.account-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.account-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.account-card__name{font-size:16px;margin-bottom:8px}.account-card__meta{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.account-card__error{color:var(--red);font-size:12px;margin-top:8px}.account-card__actions{display:flex;gap:8px}.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border);padding-bottom:0}.tab{padding:10px 18px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.tab:hover{color:var(--text-primary)}.tab--active{color:var(--accent);border-bottom-color:var(--accent)}.alert-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.rules-list{display:flex;flex-direction:column;gap:8px}.rule-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px}.rule-card--inactive{opacity:.5}.rule-card__name{font-size:14px;font-weight:500;margin-bottom:2px}.rule-card__condition{font-size:12px;color:var(--text-muted)}.rule-card__actions{display:flex;align-items:center;gap:12px}.toggle{position:relative;display:inline-block;width:40px;height:22px}.toggle input{opacity:0;width:0;height:0}.toggle__slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-hover);border-radius:11px;transition:.2s}.toggle__slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:var(--text-muted);border-radius:50%;transition:.2s}.toggle input:checked+.toggle__slider{background:var(--accent)}.toggle input:checked+.toggle__slider:before{transform:translate(18px);background:#fff}.alert-history{display:flex;flex-direction:column;gap:8px}.alert-event{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;cursor:pointer;transition:border-color .15s}.alert-event:hover{border-color:var(--border-light)}.alert-event--unread{border-left:3px solid var(--accent)}.alert-event__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.alert-event__rule{font-weight:600;font-size:13px}.alert-event__time{font-size:12px;color:var(--text-muted)}.alert-event__message{font-size:13px;color:var(--text-secondary)}.connect-marketplace{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.steps-progress{display:flex;gap:8px;margin-bottom:28px}.steps-progress__step{display:flex;align-items:center;gap:8px;flex:1;padding-bottom:12px;border-bottom:2px solid var(--border);color:var(--text-muted)}.steps-progress__step--active{border-bottom-color:var(--accent);color:var(--text-primary)}.steps-progress__number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--bg-hover);font-size:12px;font-weight:600}.steps-progress__step--active .steps-progress__number{background:var(--accent);color:#fff}.steps-progress__label{font-size:12px;font-weight:500}.marketplace-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:400px;margin:20px auto}.marketplace-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .15s;font-family:inherit;color:var(--text-primary)}.marketplace-card:hover{border-color:var(--accent);background:var(--bg-hover)}.marketplace-card__logo{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff}.marketplace-card__logo--wb{background:var(--wb-color)}.marketplace-card__logo--ozon{background:var(--ozon-color)}.marketplace-card__name{font-weight:600;font-size:14px}.connect-marketplace__form{max-width:480px;margin:0 auto}.connect-marketplace__done{text-align:center;padding:20px}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--green-bg);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state h3{color:var(--text-primary);margin-bottom:8px}.empty-state p{margin-bottom:20px}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-muted)}.error-message{background:var(--red-bg);color:var(--red);padding:14px 18px;border-radius:var(--radius);margin-bottom:16px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding:12px 0}.pagination__info{font-size:13px;color:var(--text-muted)}.filters-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.search-form{display:flex;gap:8px;flex:1;min-width:200px}.search-form .input{flex:1}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0;flex-shrink:0}.admin-sidebar__header{padding:0 20px 20px;border-bottom:1px solid var(--border)}.admin-sidebar__header h2{font-size:16px}.admin-sidebar__nav{flex:1;padding:12px 8px;display:flex;flex-direction:column;gap:2px}.admin-sidebar__link{display:block;padding:10px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;transition:all .15s}.admin-sidebar__link:hover{color:var(--text-primary);background:var(--bg-hover)}.admin-sidebar__link--active{color:var(--accent);background:var(--accent-light)}.admin-sidebar__footer{padding:16px 20px 0;border-top:1px solid var(--border)}.admin-content{flex:1;padding:24px;overflow-x:hidden}.admin-page{max-width:1100px}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.admin-login__form{width:100%;max-width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.admin-login__title{font-size:20px;margin-bottom:4px}.admin-login__form .text-muted{margin-bottom:24px;display:block}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:24px}.stats-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stats-section__title{font-size:14px;font-weight:600;margin-bottom:16px}.stats-bars{display:flex;flex-direction:column;gap:12px}.stats-bar{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;gap:12px}.stats-bar__label{font-size:13px;color:var(--text-secondary)}.stats-bar__track{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden}.stats-bar__fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s;min-width:2px}.stats-bar__fill--wb{background:var(--wb-color)}.stats-bar__fill--ozon{background:var(--ozon-color)}.stats-bar__fill--success{background:var(--green)}.stats-bar__fill--error{background:var(--red)}.stats-bar__fill--syncing{background:var(--accent)}.stats-bar__fill--idle{background:var(--text-muted)}.stats-bar__value{font-size:13px;font-weight:600;text-align:right}@media(max-width:768px){.hamburger{display:flex}.app-header{flex-wrap:wrap;padding:10px 16px}.app-nav{display:none;width:100%;flex-direction:column;gap:2px;order:10;padding-top:8px;border-top:1px solid var(--border);margin-top:8px}.app-nav--open{display:flex}.app-nav__link{padding:10px 12px}.app-main{padding:16px}.page__header{flex-direction:column}.date-range-picker{flex-direction:column;align-items:stretch}.date-range-picker__inputs .input{width:100%}.summary-cards{grid-template-columns:1fr 1fr}.table-wrapper{-webkit-overflow-scrolling:touch}.data-table{min-width:600px}.accounts-grid{grid-template-columns:1fr}.admin-sidebar{width:60px;overflow:hidden}.admin-sidebar__header h2,.admin-sidebar__link,.admin-sidebar__footer{display:none}.form-row{grid-template-columns:1fr}.settings-channel__form{flex-direction:column}.auth-form{padding:24px}}@media(max-width:480px){.summary-cards,.marketplace-options,.charts-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.auth-form{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px}.auth-form__header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:28px}.auth-form__title{font-size:20px;text-align:center}.auth-form__footer{text-align:center;margin-top:20px;font-size:13px;color:var(--text-secondary)}.auth-form__footer a{color:var(--accent);font-weight:500}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px}.settings-section__title{font-size:16px;font-weight:600;margin-bottom:16px}.settings-form{max-width:480px}.settings-message{background:var(--green-bg);color:var(--green);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.settings-channel{padding:16px 0;border-bottom:1px solid var(--border)}.settings-channel:last-child{border-bottom:none;padding-bottom:0}.settings-channel__title{font-size:14px;font-weight:600;margin-bottom:8px}.settings-channel__hint{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.settings-channel__form{display:flex;gap:8px;align-items:center;max-width:400px}.settings-channel__form .input{flex:1}.settings-channel__status{font-size:13px;color:var(--text-secondary)}.settings-channel__status--connected{color:var(--green)}.settings-plan{display:flex;align-items:center;gap:12px}.settings-plan__label{font-size:14px;color:var(--text-secondary)}.hamburger{display:none;flex-direction:column;gap:4px;padding:8px;background:none;border:none;cursor:pointer}.hamburger__line{display:block;width:20px;height:2px;background:var(--text-secondary);border-radius:1px;transition:all .2s}.app-header__actions{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:10px}.text-green{color:#22c55e}.text-red{color:#ef4444}.text-yellow{color:#f59e0b}.text-muted{color:var(--text-muted, #888)}.table-wrapper{overflow-x:auto;border-radius:8px;background:var(--bg-card)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary, #aaa);border-bottom:1px solid var(--border-color, #333);white-space:nowrap}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #222)}.data-table tbody tr:hover{background:var(--bg-hover, #252830)}.data-table code{font-size:.75rem;color:var(--text-muted, #888)}.account-card{background:var(--bg-card);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.account-card__header{display:flex;justify-content:space-between;align-items:center}.account-card__name{font-size:1.1rem;font-weight:600}.account-card__meta{font-size:.85rem;display:flex;flex-direction:column;gap:.25rem}.account-card__error{color:#ef4444;font-size:.8rem}.account-card__actions{display:flex;gap:.5rem;margin-top:.5rem}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.sync-status{font-size:.8rem;font-weight:500}.sync-status--ok{color:#22c55e}.sync-status--syncing{color:#f59e0b}.sync-status--error{color:#ef4444}.sync-status--pending{color:#888}.badge{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.badge--wildberries{background:#6b21a8;color:#fff}.badge--ozon{background:#05f;color:#fff}.badge--wb{background:#6b21a8;color:#fff}.landing{max-width:1200px;margin:0 auto;padding:20px;color:var(--text-primary)}.landing__header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:60px}.landing__brand-name{font-size:22px;font-weight:700;color:var(--text-primary)}.landing__nav{display:flex;align-items:center;gap:24px}.landing__nav a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .15s}.landing__nav a:hover{color:var(--text-primary)}.landing__hero{text-align:center;padding:60px 20px 80px}.landing__title{font-size:48px;font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:20px}.landing__subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto 32px;line-height:1.6}.landing__cta-note{color:var(--text-secondary);font-size:13px}.landing__section-title{font-size:36px;text-align:center;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.landing__section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:40px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:border-color .15s}.feature-card:hover{border-color:var(--accent)}.feature-card__icon{font-size:40px;margin-bottom:16px}.feature-card__title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.feature-card__desc{color:var(--text-secondary);line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.pricing-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;position:relative}.pricing-card--highlighted{border-color:var(--accent);background:var(--bg-hover);transform:scale(1.05)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:6px 16px;border-radius:20px;text-transform:uppercase}.pricing-card__name{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.pricing-card__desc{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.pricing-card__price{display:flex;align-items:baseline;gap:6px;margin-bottom:24px}.pricing-card__amount{font-size:36px;font-weight:800;color:var(--text-primary)}.pricing-card__currency{color:var(--text-secondary);font-size:16px}.pricing-card__features li{padding:8px 0;color:var(--text-primary);font-size:14px;border-bottom:1px solid var(--border-light)}.landing__footer-links{display:flex;gap:20px}.landing__footer-links a{color:var(--text-secondary);text-decoration:none}.landing__footer-links a:hover{color:var(--text-primary)}.btn--lg{padding:14px 32px;font-size:16px;font-weight:600}@media(max-width:768px){.landing__title{font-size:32px}.features-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card--highlighted{transform:none}.landing__nav{gap:12px}.landing__nav a:not([class*=btn]){display:none}}.theme-toggle{background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;width:36px;height:36px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.theme-toggle:hover{background:var(--accent-light);border-color:var(--accent)}.app-nav__separator{width:1px;height:20px;background:var(--border);margin:0 6px}.app-nav__link--admin{color:var(--accent)!important;font-weight:600}.shell{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:260px;flex-shrink:0;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50}.sidebar__brand{padding:20px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-light)}.sidebar__logo{width:40px;height:40px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.sidebar__brand-name{font-size:16px;font-weight:700;color:var(--text-primary);line-height:1.2}.sidebar__brand-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.sidebar__nav{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar__section-title{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.7px;padding:14px 12px 6px}.sidebar__section-title:first-child{padding-top:4px}.sidebar__link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .12s ease}.sidebar__link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar__link--active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar__icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar__footer{padding:14px 14px 18px;border-top:1px solid var(--border-light)}.sidebar__user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;margin-bottom:10px}.sidebar__avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.sidebar__user-info{min-width:0;flex:1}.sidebar__user-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-plan{font-size:11px;color:var(--text-muted);text-transform:capitalize}.sidebar__logout{width:100%;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s}.sidebar__logout:hover{border-color:var(--red);color:var(--red)}.sidebar__backdrop{display:none}.shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:60px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:40}.topbar__menu-btn{display:none;background:transparent;border:none;font-size:22px;cursor:pointer;color:var(--text-primary);padding:4px 10px}.topbar__spacer{flex:1}.topbar__actions{display:flex;align-items:center;gap:12px}.shell__content{flex:1;padding:28px 32px;overflow-x:auto}@media(max-width:900px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .25s ease;box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}.sidebar__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.topbar__menu-btn{display:block}.shell__content{padding:20px 16px}}.app .app-header{display:none}.landing{max-width:1200px;margin:0 auto;padding:0 20px;color:var(--text-primary)}.landing__header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;gap:16px}.landing__brand{display:flex;align-items:center;gap:10px}.landing__logo{font-size:28px}.landing__brand-name{font-size:20px;font-weight:700;color:var(--text-primary)}.landing__nav{display:flex;align-items:center;gap:16px}.landing__nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:color .15s;font-weight:500}.landing__nav-link:hover{color:var(--text-primary)}.landing__hero{text-align:center;padding:40px 0 60px}.landing__hero-badge{display:inline-block;padding:8px 16px;background:var(--accent-light);color:var(--accent);border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px}.landing__title{font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.1;color:var(--text-primary);margin:0 0 20px;letter-spacing:-.02em}.landing__title-accent{background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__subtitle{font-size:clamp(15px,2vw,19px);color:var(--text-secondary);max-width:700px;margin:0 auto 32px;line-height:1.6}.landing__hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:700px;margin:40px auto;padding:28px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px}.hero-stat__value{font-size:clamp(22px,3vw,36px);font-weight:800;color:var(--accent)}.hero-stat__label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.landing__cta{display:flex;flex-direction:column;align-items:center;gap:12px}.landing__cta-note{color:var(--text-muted);font-size:13px;margin:0}.landing__section-label{text-align:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:8px}.landing__section-title{font-size:clamp(24px,4vw,40px);text-align:center;font-weight:700;margin:0 0 12px;color:var(--text-primary);letter-spacing:-.01em}.landing__section-subtitle{text-align:center;color:var(--text-secondary);margin:0 auto 40px;max-width:600px}.landing__features{padding:60px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.feature-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all .2s}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.feature-card__icon{font-size:32px;margin-bottom:12px}.feature-card__title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.feature-card__desc{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.landing__use-cases{padding:60px 0}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.use-case{padding:28px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;text-align:center}.use-case__icon{font-size:40px;margin-bottom:12px}.use-case h3{font-size:18px;margin:0 0 8px}.use-case p{color:var(--text-secondary);font-size:14px;margin:0}.landing__comparison{padding:60px 0}.comparison-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border);-webkit-overflow-scrolling:touch}.comparison-table{width:100%;border-collapse:collapse;background:var(--bg-secondary)}.comparison-table th,.comparison-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--border-light);font-size:14px}.comparison-table th{background:var(--bg-hover);font-weight:700;color:var(--text-primary)}.comparison-table td:first-child,.comparison-table th:first-child{text-align:left;font-weight:500}.comparison-table .highlight{background:var(--accent-light);color:var(--accent);font-weight:700}.landing__pricing{padding:60px 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:0 auto}.pricing-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:32px 28px;position:relative;transition:all .2s}.pricing-card:hover{border-color:var(--accent);transform:translateY(-2px)}.pricing-card--highlighted{border-color:var(--accent);background:var(--accent-light);box-shadow:0 8px 32px #4f46e526}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:6px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.pricing-card__name{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.pricing-card__desc{color:var(--text-muted);font-size:13px;margin:0 0 20px}.pricing-card__price{display:flex;align-items:baseline;gap:6px;margin-bottom:20px}.pricing-card__amount{font-size:40px;font-weight:800;color:var(--text-primary)}.pricing-card__currency{color:var(--text-muted);font-size:15px}.pricing-card__features{list-style:none;padding:0;margin:0 0 24px}.pricing-card__features li{padding:8px 0;color:var(--text-secondary);font-size:14px;border-bottom:1px solid var(--border-light)}.pricing-card__features li:last-child{border-bottom:none}.landing__cta-bottom{text-align:center;padding:60px 20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;margin:60px 0}.landing__cta-bottom h2{font-size:clamp(22px,4vw,36px);margin:0 0 12px;color:var(--text-primary)}.landing__cta-bottom p{color:var(--text-secondary);margin:0 0 24px;font-size:16px}.landing__footer{padding:40px 0;border-top:1px solid var(--border)}.landing__footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:32px;align-items:start}@media(max-width:900px){.landing__footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media(max-width:500px){.landing__footer-grid{grid-template-columns:1fr;gap:24px}}.landing__footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin:0 0 12px;font-weight:700}.landing__footer-col a{display:block;color:var(--text-secondary);text-decoration:none;font-size:14px;padding:4px 0;transition:color .15s}.landing__footer-col a:hover{color:var(--accent)}.landing__footer-brand{font-size:18px;font-weight:700;color:var(--text-primary)}.landing__footer-tagline{color:var(--text-muted);font-size:13px;margin:8px 0 0}.landing__footer-ip{color:var(--text-muted);font-size:12px;margin-top:8px;line-height:1.5}.landing__footer-bottom{text-align:center;color:var(--text-muted);font-size:13px;padding-top:24px;margin-top:8px;border-top:1px solid var(--border-light);clear:both}@media(max-width:768px){.landing{padding:0 16px}.landing__nav{gap:8px}.landing__nav-link{display:none}.landing__brand-name{font-size:16px}.landing__hero{padding:20px 0 40px}.landing__hero-stats{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 12px}.features-grid{grid-template-columns:1fr;gap:12px}.feature-card{padding:20px}.pricing-grid{grid-template-columns:1fr}.pricing-card--highlighted{transform:none}.landing__features,.landing__use-cases,.landing__comparison,.landing__pricing{padding:40px 0}.landing__cta-bottom{padding:40px 16px;margin:40px 0}.comparison-table th,.comparison-table td{padding:10px 12px;font-size:13px}}@media(max-width:480px){.landing__hero-stats{grid-template-columns:repeat(2,1fr)}.landing__title{font-size:26px}.hero-stat__value{font-size:22px}}@media(max-width:900px){.topbar__menu-btn{display:block!important}.sidebar{transform:translate(-100%);transition:transform .25s ease;width:260px;z-index:100}.sidebar--open{transform:translate(0)}.shell__content{padding:16px}.page__header{flex-wrap:wrap;gap:12px}.page__title{font-size:22px}.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr!important}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{font-size:13px}.admin-table th,.admin-table td{padding:8px 10px}}@media(max-width:600px){.summary-cards{grid-template-columns:1fr}.btn{font-size:14px}}.landing__nav-cta-short{display:none}.landing__nav-cta-full{display:inline}.topbar__user-mobile{display:flex;align-items:center;gap:10px;margin-left:12px}.topbar__avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.topbar__user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.btn__label-desktop{display:inline;margin-left:4px}@media(max-width:900px){.topbar__user-mobile,.btn__label-desktop{display:none}}@media(max-width:768px){.landing__header{padding:14px 0;gap:8px}.landing__brand-name{display:none}.landing__nav{gap:6px}.landing__nav-login,.landing__nav-cta-full{display:none}.landing__nav-cta-short{display:inline}.landing__nav .btn--sm{padding:6px 10px;font-size:13px}.theme-toggle{width:32px;height:32px;font-size:14px}}@media(max-width:380px){.landing__logo{font-size:22px}.landing__nav .btn--sm{padding:6px 8px;font-size:12px}}.upgrade-required{background:var(--bg-secondary);border:2px dashed var(--accent);border-radius:16px;padding:60px 32px;text-align:center;max-width:600px;margin:40px auto}.upgrade-required__icon{font-size:56px;margin-bottom:16px;opacity:.8}.upgrade-required__title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.upgrade-required__message{color:var(--text-secondary);font-size:15px;margin:0 0 24px;line-height:1.5}@media(max-width:600px){.upgrade-required{padding:40px 20px;margin:20px 0}.upgrade-required__title{font-size:20px}}.topbar__logout-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s;flex-shrink:0}.topbar__logout-btn:hover{border-color:var(--red);color:var(--red)}.topbar__logout-btn svg{flex-shrink:0}@media(max-width:900px){.topbar__logout-btn{padding:8px;width:36px;height:36px;justify-content:center}.topbar__logout-label{display:none}}