:root{--color-bg: #f4f5f7;--color-surface: #ffffff;--color-border: #e0e2e7;--color-text: #1c1e21;--color-text-muted: #6b7280;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-danger: #dc2626;--status-new-bg: transparent;--status-new-chip: #2563eb;--status-in-progress-bg: #fff7e6;--status-in-progress-chip: #b45309;--status-done-bg: #eafaf0;--status-done-chip: #15803d;--status-rejected-bg: #fdecec;--status-rejected-chip: #b91c1c;--hot-accent: #ea580c;--radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text)}.app-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--color-text-muted)}a{color:var(--color-primary)}button{font-family:inherit}.page-shell{display:flex;min-height:100vh}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.top-bar-nav{display:flex;gap:4px;overflow-x:auto}.top-bar-nav a{padding:8px 12px;border-radius:var(--radius);color:var(--color-text);text-decoration:none;white-space:nowrap;font-size:14px}.top-bar-nav a.active,.top-bar-nav a:hover{background:var(--color-bg);color:var(--color-primary)}.page-content{flex:1;padding:20px 16px 48px;max-width:1200px;margin:0 auto;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.page-header h1{font-size:20px;margin:0}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:var(--radius);padding:8px 14px;font-size:14px;cursor:pointer;background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn:hover{border-color:var(--color-primary)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field label{font-size:13px;color:var(--color-text-muted)}.input,select.input,textarea.input{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;background:var(--color-surface);color:var(--color-text);width:100%}.input:focus,select.input:focus,textarea.input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--color-surface);border-radius:var(--radius);padding:20px;max-width:420px;width:100%}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.empty-state{color:var(--color-text-muted);text-align:center;padding:40px 16px}.status-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;border:2px solid transparent;cursor:pointer;transition:opacity .15s,border-color .15s}.status-chip:hover{opacity:.8}.status-chip-selected{border-color:currentColor}.status-chip-new{background:#e8eefd;color:var(--status-new-chip)}.status-chip-in_progress{background:#fff2d6;color:var(--status-in-progress-chip)}.status-chip-done{background:#d9f5e3;color:var(--status-done-chip)}.status-chip-rejected{background:#fbdada;color:var(--status-rejected-chip)}.status-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.orders-table-wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}table.resizable-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:720px}.resizable-table th,.resizable-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--color-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;position:relative}.resizable-table th{background:#fafbfc;font-size:12px;text-transform:uppercase;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.resizable-table td{white-space:normal;font-size:14px}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize}.resize-handle:hover,.resize-handle.active{background:var(--color-primary);opacity:.4}tr.order-row{cursor:pointer}tr.order-row:hover td{background:#fafbfc}tr.row-status-in_progress td{background:var(--status-in-progress-bg)}tr.row-status-done td{background:var(--status-done-bg)}tr.row-status-rejected td{background:var(--status-rejected-bg)}tr.row-hot{box-shadow:inset 4px 0 0 var(--hot-accent)}.hot-toggle{border:none;background:transparent;cursor:pointer;font-size:16px;opacity:.35;padding:0 4px}.hot-toggle.active{opacity:1}.reminder-badge{display:inline-block;margin-top:4px;font-size:12px;padding:1px 6px;border-radius:4px}.reminder-badge-overdue{background:#fbdada;color:var(--status-rejected-chip)}.reminder-badge-today{background:#fff2d6;color:var(--status-in-progress-chip)}.reminder-badge-upcoming{background:#e8eefd;color:var(--status-new-chip)}.search-bar{margin-bottom:12px;max-width:360px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px}.stat-card .value{font-size:28px;font-weight:700}.stat-card .label{font-size:13px;color:var(--color-text-muted)}.widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}@media (max-width: 640px){.page-content{padding:12px 8px 32px}}