:root{--color-brand: #0a6ed1;--color-brand-hover: #0854a0;--color-brand-subtle: #e8f4fd;--color-bg: #f5f6f7;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-shell-sidebar: #223548;--color-shell-topbar: #354a5f;--color-shell-topbar-text: #ffffff;--color-text: #32363a;--color-text-secondary: #6a6d70;--color-text-inverse: #ffffff;--color-text-link: #0a6ed1;--color-success: #107e3e;--color-success-bg: #e8f5e9;--color-warning: #e9730c;--color-warning-bg: #fef3e2;--color-danger: #bb0000;--color-danger-bg: #ffebeb;--color-info: #0a6ed1;--color-info-bg: #e8f4fd;--color-border: #d9d9d9;--color-border-subtle: #e5e5e5;--shadow-sm: 0 0 0 1px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--font-family: "72", "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.25;--line-height-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--shell-topbar-height: 48px;--shell-sidebar-width: 256px;--content-max-width: 1600px;--color-primary: var(--color-brand);--color-muted: var(--color-text-secondary);--space: var(--space-4)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.shell-topbar{display:flex;align-items:center;gap:var(--space-4);height:var(--shell-topbar-height);padding:0 var(--space-4);background:var(--color-shell-topbar);color:var(--color-shell-topbar-text);position:sticky;top:0;z-index:100}.shell-topbar__brand{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:inherit;text-decoration:none;white-space:nowrap}.shell-topbar__search{flex:1;max-width:480px}.shell-topbar__search input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);background:#ffffff1f;color:var(--color-text-inverse);font-size:var(--font-size-sm)}.shell-topbar__search input::placeholder{color:#fff9}.shell-topbar__search input:focus{outline:2px solid var(--color-brand);background:#ffffff2e}.shell-topbar__user{display:flex;align-items:center;gap:var(--space-3);margin-left:auto;font-size:var(--font-size-sm)}.shell-topbar__role{padding:2px var(--space-2);border-radius:var(--radius-sm);background:#ffffff26;font-size:var(--font-size-xs)}.shell-topbar__email{opacity:.85;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-body{display:flex;flex:1;min-height:0}.shell-sidebar{width:var(--shell-sidebar-width);flex-shrink:0;background:var(--color-shell-sidebar);color:var(--color-text-inverse);overflow-y:auto;padding:var(--space-4) 0}.shell-sidebar__zone{margin-bottom:var(--space-4)}.shell-sidebar__zone-title{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.shell-sidebar__link{display:block;padding:var(--space-2) var(--space-4);color:#ffffffd9;text-decoration:none;font-size:var(--font-size-sm);border-left:3px solid transparent;transition:background .15s,border-color .15s}.shell-sidebar__link:hover{background:#ffffff14;color:#fff}.shell-sidebar__link--active{background:#0a6ed140;border-left-color:var(--color-brand);color:#fff;font-weight:var(--font-weight-medium)}.shell-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:auto}.shell-breadcrumbs{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle)}.shell-breadcrumbs a{color:var(--color-text-link);text-decoration:none}.shell-breadcrumbs a:hover{text-decoration:underline}.shell-breadcrumbs__sep{color:var(--color-border)}.shell-content{flex:1;padding:var(--space-6);max-width:var(--content-max-width);width:100%}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0f172a;color:#fff;padding:var(--space-4)}.sidebar a{color:#cbd5e1;display:block;margin:8px 0;text-decoration:none}.content{padding:calc(var(--space-4) * 1.5)}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.ui-btn--md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base)}.ui-btn--primary{background:var(--color-brand);color:#fff}.ui-btn--primary:hover:not(:disabled){background:var(--color-brand-hover)}.ui-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-bg)}.ui-btn--ghost{background:transparent;color:var(--color-brand)}.ui-btn--ghost:hover:not(:disabled){background:var(--color-brand-subtle)}.ui-btn--danger{background:var(--color-danger);color:#fff}.ui-btn--danger:hover:not(:disabled){background:#a30000}.ui-badge{display:inline-flex;align-items:center;padding:1px var(--space-2);border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.4}.ui-badge--neutral{background:#e5e5e5;color:var(--color-text)}.ui-badge--success{background:var(--color-success-bg);color:var(--color-success)}.ui-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.ui-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.ui-badge--info{background:var(--color-info-bg);color:var(--color-info)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-card--compact .ui-card__body{padding:var(--space-3)}.ui-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) 0;gap:var(--space-3)}.ui-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.ui-card__body{padding:var(--space-4)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-subtle)}.ui-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border-subtle);overflow-x:auto}.ui-tabs__tab{padding:var(--space-3) var(--space-4);border:none;border-bottom:2px solid transparent;background:transparent;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;margin-bottom:-1px}.ui-tabs__tab:hover{color:var(--color-text);background:var(--color-bg)}.ui-tabs__tab--active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.ui-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.ui-toolbar--sticky{position:sticky;top:0;z-index:10;background:var(--color-bg);padding:var(--space-3) 0;margin:calc(-1 * var(--space-3)) 0 var(--space-4)}.ui-toolbar__main{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-width:0}.ui-toolbar__title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.ui-toolbar__subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ui-toolbar__filters{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ui-toolbar__actions{display:flex;gap:var(--space-2);flex-shrink:0}.ui-state{padding:var(--space-8);text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--color-border);background:var(--color-surface)}.ui-state__title{margin:0 0 var(--space-2);font-weight:var(--font-weight-medium)}.ui-state__desc{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ui-state--error .ui-state__title{color:var(--color-danger)}.state{padding:var(--space-6);text-align:center;color:var(--color-text-secondary)}.error{color:var(--color-danger)}.ui-skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.ui-skeleton__line{height:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#e5e5e5 25%,#f0f0f0,#e5e5e5 75%);background-size:200% 100%;animation:ui-skeleton-pulse 1.5s ease-in-out infinite}@keyframes ui-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th,.table td{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-2);text-align:left}.table th{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg)}.dense-table thead{position:sticky;top:0;background:var(--color-surface);z-index:1}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--font-size-xs);background:#e5e5e5}.chip-ready{background:var(--color-success-bg);color:var(--color-success)}.chip-pending{background:var(--color-warning-bg);color:var(--color-warning)}.chip-rework{background:var(--color-danger-bg);color:var(--color-danger)}button{background:var(--color-brand);color:#fff;border:0;border-radius:var(--radius);padding:var(--space-2) 14px;cursor:pointer;font-family:inherit;font-size:var(--font-size-base)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-2)}label{display:block;margin-bottom:var(--space-3);font-size:var(--font-size-sm)}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.buyer-mirror__bulk{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.buyer-mirror__bulk-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.buyer-mirror__message{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-brand-subtle);border-radius:var(--radius);font-size:var(--font-size-sm)}.buyer-mirror__grid{max-height:calc(100vh - 280px);overflow:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-surface)}.buyer-mirror__table{font-size:var(--font-size-sm);min-width:1400px}.buyer-mirror__table th,.buyer-mirror__table td{padding:6px 8px;white-space:nowrap;vertical-align:middle}.buyer-mirror__pin{position:sticky;left:0;background:var(--color-surface);z-index:1;box-shadow:2px 0 4px #0000000a}.buyer-mirror__table thead .buyer-mirror__pin{z-index:3;background:var(--color-bg)}.buyer-mirror__table th:nth-child(2),.buyer-mirror__table td:nth-child(2){left:36px}.buyer-mirror__table th:nth-child(3),.buyer-mirror__table td:nth-child(3){left:130px}.buyer-mirror__table th:nth-child(4),.buyer-mirror__table td:nth-child(4){left:230px}.buyer-mirror__table th:nth-child(5),.buyer-mirror__table td:nth-child(5){left:310px}.mirror-row--warn{background:#fffbeb}.mirror-row--error{background:#fff5f5}.mirror-row--dirty td{box-shadow:inset 0 0 0 1px #0a6ed140}.buyer-mirror__mono{font-family:ui-monospace,monospace;font-size:var(--font-size-xs)}.buyer-mirror__num{text-align:right;font-variant-numeric:tabular-nums}.buyer-mirror__client{max-width:160px;overflow:hidden;text-overflow:ellipsis}.buyer-mirror__select{font-size:var(--font-size-sm);padding:4px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface)}.buyer-mirror__select--cell{min-width:120px}.buyer-mirror__input{width:100%;min-width:72px;padding:4px 6px;font-size:var(--font-size-sm);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent}.buyer-mirror__input:hover,.buyer-mirror__input:focus{border-color:var(--color-brand);background:#fff;outline:none}.buyer-mirror__input--num{min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.buyer-mirror__input--wide{min-width:140px}.buyer-mirror__hint{margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.client-dl{display:grid;grid-template-columns:140px 1fr;gap:var(--space-2) var(--space-4);margin:0;font-size:var(--font-size-sm)}.client-dl dt{margin:0;color:var(--color-text-secondary)}.client-dl dd{margin:0;font-weight:var(--font-weight-medium)}@media(max-width:1024px){.shell-sidebar{width:220px}.shell-content{padding:var(--space-4)}}@media(max-width:768px){.shell-body{flex-direction:column}.shell-sidebar{width:100%;display:flex;flex-wrap:wrap;gap:0;padding:var(--space-2)}.shell-sidebar__zone{margin-bottom:var(--space-2);width:100%}.shell-sidebar__zone-title{display:none}.shell-sidebar__link{display:inline-block;padding:var(--space-2) var(--space-3);border-left:none;border-radius:var(--radius)}.shell-topbar__email{display:none}}