@media (width<=1100px){.app-shell,.page-grid--customers{grid-template-columns:1fr}}@media (width<=720px){.app-content{padding:18px}.form-grid-2{grid-template-columns:1fr}.toolbar-row,.toolbar-row--split,.page-header{flex-direction:column;align-items:stretch}}@media (width<=1100px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr}}@media (width<=1100px){.settings-grid,.users-grid,.backups-grid,.settings-inline-grid,.permission-grid{grid-template-columns:1fr}}.page-grid--statement,.page-grid--admin{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1200px){.metrics-grid,.metrics-grid--compact,.dashboard-grid,.page-grid--statement,.page-grid--admin,.toolbar-grid--filters,.toolbar-grid--statement{grid-template-columns:1fr}}@media (width<=900px){.review-split{grid-template-columns:1fr}}@media (width<=800px){.pagination-controls{align-items:stretch}.pagination-controls__summary,.pagination-controls__nav{justify-content:space-between;width:100%}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ui-bg:#f4f7fb;--ui-surface:#fff;--ui-border:#d9e2f0;--ui-border-strong:#c6d3e6;--ui-text:#172033;--ui-text-muted:#667085;--ui-primary:#2f6fed;--ui-primary-hover:#1f5bdd;--ui-danger:#d64545;--ui-success:#1e9c5c;--ui-info:#3867d6;--ui-radius-lg:20px;--ui-radius-md:14px;--ui-shadow:0 10px 30px #1c375a14;--ui-soft-surface:#fafcff;--ui-soft-surface-2:#f3f6fb;--ui-soft-surface-3:#edf2fb;--ui-danger-soft:#fff3f3;--ui-danger-soft-2:#fff7f7;--ui-danger-border:#f0c9c9;--ui-danger-border-2:#f2d2d2;--ui-info-soft:#eef4ff;--ui-success-soft:#eaf8f0}:root[data-theme=dark]{--ui-bg:#0f1728;--ui-surface:#172033;--ui-border:#24324a;--ui-border-strong:#334768;--ui-text:#eef4ff;--ui-text-muted:#9fb0c9;--ui-primary:#6ea8ff;--ui-primary-hover:#8ab8ff;--ui-danger:#ff8f8f;--ui-success:#53d392;--ui-info:#8db5ff;--ui-shadow:0 14px 36px #00000061;--ui-soft-surface:#1b263a;--ui-soft-surface-2:#223049;--ui-soft-surface-3:#283753;--ui-danger-soft:#d6454529;--ui-danger-soft-2:#d645451f;--ui-danger-border:#ff8f8f42;--ui-danger-border-2:#ff8f8f38;--ui-info-soft:#6ea8ff29;--ui-success-soft:#53d39229}*{box-sizing:border-box}body{background:var(--ui-bg);color:var(--ui-text);margin:0;font-family:Inter,system-ui,sans-serif}html,body,#root{min-height:100%}body,button,input,select,textarea{color:var(--ui-text)}input,select,textarea{background:var(--ui-surface)}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app-sidebar{background:color-mix(in srgb, var(--ui-surface) 84%, var(--ui-bg));border-right:1px solid var(--ui-border);padding:24px 18px}.app-sidebar__brand{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:18px;align-items:center;gap:12px;margin-bottom:24px;padding:16px;display:flex}.app-sidebar__logo{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:12px;place-items:center;width:52px;height:52px;display:grid;overflow:hidden}.app-sidebar__logo-image{object-fit:contain;width:100%;height:100%;display:block}.app-sidebar__nav{gap:10px;display:grid}.app-sidebar__item{border:1px solid var(--ui-border);background:var(--ui-surface);width:100%;min-height:52px;font:inherit;cursor:pointer;border-radius:16px;align-items:center;gap:12px;padding:0 14px;font-weight:700;display:flex}.app-sidebar__item.is-active{border-color:var(--ui-primary);background:color-mix(in srgb, var(--ui-primary) 12%, var(--ui-surface))}.app-sidebar__icon{white-space:nowrap;background:color-mix(in srgb, var(--ui-primary) 14%, var(--ui-surface));min-width:28px;height:28px;color:var(--ui-info);border-radius:10px;place-items:center;padding:0 8px;font-size:12px;display:inline-grid}.app-content{padding:28px}.page-grid{gap:20px;display:grid}.page-grid--customers{grid-template-columns:380px 1fr;align-items:start}.ui-button{appearance:none;border:1px solid var(--ui-border-strong);background:var(--ui-surface);color:var(--ui-text);font:inherit;cursor:pointer;border-radius:14px;font-weight:700;transition:all .18s}.ui-button:disabled{opacity:.55;cursor:not-allowed}.ui-button--md{min-height:44px;padding:0 18px}.ui-button--sm{min-height:36px;padding:0 14px}.ui-button--lg{min-height:48px;padding:0 22px}.ui-button--primary{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}.ui-button--primary:hover:not(:disabled){background:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.ui-button--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--ui-primary) 10%, var(--ui-surface))}.ui-button--danger{background:var(--ui-danger-soft);border-color:var(--ui-danger-border);color:var(--ui-danger)}.ui-field{gap:8px;display:grid}.ui-field__label{color:var(--ui-text-muted);font-size:12px;font-weight:700}.ui-input{border:1px solid var(--ui-border);width:100%;min-height:44px;font:inherit;background:var(--ui-surface);color:var(--ui-text);border-radius:14px;padding:0 14px}.ui-input::placeholder,.ui-textarea::placeholder,.manual-review-input::placeholder{color:var(--ui-text-muted);opacity:.85}.ui-input:focus,.ui-textarea:focus,.manual-review-input:focus,.ui-button:focus-visible{border-color:var(--ui-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-primary) 18%, transparent);outline:none}.ui-card{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow)}.ui-card__header{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 0;display:flex}.ui-card__title{color:var(--ui-text);margin:0;font-size:22px}.ui-card__subtitle{color:var(--ui-text-muted);margin:6px 0 0}.ui-card__body{padding:20px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-header__title{color:var(--ui-text);margin:0;font-size:32px}.page-header__subtitle{color:var(--ui-text-muted);max-width:800px;margin:8px 0 0}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-actions{gap:12px;display:flex}.form-actions--inline{grid-column:1/-1;justify-content:flex-start}.toolbar-row{align-items:center;gap:14px;margin-bottom:16px;display:flex}.toolbar-row--split{justify-content:space-between}.table-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.muted-text{color:var(--ui-text-muted)}.ui-table-wrap{overflow:auto}.ui-table{border-collapse:collapse;width:100%}.ui-table th,.ui-table td{border-bottom:1px solid var(--ui-border);text-align:left;vertical-align:middle;padding:14px 12px}.ui-table__empty{text-align:center;color:var(--ui-text-muted)}.ui-table th:first-child,.ui-table td:first-child{width:52px}.ui-badge{border:1px solid var(--ui-border);background:var(--ui-soft-surface-2);min-height:30px;color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.ui-badge--success{background:var(--ui-success-soft);color:var(--ui-success);border-color:color-mix(in srgb, var(--ui-success) 26%, var(--ui-border))}.ui-badge--danger{background:var(--ui-danger-soft);color:var(--ui-danger);border-color:var(--ui-danger-border-2)}.ui-badge--info{background:var(--ui-info-soft);color:var(--ui-info);border-color:color-mix(in srgb, var(--ui-info) 24%, var(--ui-border))}.ui-modal-backdrop{background:#121a2e59;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ui-modal{background:var(--ui-surface);width:100%;max-width:460px;box-shadow:var(--ui-shadow);border-radius:20px;padding:24px}.ui-modal__title{margin:0 0 8px}.ui-modal__description{color:var(--ui-text-muted);margin:0 0 20px}.ui-modal__actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=1100px){.app-shell,.page-grid--customers{grid-template-columns:1fr}}@media (width<=720px){.app-content{padding:18px}.form-grid-2{grid-template-columns:1fr}.toolbar-row,.toolbar-row--split,.page-header{flex-direction:column;align-items:stretch}}.app-sidebar__profile{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:18px;margin-bottom:18px;padding:14px 16px}.app-sidebar__footer{gap:10px;margin-top:18px;display:grid}.app-sidebar__theme,.app-sidebar__logout{width:100%}.auth-layout{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-form{gap:14px;display:grid}.auth-hint{margin:0}.auth-loading{background:var(--ui-surface);border:1px solid var(--ui-border);min-width:280px;min-height:120px;box-shadow:var(--ui-shadow);border-radius:20px;place-items:center;font-weight:700;display:grid}.ui-alert{border:1px solid var(--ui-border);background:color-mix(in srgb, var(--ui-info) 12%, var(--ui-surface));color:var(--ui-info);border-radius:14px;margin-bottom:16px;padding:12px 14px}.ui-alert--danger{background:var(--ui-danger-soft);border-color:var(--ui-danger-border);color:var(--ui-danger)}.ui-field--full{grid-column:1/-1}.ui-textarea{resize:vertical;min-height:120px;padding:14px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric-card{background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);border-radius:20px;padding:18px}.metric-card__label{color:var(--ui-text-muted);font-size:13px;font-weight:700}.metric-card__value{margin:8px 0 12px;font-size:32px;font-weight:800}.metric-card__helper{display:flex}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-stack{gap:12px;display:grid}.stats-row{border:1px solid var(--ui-border);background:var(--ui-soft-surface);border-radius:14px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.selection-panel{border:1px solid var(--ui-border);background:color-mix(in srgb, var(--ui-bg) 60%, var(--ui-surface));border-radius:16px}.selection-panel__toolbar{border-bottom:1px solid var(--ui-border);align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.selection-panel__list{gap:10px;max-height:240px;padding:12px 14px;display:grid;overflow:auto}.selection-item{align-items:flex-start;gap:10px;display:flex}.checkbox-inline{align-items:center;gap:10px;font-weight:700;display:flex}.job-status{gap:14px;display:grid}.job-status__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.job-progress{background:var(--ui-soft-surface-3);border:1px solid var(--ui-border);border-radius:999px;height:14px;overflow:hidden}.job-progress__bar{background:linear-gradient(90deg, var(--ui-primary), #6e9cff);height:100%;transition:width .22s}@media (width<=1100px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr}}.settings-grid,.users-grid,.backups-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.settings-inline-grid{grid-template-columns:1.2fr repeat(2,minmax(0,1fr));align-items:end;gap:14px;display:grid}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.permission-card{border:1px solid var(--ui-border);background:color-mix(in srgb, var(--ui-bg) 60%, var(--ui-surface));border-radius:16px;gap:10px;padding:14px;display:grid}.permission-card__actions{flex-wrap:wrap;gap:10px 14px;display:flex}.backup-actions{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}@media (width<=1100px){.settings-grid,.users-grid,.backups-grid,.settings-inline-grid,.permission-grid{grid-template-columns:1fr}}.metrics-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar-grid{gap:12px;margin-bottom:16px;display:grid}.toolbar-grid--filters{grid-template-columns:minmax(0,2fr) repeat(2,minmax(180px,1fr))}.toolbar-grid--statement{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);align-items:center}.header-actions{flex-wrap:wrap;gap:10px;display:flex}.statement-chip{border:1px solid var(--ui-border);background:var(--ui-soft-surface);min-height:46px;color:var(--ui-text-muted);border-radius:14px;align-items:center;padding:0 14px;display:flex}.page-grid--statement,.page-grid--admin{grid-template-columns:repeat(2,minmax(0,1fr))}.actions-stack{gap:12px;display:grid}.import-box{gap:12px;margin-bottom:14px;display:grid}.checkbox-inline{color:var(--ui-text-muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.import-preview-meta{color:var(--ui-text-muted);justify-content:space-between;gap:12px;margin:12px 0;display:flex}.import-result{margin-top:14px}.import-errors{color:var(--ui-danger);background:#dc26260f;border:1px solid #dc262629;border-radius:14px;gap:8px;padding:12px 14px;display:grid}@media (width<=1200px){.metrics-grid,.metrics-grid--compact,.dashboard-grid,.page-grid--statement,.page-grid--admin,.toolbar-grid--filters,.toolbar-grid--statement{grid-template-columns:1fr}}.toast-stack{z-index:60;gap:12px;width:min(360px,100vw - 24px);display:grid;position:fixed;top:20px;right:20px}.toast{border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:100% 0;will-change:transform, opacity;background:#fffffff5;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;animation:.18s ease-out toast-enter;display:flex;box-shadow:0 16px 40px #0f172a24}.toast__body{color:var(--ui-text);gap:4px;display:grid}.toast__body strong{font-size:14px}.toast__body div{color:var(--ui-text-muted);font-size:13px}.toast__close{color:inherit;cursor:pointer;background:0 0;border:0;padding:2px;font-size:20px;line-height:1}.toast--success{background:#f0fdf4f5;border-color:#16a34a38}.toast--danger{background:#fef2f2f5;border-color:#dc26262e}.toast--info{background:#eff6fff5;border-color:#2563eb2e}.table-inline-actions--wrap{flex-wrap:wrap}.ui-input--compact{min-height:38px;padding:0 12px;font-size:14px}.ui-input--datetime{text-align:start;width:100%;min-height:44px;padding:10px 14px;line-height:1.35}.ui-input--datetime::-webkit-date-and-time-value{text-align:start;min-height:1.35em}.ui-input--datetime::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}.ui-input[type=date],.ui-input[type=datetime-local]{appearance:auto}.export-job-card{gap:12px;display:grid}.export-job-card__error{background:var(--ui-danger-soft);color:var(--ui-danger);border-radius:12px;padding:10px 12px;font-size:13px}.review-stack{gap:18px;display:grid}.review-summary-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.review-metric{border:1px solid var(--ui-border);background:var(--ui-soft-surface);border-radius:16px;gap:6px;padding:14px 16px;display:grid}.review-metric span{color:var(--ui-text-muted);font-size:13px}.review-metric strong{color:var(--ui-text);font-size:24px}.review-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.section-title{color:var(--ui-text);margin:0 0 10px;font-size:16px}.issue-list{gap:8px;display:grid}.issue-list>div{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:12px;padding:10px 12px}.issue-list--danger>div{background:var(--ui-danger-soft-2);border-color:#f2d2d2}.import-review-stack{margin-top:16px}@media (width<=900px){.review-split{grid-template-columns:1fr}}.manual-review-card{border:1px solid var(--border-color,#d9e0ea);background:var(--ui-surface);border-radius:16px;margin-top:1rem;padding:1rem}.manual-review-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.manual-review-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.manual-review-table-wrap{border:1px solid var(--border-color,#d9e0ea);border-radius:14px;overflow:auto}.manual-review-table{border-collapse:collapse;width:100%;min-width:920px}.manual-review-table th,.manual-review-table td{border-bottom:1px solid var(--border-color,#e4e9f0);text-align:left;vertical-align:top;padding:.6rem}.manual-review-table__row--issue{background:#ffe5e559}.manual-review-cell{align-items:center;gap:.35rem;display:flex}.manual-review-input{border:1px solid var(--border-color,#cfd7e3);width:100%;min-width:120px;font:inherit;border-radius:10px;padding:.45rem .55rem}.manual-review-clear,.manual-review-remove{color:var(--ui-danger);cursor:pointer;background:0 0;border:none;font-weight:700}.manual-review-clear{font-size:1rem;line-height:1}.smart-tools-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:.9rem;display:flex}.smart-tools-message{color:var(--ui-text-muted);margin-top:.55rem;font-size:13px}.suggestion-grid{gap:12px;margin:14px 0;display:grid}.suggestion-card{border:1px solid var(--border-color,#dbe4f0);background:var(--ui-info-soft);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px;display:flex}.suggestion-card__title{margin-bottom:4px;font-weight:700}.pagination-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.pagination-controls__summary,.pagination-controls__nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagination-controls__summary{color:var(--ui-text-muted);font-size:.92rem}.pagination-controls__page{text-align:center;min-width:110px;color:var(--ui-text-muted);font-weight:600}.pagination-controls__size{min-width:120px}.toolbar-row--filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;display:grid}@media (width<=800px){.pagination-controls{align-items:stretch}.pagination-controls__summary,.pagination-controls__nav{justify-content:space-between;width:100%}}.toast--sticky{box-shadow:0 16px 40px #0f172a2e}:root[data-theme=dark] .toast{background:#172033f5}:root[data-theme=dark] .toast--success{background:color-mix(in srgb, var(--ui-success) 14%, var(--ui-surface))}:root[data-theme=dark] .toast--danger{background:color-mix(in srgb, var(--ui-danger) 12%, var(--ui-surface))}:root[data-theme=dark] .toast--info{background:color-mix(in srgb, var(--ui-info) 14%, var(--ui-surface))}:root[data-theme=dark] .ui-modal-backdrop{background:#050a149e}:root[data-theme=dark] .app-sidebar{background:color-mix(in srgb, var(--ui-surface) 88%, var(--ui-bg))}:root[data-theme=dark] .app-sidebar__item,:root[data-theme=dark] .app-sidebar__brand,:root[data-theme=dark] .app-sidebar__profile{box-shadow:none}
