:root{--ink: #1c2024;--ink-soft: #4b5259;--paper: #f4f2ee;--surface: #ffffff;--line: #dcd8d0;--line-soft: #e9e6e0;--slate: #2c3e4a;--slate-dark: #1c2830;--amber: #b8722e;--amber-soft: #f1e3d1;--green: #3c6e52;--green-soft: #e1ebe3;--red: #a13a34;--red-soft: #f3e0dd;--blue: #34576f;--blue-soft: #dfe8ee;--font-ui: -apple-system, "Segoe UI", "Inter", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--radius: 3px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-ui);background:var(--paper);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--slate);outline-offset:2px}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--slate-dark);color:#d9dfe3;padding:20px 16px;display:flex;flex-direction:column}.sidebar-brand{font-weight:700;font-size:15px;letter-spacing:.01em;color:#fff;margin-bottom:2px}.sidebar-sub{font-size:11px;color:#8fa0a8;margin-bottom:28px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-link{display:block;padding:9px 10px;border-radius:var(--radius);color:#c3cdd2;font-size:13.5px}.sidebar-link:hover{background:#ffffff0f;text-decoration:none;color:#fff}.sidebar-link.active{background:var(--amber);color:#241505;font-weight:600}.sidebar-footer{border-top:1px solid rgba(255,255,255,.12);padding-top:14px;font-size:12.5px;color:#9aa6ab}.sidebar-footer .role-badge{margin-top:6px}.sidebar-logout{background:none;border:1px solid rgba(255,255,255,.2);color:#d9dfe3;padding:6px 10px;border-radius:var(--radius);cursor:pointer;margin-top:10px;width:100%}.sidebar-logout:hover{background:#ffffff14}.main{padding:28px 36px;overflow-x:auto}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.page-header h1{font-size:20px;margin:0;font-weight:700}.page-header p.sub{margin:4px 0 0;color:var(--ink-soft);font-size:13px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:500;line-height:1.2}.btn:hover{border-color:var(--ink-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--slate);border-color:var(--slate);color:#fff}.btn-primary:hover{background:var(--slate-dark)}.btn-amber{background:var(--amber);border-color:var(--amber);color:#241505}.btn-amber:hover{filter:brightness(.93)}.btn-danger{background:var(--surface);border-color:var(--red);color:var(--red)}.btn-danger:hover{background:var(--red-soft)}.btn-sm{padding:5px 10px;font-size:12.5px}.panel{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:20px}.panel+.panel{margin-top:16px}.table-wrap{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);overflow:hidden}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11.5px;font-weight:600;color:var(--ink-soft);padding:10px 14px;border-bottom:1px solid var(--line);background:#faf9f6;white-space:nowrap}tbody td{padding:11px 14px;border-bottom:1px solid var(--line-soft);font-size:13.5px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#faf9f6}.mono{font-family:var(--font-mono);font-size:12.5px}.empty-row td{text-align:center;color:var(--ink-soft);padding:32px 14px}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600}.badge-lead,.badge-draft{background:var(--amber-soft);color:#7a4a1a}.badge-active,.badge-confirmed,.badge-in{background:var(--green-soft);color:var(--green)}.badge-inactive,.badge-cancelled,.badge-out{background:var(--red-soft);color:var(--red)}.badge-wholesale,.badge-distributor{background:var(--blue-soft);color:var(--blue)}.badge-retail{background:#eee;color:#555}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.form-grid .span-2{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12.5px;font-weight:600;color:var(--ink-soft)}.field input,.field select,.field textarea{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink)}.field textarea{resize:vertical;min-height:70px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--slate)}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar input[type=text],.toolbar select{padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:200px}.alert{padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:14px}.alert-error{background:var(--red-soft);color:var(--red);border:1px solid #e2b5b0}.alert-success{background:var(--green-soft);color:var(--green);border:1px solid #b9d3c1}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--slate-dark);background-image:linear-gradient(180deg,var(--slate-dark),#10171b)}.login-card{background:var(--surface);border-radius:var(--radius);padding:36px 34px;width:360px}.login-card h1{font-size:19px;margin:0 0 2px}.login-card p.sub{color:var(--ink-soft);font-size:13px;margin:0 0 22px}.login-card .field{margin-bottom:14px}.login-hint{margin-top:18px;font-size:11.5px;color:var(--ink-soft);line-height:1.6;border-top:1px solid var(--line-soft);padding-top:12px}.stat-row{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}.stat-box{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius);padding:14px 18px;min-width:140px}.stat-box .num{font-family:var(--font-mono);font-size:22px;font-weight:700}.stat-box .label{font-size:12px;color:var(--ink-soft);margin-top:2px}.pagination{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:var(--ink-soft)}.item-line{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-soft)}.item-line:last-child{border-bottom:none}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}.kv{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line-soft);font-size:13px}.kv:last-child{border-bottom:none}.kv .k{color:var(--ink-soft)}.section-title{font-size:13px;font-weight:700;margin:0 0 10px;color:var(--ink)}@media (max-width: 760px){.app-shell,.form-grid,.detail-grid{grid-template-columns:1fr}}