:root{--primary-color: #0d6efd;--secondary-color: #4f46e5;--button-color: #0d6efd;--button-text-color: #ffffff;--heading-color: #0f172a;--text-color: #1c2434;--background-color: #f4f6fb;--sidebar-color: #ffffff;--font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--base-font-size: 14px;--heading-font-size: 24px;--border-radius: 12px;--color-surface: #ffffff;--color-surface-2: #fafbff;--color-border: #e4e8ef;--color-border-strong: #cfd5df;--color-text-muted: #5b6478;--color-text-subtle: #8a93a6;--color-divider: #eef0f5;--color-info: #0ea5e9;--color-info-bg: #e0f2fe;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-purple: #7c3aed;--color-purple-bg: #ede9fe;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 6px rgba(15, 23, 42, .06);--shadow-md: 0 4px 14px rgba(15, 23, 42, .07);--shadow-lg: 0 12px 30px rgba(15, 23, 42, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--sidebar-width: 256px;--topbar-height: 64px;--content-max-width: 1440px;--hero-title-size: 17px;--hero-pill-size: 12.5px;--hero-pill-height: 34px;--hero-pad-y: var(--space-3);--hero-pad-x: var(--space-5);--transition-fast: .12s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family);font-size:var(--base-font-size);color:var(--text-color);background:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--heading-color);margin:0;font-weight:650;letter-spacing:-.01em}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}::selection{background:color-mix(in srgb,var(--primary-color) 25%,transparent)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;background:var(--background-color)}.app-shell__main{display:flex;flex-direction:column;min-width:0}.app-shell__content{flex:1;padding:var(--space-7);max-width:var(--content-max-width);width:100%;margin:0 auto}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.app-shell__content{padding:var(--space-5)}}.sidebar{background:var(--sidebar-color);border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.sidebar__brand-mark{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 70%,var(--secondary-color)));color:var(--button-text-color);display:grid;place-items:center;font-weight:700;font-size:15px;letter-spacing:.5px;flex-shrink:0}.sidebar__brand-logo{width:40px;height:40px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.sidebar__brand-text{display:flex;flex-direction:column;min-width:0}.sidebar__brand-title{font-weight:650;color:var(--heading-color);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__brand-sub{color:var(--color-text-subtle);font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin-top:2px}.sidebar__section-label{color:var(--color-text-subtle);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:0 var(--space-3);margin-top:var(--space-3);margin-bottom:var(--space-1)}.sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;font-size:14px;transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none;cursor:pointer;border:none;background:transparent}.sidebar__nav-item:hover{background:color-mix(in srgb,var(--primary-color) 6%,transparent);color:var(--heading-color);text-decoration:none}.sidebar__nav-item.is-active{background:color-mix(in srgb,var(--primary-color) 12%,transparent);color:var(--primary-color);font-weight:600}.sidebar__nav-item-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;flex-shrink:0}.sidebar__nav-item.is-active .sidebar__nav-item-dot{opacity:1}.sidebar__footer{margin-top:auto;padding:var(--space-3);border-top:1px solid var(--color-divider);color:var(--color-text-subtle);font-size:11px}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-7);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px)}.topbar__title{display:flex;flex-direction:column;gap:2px}.topbar__title strong{font-size:15px;font-weight:650;color:var(--heading-color)}.topbar__title span{font-size:11px;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.6px}.topbar__actions{display:flex;align-items:center;gap:var(--space-3)}.topbar__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--primary-color) 10%,transparent);color:var(--primary-color);font-size:12px;font-weight:600}.topbar__badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--primary-color)}@media(max-width:720px){.topbar{padding:0 var(--space-5)}}.page-stack{display:flex;flex-direction:column;gap:var(--space-6)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider)}.page-header__title{display:flex;flex-direction:column;gap:var(--space-2)}.page-header__eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-subtle)}.page-header h1{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--heading-color)}.page-header__subtitle{color:var(--color-text-muted);font-size:14px;margin-top:var(--space-1)}.page-header__actions,.page-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media(max-width:720px){.page-header{flex-direction:column;align-items:stretch}}.card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card__header,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-divider)}.card__title h2,.panel-header h2{font-size:14px;font-weight:650;color:var(--heading-color);margin:0}.card__title span,.panel-header span{color:var(--color-text-subtle);font-size:11.5px}.card__title{display:flex;flex-direction:column;gap:1px}.card__body{padding:var(--space-4) var(--space-5)}.card__body--flush{padding:0}.card__footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-divider);background:var(--color-surface-2);display:flex;justify-content:flex-end;gap:var(--space-3)}.panel>.setup-form,.panel>.form-grid,.panel>.filter-bar,.panel>.empty-state,.panel>.loading-state{padding:var(--space-4) var(--space-5)}.filter-strip{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.filter-strip>.form-field{flex:1 1 160px;min-width:140px;margin:0;gap:4px}.filter-strip>.form-field>span{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--color-text-muted)}.filter-strip>.form-field input,.filter-strip>.form-field select{height:36px;font-size:13px}.filter-strip__apply{height:36px;align-self:end;margin-left:auto;font-size:13px;padding:0 var(--space-4)}.panel>.data-table-wrapper,.panel>.table-wrap{padding:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);position:relative;overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base),transform var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card__label,.stat-card>span:first-child{color:var(--color-text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.stat-card__value,.stat-card>strong{color:var(--heading-color);font-size:28px;font-weight:700;letter-spacing:-.02em}.stat-card__hint{color:var(--color-text-subtle);font-size:12px;margin-top:var(--space-1)}.stat-card__accent{position:absolute;top:0;left:0;right:0;height:3px}.stat-card--primary .stat-card__accent{background:var(--primary-color)}.stat-card--secondary .stat-card__accent{background:var(--secondary-color)}.stat-card--success .stat-card__accent{background:var(--color-success)}.stat-card--warning .stat-card__accent{background:var(--color-warning)}.stat-card--danger .stat-card__accent{background:var(--color-danger)}.stat-card--purple .stat-card__accent{background:var(--color-purple)}.stat-card--teal .stat-card__accent{background:var(--primary-color)}.stat-card--indigo .stat-card__accent{background:var(--secondary-color)}.stat-card--amber .stat-card__accent{background:var(--color-warning)}.stat-card--rose .stat-card__accent{background:var(--color-danger)}.stat-card--neutral .stat-card__accent{display:none}.stat-card.stat-card--teal{border-top:3px solid var(--primary-color)}.stat-card.stat-card--indigo{border-top:3px solid var(--secondary-color)}.stat-card.stat-card--amber{border-top:3px solid var(--color-warning)}.stat-card.stat-card--rose{border-top:3px solid var(--color-danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast),filter var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn--primary,.primary-button{background:var(--button-color);color:var(--button-text-color);border-color:transparent}.btn--primary:hover:not(:disabled),.primary-button:hover:not(:disabled){filter:brightness(.95);box-shadow:var(--shadow-sm)}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-md);font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:filter var(--transition-fast),box-shadow var(--transition-fast)}.primary-button:disabled{opacity:.55;cursor:not-allowed}.primary-button.primary-button--sm,.btn--sm{height:32px;padding:0 var(--space-3);font-size:12.5px}.btn--secondary{background:var(--color-surface);color:var(--heading-color);border-color:var(--color-border-strong)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-text-subtle)}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 8%,transparent);color:var(--heading-color)}.btn--danger{background:var(--color-danger);color:#fff}.btn--lg{height:48px;padding:0 var(--space-6);font-size:15px}.btn--block{width:100%}.form-grid,.setup-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.form-grid--single{grid-template-columns:1fr}.form-field{display:flex;flex-direction:column;gap:var(--space-2);font-size:13px;min-width:0}.form-field>span{font-weight:600;color:var(--heading-color);font-size:13px}.form-field__hint{color:var(--color-text-subtle);font-size:12px}.form-field--full,.form-field--wide{grid-column:1 / -1}.form-field--required>span:after{content:" *";color:var(--color-danger)}.form-control,.form-field input:not([type=checkbox]):not([type=radio]):not([type=color]),.form-field select,.form-field textarea{width:100%;height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--text-color);font-size:14px;font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field textarea{height:auto;min-height:96px;padding:var(--space-3);resize:vertical}.form-control:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,transparent)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-text-subtle)}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2)}@media(max-width:720px){.form-grid,.setup-form{grid-template-columns:1fr}}.search-input{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);min-width:240px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,transparent)}.search-input__icon{width:16px;height:16px;color:var(--color-text-subtle);flex-shrink:0}.search-input input{border:none;outline:none;background:transparent;flex:1;font-size:14px;color:var(--text-color);font-family:inherit;min-width:0}.search-input input::placeholder{color:var(--color-text-subtle)}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);align-items:end}.filter-bar__actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:var(--space-3)}.status-badge,.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:11.5px;font-weight:600;text-transform:capitalize;letter-spacing:.2px;background:var(--color-divider);color:var(--color-text-muted);white-space:nowrap}.status-badge:before,.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge--success,.status-badge--active,.status-badge--paid,.status-badge--resolved,.status-badge--accepted,.status-badge--delivered,.status-pill--active,.status-pill--paid,.status-pill--resolved,.status-pill--accepted,.status-pill--delivered{background:var(--color-success-bg);color:var(--color-success)}.status-badge--info,.status-badge--open,.status-badge--requested,.status-badge--ordered,.status-pill--open,.status-pill--requested,.status-pill--ordered{background:var(--color-info-bg);color:var(--color-info)}.status-badge--warning,.status-badge--in_progress,.status-badge--pending,.status-pill--in_progress,.status-pill--pending{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge--danger,.status-badge--inactive,.status-badge--cancelled,.status-badge--rejected,.status-badge--failed,.status-pill--inactive,.status-pill--cancelled,.status-pill--rejected{background:var(--color-danger-bg);color:var(--color-danger)}.status-badge--neutral,.status-badge--closed,.status-pill--closed{background:var(--color-divider);color:var(--color-text-muted)}.status-badge--purple{background:var(--color-purple-bg);color:var(--color-purple)}.data-table-wrapper,.table-wrap{width:100%;overflow-x:auto}.data-table,.table-wrap table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}.data-table thead th,.table-wrap thead th{background:var(--color-surface-2);color:var(--color-text-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.7px;text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table tbody td,.table-wrap tbody td{padding:var(--space-4);border-bottom:1px solid var(--color-divider);vertical-align:top;color:var(--text-color)}.data-table tbody tr,.table-wrap tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover,.table-wrap tbody tr:hover{background:color-mix(in srgb,var(--primary-color) 4%,transparent)}.data-table tbody tr:last-child td,.table-wrap tbody tr:last-child td{border-bottom:none}.data-table tbody td.cell-strong{font-weight:600;color:var(--heading-color)}.data-table .cell-muted,.cell-muted{color:var(--color-text-subtle);font-size:12px;margin-top:2px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table .cell-numeric,.cell-numeric{font-variant-numeric:tabular-nums;text-align:right}.status-cell{display:flex;flex-direction:column;gap:var(--space-2);min-width:140px}.status-cell select{height:32px;padding:0 var(--space-2);font-size:12.5px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface)}.notes-cell{display:flex;flex-direction:column;gap:var(--space-2);min-width:240px}.notes-cell textarea{width:100%;padding:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);font-family:inherit;font-size:12.5px;resize:vertical}.empty-state{padding:var(--space-7) var(--space-4);text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.empty-state__icon{width:56px;height:56px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-divider);display:grid;place-items:center;color:var(--color-text-subtle);font-size:22px}.empty-state__title{font-weight:650;color:var(--heading-color);font-size:15px}.empty-state__body{color:var(--color-text-muted);font-size:13.5px;max-width:400px;line-height:1.5}.loading-state{padding:var(--space-7);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-text-muted)}.loading-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--color-divider);border-top-color:var(--primary-color);animation:ds-spin .7s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.alert,.notice{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:13.5px;line-height:1.5}.alert--success,.notice--success{background:var(--color-success-bg);border-color:color-mix(in srgb,var(--color-success) 25%,transparent);color:var(--color-success)}.alert--error,.alert--danger,.notice--error{background:var(--color-danger-bg);border-color:color-mix(in srgb,var(--color-danger) 25%,transparent);color:var(--color-danger)}.alert--warning,.notice--warning{background:var(--color-warning-bg);border-color:color-mix(in srgb,var(--color-warning) 25%,transparent);color:var(--color-warning)}.alert--info,.notice--info{background:var(--color-info-bg);border-color:color-mix(in srgb,var(--color-info) 25%,transparent);color:var(--color-info)}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;animation:ds-fade-in .16s ease}.modal-backdrop{display:grid;place-items:center;padding:var(--space-5)}.drawer-backdrop{display:flex;justify-content:flex-end}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:calc(100vh - var(--space-8));display:flex;flex-direction:column;overflow:hidden;animation:ds-pop .2s ease}.modal--lg{max-width:720px}.modal--xl{max-width:960px}.modal__header,.drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-divider)}.modal__title,.drawer__title{font-size:17px;font-weight:650;color:var(--heading-color);margin:0}.modal__close,.drawer__close{background:transparent;border:none;font-size:22px;color:var(--color-text-muted);cursor:pointer;width:32px;height:32px;border-radius:var(--radius-sm);display:grid;place-items:center;line-height:1}.modal__close:hover,.drawer__close:hover{background:var(--color-surface-2);color:var(--heading-color)}.modal__body,.drawer__body{padding:var(--space-6);overflow-y:auto;flex:1}.modal__footer,.drawer__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-divider);background:var(--color-surface-2);display:flex;justify-content:flex-end;gap:var(--space-3)}.drawer{background:var(--color-surface);width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:ds-slide-in .22s ease}.drawer--lg{max-width:640px}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes ds-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.color-input-group{display:flex;gap:var(--space-2);align-items:center}.color-swatch-input{width:44px;height:40px;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:transparent;cursor:pointer;flex-shrink:0}.color-input-group input:not([type=color]){flex:1;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4) var(--space-6)}.dl-item dt{font-size:11px;font-weight:600;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px}.dl-item dd{margin:0;font-size:14px;color:var(--text-color);font-weight:500}.flex-row{display:flex;align-items:center;gap:var(--space-3)}.flex-col{display:flex;flex-direction:column;gap:var(--space-3)}.flex-grow{flex:1}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-numeric{font-variant-numeric:tabular-nums}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.theme-form .form-field--wide,.theme-form .form-field--full{grid-column:1 / -1}.token-result,.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}@media(max-width:720px){.token-result,.checklist-grid{grid-template-columns:1fr}}.sidebar__nav-item{width:100%;text-align:left}.sidebar__nav-item-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:var(--color-text-subtle);transition:color var(--transition-fast)}.sidebar__nav-item:hover .sidebar__nav-item-icon,.sidebar__nav-item.is-active .sidebar__nav-item-icon,.sidebar__nav-item.has-active-child .sidebar__nav-item-icon{color:currentColor}.sidebar__nav-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item-chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-subtle);transition:transform var(--transition-fast);margin-left:auto}.sidebar__nav-item-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:var(--color-text-subtle);margin-left:auto}.sidebar__nav-item-dot--success{background:var(--color-success)}.sidebar__nav-item-dot--warning{background:var(--color-warning)}.sidebar__nav-item-dot--danger{background:var(--color-danger)}.sidebar__nav-item-dot--info{background:var(--color-info)}.sidebar__nav-item--parent{background:transparent;border:none;font-family:inherit;cursor:pointer}.sidebar__nav-item--parent.has-active-child{color:var(--heading-color);font-weight:600}.sidebar__sub-list{margin:var(--space-1) 0 var(--space-2) 0;padding-left:34px;display:flex;flex-direction:column;gap:2px;position:relative}.sidebar__sub-list:before{content:"";position:absolute;left:22px;top:4px;bottom:4px;width:2px;background:color-mix(in srgb,var(--primary-color) 35%,transparent);border-radius:2px}.sidebar__sub-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:8px 12px;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:13.5px;font-weight:500;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar__sub-item:before{content:"";position:absolute;left:-12px;top:50%;width:8px;height:8px;border-radius:50%;background:var(--sidebar-color);border:2px solid color-mix(in srgb,var(--primary-color) 45%,transparent);transform:translate(-50%,-50%);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);z-index:1}.sidebar__sub-item:hover:before{border-color:color-mix(in srgb,var(--primary-color) 70%,transparent)}.sidebar__sub-item.is-active:before{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 25%,transparent)}.sidebar__sub-item:hover{background:color-mix(in srgb,var(--primary-color) 6%,transparent);color:var(--heading-color);text-decoration:none}.sidebar__sub-item.is-active{background:color-mix(in srgb,var(--primary-color) 14%,transparent);color:var(--primary-color);font-weight:600}.sidebar__sub-item .sidebar__nav-item-label{flex:1}.sidebar__nav-item .sidebar__nav-item-dot[data-legacy=true]{display:none}.reports-charts-grid,.reports-tables-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-5);background:radial-gradient(1200px 600px at 0% -10%,color-mix(in srgb,var(--primary-color) 14%,transparent) 0%,transparent 60%),radial-gradient(900px 500px at 110% 110%,color-mix(in srgb,var(--secondary-color) 12%,transparent) 0%,transparent 60%),var(--background-color)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-7);width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--space-4)}.login-card__brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.login-card__title{font-size:22px;font-weight:700;color:var(--heading-color);letter-spacing:-.02em;margin:0}.login-card__subtitle{font-size:13px;color:var(--color-text-muted);margin:0;line-height:1.5}.login-card__subtitle code{background:var(--color-surface-2);padding:1px 6px;border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.login-form{display:flex;flex-direction:column;gap:var(--space-3)}.topbar-user{display:flex;align-items:center;gap:var(--space-3)}.topbar-user__meta{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.topbar-user__meta strong{font-size:13px;color:var(--heading-color);font-weight:650}.topbar-user__meta span{font-size:11px;color:var(--color-text-subtle);margin-top:2px}@media(max-width:720px){.topbar-user__meta{display:none}}.permissions-grid{display:flex;flex-direction:column;gap:var(--space-5)}.permissions-group__label{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:var(--space-2)}.permissions-group__list{display:grid;gap:var(--space-2);grid-template-columns:1fr}.permission-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.permission-row:hover{border-color:color-mix(in srgb,var(--primary-color) 35%,transparent);background:color-mix(in srgb,var(--primary-color) 4%,var(--color-surface))}.permission-row input[type=checkbox]{margin-top:3px;accent-color:var(--primary-color);width:16px;height:16px}.permission-row__name{font-weight:600;font-size:13.5px;color:var(--heading-color)}.permission-row__slug{font-size:12px;color:var(--color-text-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin-top:2px}@media(max-width:960px){.reports-charts-grid,.reports-tables-grid{grid-template-columns:1fr}}.recharts-tooltip-wrapper:focus,.recharts-surface:focus{outline:none}.recharts-cartesian-axis-tick text{fill:var(--color-text-subtle)}.page-hero{position:relative;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 5%,var(--color-surface)) 0%,var(--color-surface) 60%,color-mix(in srgb,var(--secondary-color) 3%,var(--color-surface)) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--hero-pad-y) var(--hero-pad-x);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:var(--space-2)}.page-hero__rail{position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,var(--primary-color) 0%,var(--secondary-color) 100%)}.page-hero__decor{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.page-hero__orb{position:absolute;border-radius:50%;filter:blur(48px);opacity:.35}.page-hero__orb--1{width:180px;height:180px;top:-70px;right:-40px;background:radial-gradient(circle,var(--primary-color),transparent 70%)}.page-hero__orb--2{width:140px;height:140px;bottom:-60px;right:160px;background:radial-gradient(circle,var(--secondary-color),transparent 70%);opacity:.22}.page-hero__inner{position:relative;z-index:1;display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;min-height:var(--hero-pill-height)}.page-hero__main{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1)}.page-hero__title{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--hero-title-size);font-weight:700;letter-spacing:-.02em;color:var(--heading-color);line-height:1.2;margin:0}.page-hero__title-section{font-weight:700;font-size:var(--hero-title-size);letter-spacing:-.02em;color:color-mix(in srgb,var(--heading-color) 40%,transparent);text-decoration:none;transition:color var(--transition-fast)}a.page-hero__title-section:hover{color:var(--primary-color);text-decoration:none}.page-hero__title-sep{font-weight:700;font-size:var(--hero-title-size);letter-spacing:-.02em;color:color-mix(in srgb,var(--heading-color) 25%,transparent)}.page-hero__title-current{color:var(--heading-color);font-weight:700;font-size:var(--hero-title-size);letter-spacing:-.02em}.page-hero__aside{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end}.page-hero__subtitle{display:inline-flex;align-items:center;gap:8px;height:var(--hero-pill-height);padding:0 14px;font-size:var(--hero-pill-size);font-weight:600;line-height:1;color:var(--heading-color);margin:0;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--primary-color) 10%,var(--color-surface));border:1px solid color-mix(in srgb,var(--primary-color) 20%,transparent);white-space:nowrap;box-shadow:var(--shadow-xs)}.page-hero__subtitle:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 18%,transparent);flex-shrink:0}.page-hero__title{min-height:var(--hero-pill-height);align-content:center}.page-hero__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-2);font-size:13px;color:var(--color-text-muted)}.page-hero__actions{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}@media(max-width:720px){.page-hero{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md)}.page-hero__title{font-size:18px}.page-hero__inner{gap:var(--space-4)}}.page-header{display:none}.icon-btn{display:inline-grid;place-items:center;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),filter var(--transition-fast);flex-shrink:0;line-height:0}.icon-btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn--sm{width:28px;height:28px}.icon-btn--md{width:34px;height:34px}.icon-btn--lg{width:40px;height:40px}.icon-btn--primary{background:var(--button-color);color:var(--button-text-color);box-shadow:var(--shadow-xs)}.icon-btn--primary:hover:not(:disabled){filter:brightness(.95);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.icon-btn--secondary{background:var(--color-surface);color:var(--heading-color);border-color:var(--color-border-strong)}.icon-btn--secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-text-subtle)}.icon-btn--ghost{background:transparent;color:var(--color-text-muted)}.icon-btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--primary-color) 10%,transparent);color:var(--primary-color)}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary-color) 30%,transparent) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary-color) 22%,transparent);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box;transition:background var(--transition-fast)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary-color) 42%,transparent);background-clip:padding-box}*::-webkit-scrollbar-thumb:active{background:color-mix(in srgb,var(--primary-color) 60%,transparent);background-clip:padding-box}.sidebar{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--primary-color) 30%,transparent) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--primary-color) 26%,transparent);border:1px solid transparent}.sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary-color) 50%,transparent)}*::-webkit-scrollbar-button{display:none;width:0;height:0}.po-items{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-2)}.po-items__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--color-text-muted)}.po-items__row{display:grid;grid-template-columns:2.5fr 1fr 1fr .8fr auto;gap:var(--space-2);align-items:end;padding:var(--space-2) 0;border-bottom:1px dashed var(--color-divider)}.po-items__row:last-child{border-bottom:none}.po-items__remove{height:36px;width:36px;padding:0;font-size:18px;line-height:1}.po-totals{display:flex;justify-content:flex-end;gap:var(--space-5);padding-top:var(--space-2);font-size:13px;color:var(--color-text-muted)}.po-totals strong{color:var(--heading-color);margin-left:6px}@media(max-width:720px){.po-items__row{grid-template-columns:1fr 1fr}}.dashboard-charts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.dashboard-charts>*:first-child{grid-column:1 / -1}.chart-line-wrap,.chart-bar-wrap{width:100%;padding:.5rem 0}.chart-line-svg,.chart-bar-svg{width:100%;height:auto}.chart-empty{padding:1.5rem;text-align:center;color:#00000073;font-size:.92rem}@media(max-width:900px){.dashboard-charts{grid-template-columns:1fr}}.error-boundary{min-height:100vh;display:grid;place-items:center;padding:2rem;background:#f9fafb}.error-boundary__card{max-width:720px;width:100%;padding:2rem 2.25rem;background:#fff;border-radius:16px;box-shadow:0 12px 30px #0000000f}.error-boundary__card h1{margin:.25rem 0 .75rem}.error-boundary__stack{background:#0f172a;color:#e2e8f0;padding:1rem 1.1rem;border-radius:12px;font-size:.78rem;line-height:1.4;overflow:auto;max-height:280px;margin:1rem 0}.audit-timeline{list-style:none;margin:0;padding:0 0 0 .25rem}.audit-entry{position:relative;border-left:2px solid rgba(0,0,0,.08);padding-left:1rem;margin-left:.5rem}.audit-entry:last-child{border-left-color:transparent;padding-bottom:0}.audit-entry__head{display:flex;align-items:flex-start;gap:.85rem;width:100%;background:transparent;border:0;padding:.85rem .5rem;cursor:pointer;text-align:left;border-radius:8px}.audit-entry__head:hover{background:#00000006}.audit-entry__dot{position:absolute;left:-7px;top:1.1rem;width:12px;height:12px;border-radius:50%;background:var(--primary-color, #2563eb);box-shadow:0 0 0 3px var(--background-color, #fff)}.audit-entry--risk>.audit-entry__head .audit-entry__dot{background:#b91c1c}.audit-entry__main{flex:1;min-width:0}.audit-entry__row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.audit-entry__row strong{font-family:ui-monospace,monospace;font-size:.92rem}.audit-entry__risk{background:#fee2e2;color:#b91c1c;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;letter-spacing:.05em}.audit-entry__meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.25rem;font-size:.85rem}.audit-entry__when{text-align:right;flex:0 0 auto}.audit-entry__when strong{display:block;font-size:.85rem;font-weight:600}.audit-entry__when span{font-size:.72rem}.audit-entry__body{margin:0 0 1rem .5rem;padding:.85rem 1rem;background:#00000008;border-radius:10px}.audit-entry__cols{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:720px){.audit-entry__cols{grid-template-columns:1fr}}.audit-entry__json{background:#0f172a;color:#e2e8f0;padding:.65rem .8rem;border-radius:8px;font-size:.75rem;line-height:1.4;overflow:auto;max-height:220px;margin:.25rem 0 0}.export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}.dash-filter-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end}.health-strip{display:flex;align-items:center;gap:.55rem;padding:.65rem 1rem;border-radius:10px;font-size:.92rem;border:1px solid}.health-strip--healthy{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.health-strip--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.health-strip--critical{background:#fef2f2;border-color:#fecaca;color:#991b1b}.health-strip__dot{width:9px;height:9px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.85rem}.kpi-card{background:#fff;border-radius:14px;padding:1rem 1.1rem;border-top:4px solid #2563eb;border:1px solid rgba(0,0,0,.06);border-top-width:4px;box-shadow:0 1px 3px #0000000a}.kpi-card__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#0000008c;margin:0 0 .35rem;font-weight:600}.kpi-card__row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.kpi-card__value{font-size:1.5rem;font-weight:700;color:#0f172a}.kpi-card__hint{margin:.35rem 0 0;font-size:.75rem;color:#00000080}.kpi-delta{font-size:.78rem;font-weight:600;padding:2px 7px;border-radius:999px}.kpi-delta--up{background:#ecfdf5;color:#047857}.kpi-delta--down{background:#fef2f2;color:#b91c1c}.kpi-delta--neutral{background:#0000000d;color:#00000073}.dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dash-three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:1100px){.dash-three-col{grid-template-columns:1fr 1fr}}@media(max-width:800px){.dash-two-col,.dash-three-col{grid-template-columns:1fr}}.alerts-list{list-style:none;margin:0;padding:0}.alerts-list li{display:flex;justify-content:space-between;align-items:center;padding:.55rem 0;border-bottom:1px dashed rgba(0,0,0,.07)}.alerts-list li:last-child{border-bottom:0}.alerts-list strong{font-variant-numeric:tabular-nums}.activity-feed{list-style:none;margin:0;padding:0;max-height:360px;overflow-y:auto}.activity-feed li{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem .35rem;border-bottom:1px dashed rgba(0,0,0,.07);font-size:.88rem}.activity-feed li:hover{background:#00000005}.activity-feed__dot{width:8px;height:8px;border-radius:50%;background:var(--primary-color, #2563eb);margin-top:7px;flex:0 0 auto}.activity-feed__main{flex:1;min-width:0}.activity-feed__main strong{font-family:ui-monospace,monospace;font-size:.82rem}.activity-feed__when{font-size:.75rem;flex:0 0 auto}.kpi-list{list-style:none;margin:0;padding:0}.kpi-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px dashed rgba(0,0,0,.07);font-variant-numeric:tabular-nums}.kpi-list li:last-child{border-bottom:0}.kpi-list__total{padding-top:.65rem;border-top:1px solid rgba(0,0,0,.12)}.tone-ok{color:#047857}.tone-warn{color:#b45309}.tone-bad{color:#b91c1c;font-weight:700}.stores-table{width:100%;border-collapse:collapse;font-size:.9rem}.stores-table thead th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#00000080;padding:.5rem .65rem;border-bottom:1px solid rgba(0,0,0,.08)}.stores-table tbody td{padding:.6rem .65rem;border-bottom:1px dashed rgba(0,0,0,.06)}.heatmap-wrap{padding:.25rem 0}.heatmap-svg{width:100%;height:auto}.heatmap-legend{font-size:.72rem;margin-top:.35rem}.paymix__bar{display:flex;height:12px;border-radius:999px;overflow:hidden;background:#0000000a;margin-bottom:.75rem}.paymix__seg{height:100%;transition:filter .12s ease}.paymix__seg:hover{filter:brightness(1.1)}.paymix__legend{list-style:none;margin:0;padding:0}.paymix__legend li{display:grid;grid-template-columns:14px 1fr auto auto;gap:.6rem;align-items:center;padding:.35rem 0;font-size:.85rem}.paymix__dot{width:10px;height:10px;border-radius:50%}.paymix__amount,.paymix__pct{font-variant-numeric:tabular-nums}.paymix__pct{font-weight:600;color:#0009;min-width:3rem;text-align:right}.kpi-card--clickable{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;transition:transform 80ms ease,box-shadow 80ms ease}.kpi-card--clickable:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000014}.kpi-card--clickable:focus-visible{outline:2px solid var(--primary-color, #2563eb);outline-offset:2px}.alerts-list--clickable li{cursor:pointer;transition:background 80ms ease}.alerts-list--clickable li:hover{background:#00000008;border-radius:6px;padding-left:.35rem;padding-right:.35rem}.stores-table__row{cursor:pointer;transition:background 80ms ease}.stores-table__row:hover{background:#00000006}.anomaly-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.anomaly{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem .85rem;border-radius:8px;border:1px solid transparent;transition:background 80ms ease,transform 80ms ease}.anomaly:hover{transform:translate(2px)}.anomaly--critical{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.anomaly--warning{background:#fffbeb;border-color:#fde68a;color:#78350f}.anomaly__sev{text-transform:uppercase;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.15rem .45rem;border-radius:999px;background:#ffffffa6;border:1px solid rgba(0,0,0,.06);flex-shrink:0;margin-top:.1rem}.anomaly--critical .anomaly__sev{color:#991b1b}.anomaly--warning .anomaly__sev{color:#92400e}.anomaly__main{flex:1;min-width:0}.anomaly__main strong{display:block;font-size:.92rem}.anomaly__main p{margin:.2rem 0 0;font-size:.82rem;opacity:.85}.anomaly__chev{font-size:1.1rem;opacity:.5;flex-shrink:0;align-self:center}.anomaly:hover .anomaly__chev{opacity:1}.anomaly-empty{display:flex;align-items:center;gap:.5rem;padding:.5rem .25rem;font-size:.85rem;color:#0000008c}.anomaly-empty__dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9812e;flex-shrink:0}.brand-upload{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:flex-start}.brand-upload__preview{width:180px;height:180px;border-radius:14px;border:1px solid var(--border-color);background:var(--background-color);display:grid;place-items:center;overflow:hidden;box-shadow:var(--shadow-xs)}.brand-upload__preview img{max-width:80%;max-height:80%;object-fit:contain}.brand-upload__preview--splash{border:none}.brand-upload__placeholder{color:var(--muted-text-color);font-size:13px}.brand-upload__controls{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.form-hint{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--muted-text-color)}.form-hint strong{color:var(--heading-color);font-weight:700}.ghost-button--danger{color:#b91c1c;border-color:#b91c1c4d}.ghost-button--danger:hover:not([disabled]){background:#b91c1c0f}@media(max-width:640px){.brand-upload{grid-template-columns:1fr}.brand-upload__preview{width:100%;max-width:220px}}.settings-guide{margin-top:16px;padding:16px 18px;background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-color));border:1px solid color-mix(in srgb,var(--primary-color) 18%,transparent);border-left:4px solid var(--primary-color);border-radius:var(--radius-md)}.settings-guide h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--primary-color)}.settings-guide ol{margin:0;padding-left:20px;font-size:14px;line-height:1.6;color:var(--text-color)}.settings-guide ol li{margin-bottom:8px}.settings-guide ol li:last-child{margin-bottom:0}.settings-guide code{background:#0f172a14;padding:2px 6px;border-radius:4px;font-size:.92em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.settings-guide a{color:var(--primary-color);font-weight:600;text-decoration:underline}