:root{color-scheme:light;--background:#f6f7f9;--surface:#fff;--surface-muted:#eef2f6;--border:#d9e0e7;--text:#17202a;--muted:#667485;--accent:#1b6b5f;--accent-strong:#134d45;--warning:#a85f00;--shadow:0 12px 30px rgba(23,32,42,.08)}*{box-sizing:border-box}body,html{min-height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a,button{font:inherit}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border);background:#0f1f1d;color:#edf7f5;padding:24px 18px}.brand{display:flex;align-items:center;gap:12px;min-height:48px;margin-bottom:28px}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:var(--accent);font-weight:800}.brand span,.brand strong{display:block}.brand span{color:#a9bfba;font-size:13px}.nav-list{display:grid;grid-gap:4px;gap:4px}.nav-item{display:flex;align-items:center;min-height:40px;padding:0 12px;border-radius:6px;color:#d5e3df;text-decoration:none}.nav-item.active,.nav-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.workspace{min-width:0;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:13px;font-weight:700;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:32px;line-height:1.1}h1,h2{margin-bottom:0}h2{font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button,.queue-list button{min-height:36px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;padding:0 14px}.actions button:first-child{background:var(--accent);border-color:var(--accent);color:#fff}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.metric-card,.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric-card{display:grid;grid-gap:16px;gap:16px;min-height:132px;padding:18px}.metric-card.compact{min-height:112px}.metric-card p,.status-list p{margin-bottom:6px;color:var(--muted);font-size:14px}.metric-card strong{font-size:30px;line-height:1}.metric-card span{color:var(--accent-strong);font-size:14px;font-weight:700}.content-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);grid-gap:18px;gap:18px}.panel{min-width:0;padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-header span{color:var(--muted);font-size:14px}.queue-list{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.queue-list li{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;grid-gap:10px;gap:10px;min-height:52px;border:1px solid var(--border);border-radius:8px;padding:8px}.queue-list span{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;background:var(--surface-muted);color:var(--muted);font-weight:700}.queue-list p{margin-bottom:0;overflow-wrap:anywhere}.status-list{display:grid;grid-gap:12px;gap:12px}.status-list div{border-bottom:1px solid var(--border);padding-bottom:12px}.status-list div:last-child{border-bottom:0;padding-bottom:0}.status-list strong{color:var(--accent-strong)}.status-success{display:inline-flex;align-items:center;gap:6px}.status-success span{display:inline-grid;width:18px;height:18px;place-items:center;border-radius:999px;background:var(--accent);color:#fff;font-size:12px;line-height:1}.section-summary{max-width:860px;margin-bottom:18px}.section-summary p{margin-bottom:0;color:var(--muted);line-height:1.6}.table-shell{display:grid;border:1px solid var(--border);border-radius:8px;overflow:hidden}.table-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(110px,.7fr) minmax(130px,1fr) minmax(130px,.9fr);min-height:48px;align-items:center;border-bottom:1px solid var(--border)}.table-row.inquiry-row{grid-template-columns:minmax(110px,.7fr) minmax(170px,1fr) minmax(170px,1.1fr) minmax(150px,.9fr) minmax(80px,.5fr)}.table-row.supplier-row{grid-template-columns:minmax(110px,.7fr) minmax(220px,1.4fr) minmax(160px,.9fr) minmax(120px,.7fr)}.table-row.administration-row,.table-row.finance-row,.table-row.logistics-row,.table-row.order-row,.table-row.quotation-row{grid-template-columns:minmax(130px,.8fr) minmax(190px,1.2fr) minmax(140px,.9fr) minmax(130px,.8fr) minmax(110px,.7fr)}.table-row:last-child{border-bottom:0}.table-row span{padding:0 12px;overflow-wrap:anywhere}.table-head{background:var(--surface-muted);color:var(--muted);font-size:13px;font-weight:800}.workspace-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;grid-gap:14px;gap:14px;margin-bottom:18px}.login-shell{display:grid;place-items:center;min-height:100vh;background:var(--background);padding:24px}.login-card{display:grid;grid-gap:12px;gap:12px;width:100%;max-width:360px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);padding:28px}.login-card h1{margin:0 0 4px;font-size:20px}.login-card label{color:var(--muted);font-size:13px;font-weight:700}.login-card input{min-height:42px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);padding:0 12px}.login-card button[type=submit]{min-height:42px;margin-top:8px;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-weight:700}.login-card button[type=submit]:disabled{opacity:.6;cursor:default}.login-error{margin:0;color:var(--warning);font-size:13px}.sidebar-footer{margin-top:auto;padding-top:16px}.sidebar-footer button{width:100%;min-height:36px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background:transparent;color:#d5e3df;cursor:pointer}.sidebar-footer button:hover{background:hsla(0,0%,100%,.1);color:#fff}.search-box{display:grid;grid-gap:6px;gap:6px}.search-box label{color:var(--muted);font-size:13px;font-weight:700}.search-box input{width:100%;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:0 12px}.search-box input,.segmented-control{min-height:42px;background:var(--surface)}.segmented-control{display:flex;flex-wrap:wrap;gap:4px;align-items:center;border:1px solid var(--border);border-radius:8px;padding:4px}.segmented-control button{min-height:32px;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;padding:0 10px}.segmented-control .selected{background:var(--accent);color:#fff}.organization-table{display:grid;border:1px solid var(--border);border-radius:8px;overflow:hidden}.organization-row{display:grid;grid-template-columns:minmax(104px,.7fr) minmax(180px,1.3fr) minmax(160px,1fr) minmax(120px,.8fr) minmax(130px,.8fr) minmax(100px,.6fr);min-height:54px;align-items:center;border-bottom:1px solid var(--border)}.organization-row:last-child{border-bottom:0}.organization-row span,.organization-row strong{min-width:0;padding:0 12px;overflow-wrap:anywhere}.organization-head{min-height:44px;background:var(--surface-muted);color:var(--muted);font-size:13px;font-weight:800}.status-pill{color:var(--warning);font-weight:800}.workflow-strip{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.workflow-step,.workflow-strip{display:grid;grid-gap:8px;gap:8px}.workflow-step{min-height:88px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:12px}.workflow-step span{width:24px;height:4px;border-radius:999px;background:var(--accent)}.workflow-step p{margin-bottom:0;color:var(--text);font-size:14px;font-weight:800}.kanban-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.kanban-lane{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px}.kanban-lane ul{display:grid;grid-gap:8px;gap:8px;margin:0;padding:0;list-style:none}.kanban-lane li{min-height:42px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);padding:10px;overflow-wrap:anywhere}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.comparison-grid article{min-height:112px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:16px}.comparison-grid p,.comparison-grid span{color:var(--muted)}.comparison-grid strong{display:block;margin-bottom:10px;font-size:24px}.order-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.review-panel{margin-top:18px}.history-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.history-list article{min-height:108px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:12px}.history-list p,.history-list span{color:var(--muted);font-size:13px}.history-list strong{display:block;margin:8px 0;overflow-wrap:anywhere}@media (max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;padding:16px}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-grid,.content-grid,.history-list,.kanban-grid,.metrics,.order-flow,.workflow-strip,.workspace-toolbar{grid-template-columns:1fr}.table-row{grid-template-columns:minmax(120px,1fr) minmax(110px,.7fr);gap:8px 0;padding:10px 0}.table-row.administration-row,.table-row.finance-row,.table-row.inquiry-row,.table-row.logistics-row,.table-row.order-row,.table-row.quotation-row,.table-row.supplier-row{grid-template-columns:minmax(120px,1fr) minmax(140px,1fr)}.organization-row{grid-template-columns:minmax(120px,1fr) minmax(160px,1fr);gap:8px 0;padding:10px 0}}@media (max-width:640px){.workspace{padding:18px}.topbar{align-items:flex-start;flex-direction:column}.nav-list{grid-template-columns:1fr 1fr}.queue-list li{grid-template-columns:32px minmax(0,1fr)}.queue-list button{grid-column:2;justify-self:start}}