:root{--color-primary: #0b2c5f;--color-primary-light: #2f5da8;--color-primary-dark: #071c3a;--color-primary-hover: #2f5da8;--color-primary-muted: rgba(11, 44, 95, .12);--color-primary-surface: #e8edf5;--color-secondary: #2ea043;--color-secondary-light: #57c16d;--color-secondary-dark: #1f7a32;--color-bg: #f7f9fc;--color-surface: #ffffff;--color-border: #e5eaf2;--color-text: #1a1f36;--color-text-secondary: #6b7280;--color-text-disabled: #a0aec0;--color-success: #2ea043;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-info-dark: #1d4ed8;--theme-primary: var(--color-primary);--theme-primary-soft: var(--color-primary-muted);--sidebar-bg: #ffffff;--sidebar-text: #1a1f36;--app-topbar-height: 81px;--app-sidebar-width: 272px;--app-sidebar-width-collapsed: 72px;--color-primary-shadow-soft: rgba(11, 44, 95, .12);--color-primary-shadow-medium: rgba(11, 44, 95, .15);--color-primary-shadow-strong: rgba(11, 44, 95, .25);--color-primary-shadow-elevated: rgba(11, 44, 95, .35);--list-surface-elevated: 0 4px 24px rgba(15, 23, 42, .07);--list-surface-border: 0 0 0 1px rgba(15, 23, 42, .05);--list-header-bg: linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);--list-row-hover: var(--color-primary-surface);--list-zebra: rgba(11, 44, 95, .03)}@media (min-width: 1440px){:root{--app-sidebar-width: 288px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--color-bg);color:var(--color-text)}button{cursor:pointer;border:none;outline:none}input,textarea,select{outline:none}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:background .15s,opacity .15s;background:#e8edf3;color:var(--color-text)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary,.btn-primary{background:var(--color-primary);color:#fff}.btn.primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn.ghost,.btn-secondary,.btn-ghost,.btn-plain,.btn-cancel{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn.ghost:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-ghost:hover:not(:disabled),.btn-plain:hover:not(:disabled),.btn-cancel:hover:not(:disabled){background:var(--color-bg)}.btn.danger,.btn-danger,.btn-delete-row{background:#fef2f2;color:#b91c1c}.btn.danger:hover:not(:disabled),.btn-danger:hover:not(:disabled),.btn-delete-row:hover:not(:disabled){background:#fee2e2}.btn.download,.btn-download,.btn-solid{background:var(--color-info);color:#fff}.btn.download:hover:not(:disabled),.btn-download:hover:not(:disabled),.btn-solid:hover:not(:disabled){background:var(--color-info-dark)}.btn-lock,.btn-confirm,.btn-complete,.btn-ready-quotation{background:var(--color-success);color:#fff;padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer}.btn-lock:hover:not(:disabled),.btn-confirm:hover:not(:disabled),.btn-complete:hover:not(:disabled),.btn-ready-quotation:hover:not(:disabled){background:var(--color-secondary-dark)}.btn-save{background:var(--color-success);color:#fff;padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer}.btn-save:hover:not(:disabled){background:var(--color-secondary-dark)}.btn-back,.btn-close{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer}.btn-back:hover:not(:disabled),.btn-close:hover:not(:disabled){background:var(--color-bg)}.btn-add,.btn-add-more{background:#eff6ff;color:var(--color-info);border:1px dashed #93c5fd;padding:7px 14px;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer}.btn-add:hover:not(:disabled),.btn-add-more:hover:not(:disabled){background:#dbeafe}.btn-nav{padding:8px 16px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer}.btn-nav.btn-previous{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-nav.btn-next{background:var(--color-primary);color:#fff}.btn-nav.btn-skip{background:var(--color-bg);color:var(--color-text-secondary)}.btn-nav:disabled{opacity:.45;cursor:not-allowed}.btn-yes-no{padding:6px 14px;font-size:13px;font-weight:500;border-radius:6px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:.15s}.btn-yes-no.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.toast-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;gap:10px;z-index:5000}.toast{padding:12px 18px;border-radius:10px;color:#fff;font-size:14px;text-align:center;min-width:260px;box-shadow:0 18px 30px #0000002e}.popup-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9000}.popup-card{background:var(--color-surface);padding:26px 30px;border-radius:14px;width:380px;text-align:center;box-shadow:0 20px 40px #00000026}.popup-icon{font-size:26px;color:var(--color-success);margin-bottom:8px}.popup-icon.error{color:var(--color-error)}.popup-title{margin:0 0 6px;font-size:20px;color:var(--color-success)}.popup-title.error{color:var(--color-error)}.popup-message{margin:0 0 18px;color:var(--color-text)}.popup-btn{padding:6px 18px;background:var(--color-primary-surface);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:6px;cursor:pointer}.error{margin-top:4px;font-size:12px;color:var(--color-error);font-weight:500}.checkbox{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:14px}.checkbox input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.form-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}