:root{--bg-primary: #fafafa;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--bg-hover: #f0f0f0;--bg-active: #e8e8e8;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #111111;--text-secondary: #666666;--text-tertiary: #999999;--text-inverse: #ffffff;--border-primary: #e0e0e0;--border-secondary: #eeeeee;--accent: #111111;--accent-hover: #333333;--accent-light: #f5f5f5;--success: #22c55e;--success-bg: #f0fdf4;--warning: #f59e0b;--warning-bg: #fffbeb;--error: #ef4444;--error-bg: #fef2f2;--info: #3b82f6;--info-bg: #eff6ff;--shadow-1: 0 1px 2px rgba(0,0,0,.05);--shadow-2: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-3: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-4: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}html.dark{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-hover: #262626;--bg-active: #333333;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-tertiary: #666666;--text-inverse: #111111;--border-primary: #2a2a2a;--border-secondary: #1f1f1f;--accent: #f5f5f5;--accent-hover: #e0e0e0;--accent-light: #262626;--success-bg: #052e16;--warning-bg: #422006;--error-bg: #450a0a;--info-bg: #172554;--shadow-1: 0 1px 2px rgba(0,0,0,.3);--shadow-2: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-3: 0 4px 6px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);--shadow-4: 0 10px 15px rgba(0,0,0,.5), 0 4px 6px rgba(0,0,0,.4)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}:root{--bg: var(--bg-primary);--bg-card-compat: var(--bg-card);--text: var(--text-primary);--border: var(--border-primary);--primary: var(--accent);--primary-hover: var(--accent-hover);--danger: var(--error);--purple: #8b5cf6;--radius: var(--radius-md);--shadow: var(--shadow-2)}.dashboard-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.dashboard-content{display:flex;flex:1;padding:var(--space-6);gap:var(--space-6);max-width:1400px;margin:0 auto;width:100%}.dashboard-sidebar{width:320px;flex-shrink:0}.dashboard-main{flex:1;min-width:0}.dashboard-main.full-width{max-width:100%}.checklist-panel,.stock-panel,.orders-panel,.fines-panel,.reviews-panel,.finance-panel,.sku-panel,.log-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-2);border:1px solid var(--border-primary)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.panel-header h3{font-size:var(--text-xl);font-weight:700}.panel-header h4{font-size:var(--text-lg);font-weight:600}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.stat-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-primary);box-shadow:var(--shadow-1);transition:all var(--transition-fast)}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{box-shadow:var(--shadow-3);transform:translateY(-1px)}.stat-title{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.stat-value{font-size:var(--text-2xl);font-weight:700;font-variant-numeric:tabular-nums}.stat-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--space-3);border-bottom:2px solid var(--border-primary);font-weight:600;color:var(--text-secondary);white-space:nowrap;position:sticky;top:0;background:var(--bg-card);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-secondary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table.compact td{padding:var(--space-1) var(--space-3)}.data-table .total-row td{border-top:2px solid var(--text-primary);font-weight:600}.sku-cell{font-family:var(--font-mono);font-weight:600;font-size:var(--text-xs)}.needed-cell{font-weight:600}.empty-cell{text-align:center;color:var(--text-tertiary);padding:var(--space-10)!important}.cell-danger{color:var(--error);font-weight:600}.cell-success{color:var(--success);font-weight:600}.row-critical td{background:var(--error-bg)}.row-urgent td,.row-low td{background:var(--warning-bg)}.row-top td{background:var(--success-bg)}.row-problem td{background:var(--error-bg)}.status-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);font-weight:500}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-full{width:100%;justify-content:center;padding:var(--space-3);font-size:var(--text-base)}.btn-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--text-sm);padding:var(--space-1)}.btn-link:hover{text-decoration:underline}.filter-buttons{display:flex;gap:var(--space-1);flex-wrap:wrap}.filter-buttons .btn.active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-4);overflow-x:auto}.tab-btn{padding:var(--space-3) var(--space-4);border:none;background:none;cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast);white-space:nowrap;font-weight:500}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--text-primary);border-bottom-color:var(--accent);font-weight:600}.checklist-counter{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.checklist-items{display:flex;flex-direction:column;gap:var(--space-2)}.checklist-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-primary);transition:all var(--transition-fast)}.checklist-item:hover{background:var(--bg-hover);border-color:var(--border-primary)}.checklist-item.completed{opacity:.5}.checklist-item.completed .checklist-title{text-decoration:line-through}.checklist-checkbox{font-size:var(--text-lg);flex-shrink:0;width:24px}.checklist-content{flex:1}.checklist-priority{color:var(--error);font-weight:700;margin-right:var(--space-1)}.checklist-title{font-size:var(--text-base)}.checklist-description{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.priority-critical{border-left:3px solid var(--error)}.priority-high{border-left:3px solid var(--warning)}.fines-total{font-weight:700;font-size:var(--text-lg)}.fines-total.has-fines{color:var(--error)}.fines-list{display:flex;flex-direction:column;gap:var(--space-3)}.fine-item{border:1px solid var(--border-primary);border-radius:var(--radius-md);overflow:hidden}.fine-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);cursor:pointer;transition:background var(--transition-fast)}.fine-header:hover{background:var(--bg-hover)}.fine-info{display:flex;gap:var(--space-4);align-items:center}.fine-type{font-weight:600}.fine-amount{color:var(--error);font-weight:700}.fine-date{font-size:var(--text-xs);color:var(--text-secondary)}.fine-details{padding:var(--space-4);border-top:1px solid var(--border-primary);background:var(--bg-secondary)}.fine-instruction{margin-top:var(--space-3);padding:var(--space-3);background:var(--warning-bg);border-radius:var(--radius-sm)}.reviews-list{display:flex;flex-direction:column;gap:var(--space-4)}.review-item{border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--transition-fast)}.review-item:hover{border-color:var(--accent)}.review-header{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-2)}.review-stars{color:var(--warning);font-weight:700}.review-user{font-weight:600}.review-date{font-size:var(--text-xs);color:var(--text-secondary)}.review-sku{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-2)}.review-text{margin-bottom:var(--space-3);line-height:1.5}.review-owner-only{color:var(--text-secondary);font-style:italic;font-size:var(--text-sm);padding:var(--space-2);background:var(--error-bg);border-radius:var(--radius-sm)}.review-reply-form{margin-top:var(--space-3)}.review-reply-form textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);resize:vertical;margin:var(--space-2) 0;font-family:inherit;background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast)}.review-reply-form textarea:focus{outline:none;border-color:var(--accent)}.template-buttons{display:flex;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap}.reply-actions{display:flex;gap:var(--space-3)}.log-timeline{display:flex;flex-direction:column;gap:0}.log-entry{display:flex;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-secondary);font-size:var(--text-sm);flex-wrap:wrap;transition:background var(--transition-fast)}.log-entry:hover{background:var(--bg-hover)}.log-time{font-family:var(--font-mono);color:var(--text-tertiary);flex-shrink:0;font-size:var(--text-xs)}.log-user{color:var(--accent);font-weight:600;flex-shrink:0}.log-details{color:var(--text-secondary)}.instruction-block{background:var(--warning-bg);border:1px solid var(--warning);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0;font-size:var(--text-sm);white-space:pre-wrap}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}html.dark .login-page{background:var(--bg-primary)}.login-card{background:var(--bg-card);padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-4);width:400px;max-width:calc(100vw - 2rem);border:1px solid var(--border-primary)}.login-card h1{font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-1);font-weight:700;letter-spacing:-.02em}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-8);font-size:var(--text-sm)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--text-secondary)}.form-group input{width:100%;padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--text-base);background:var(--bg-card);color:var(--text-primary);transition:border-color var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0000000d}html.dark .form-group input:focus{box-shadow:0 0 0 3px #ffffff0d}.error-message{color:var(--error);font-size:var(--text-sm);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--error-bg);border-radius:var(--radius-md)}.success-message{color:var(--success);font-size:var(--text-sm);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--success-bg);border-radius:var(--radius-md)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--text-secondary)}.spinner{width:32px;height:32px;border:2px solid var(--border-primary);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-3)}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--space-10);color:var(--text-secondary)}.summary-cards{margin-bottom:var(--space-3)}@keyframes jiggle{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent);color:var(--text-inverse)}@media(max-width:900px){.dashboard-content{flex-direction:column;padding:var(--space-3)}.dashboard-sidebar{width:100%}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stat-grid{grid-template-columns:1fr 1fr;gap:var(--space-2)}.stat-card{padding:var(--space-3)}.stat-value{font-size:var(--text-xl)}.data-table{font-size:var(--text-xs)}.data-table td{padding:var(--space-1) var(--space-2)}.panel-header{flex-direction:column;align-items:flex-start}}@media(max-width:400px){.stat-grid{grid-template-columns:1fr}}