:root{color:#17211f;background:#f6f7f4;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{max-width:1180px;min-height:100vh;margin:0 auto;padding:24px 24px 96px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #d8ded8;border-radius:8px;width:min(420px,100%);padding:22px;box-shadow:0 18px 50px #141f1c14}.login-form{gap:12px;margin-top:20px;display:grid}.login-form label{gap:6px;display:grid}.login-form label span{color:#64716e;font-size:12px}.login-form input{color:#17211f;width:100%;min-height:44px;font:inherit;background:#f9fbf9;border:1px solid #cfd7d2;border-radius:8px;padding:0 12px}.demo-login-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.role-switch{background:#eef5f1;border:1px solid #cbdad4;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:2px;padding:3px;display:inline-grid}.role-switch button{color:#465753;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:54px;min-height:34px}.role-switch button.active{color:#fff;background:#0f766e}.user-pill{color:#53625e;background:#fff;border:1px solid #d8ded8;border-radius:8px;align-items:center;min-height:34px;padding:0 10px;font-size:13px;display:inline-flex}.eyebrow{color:#5f6f6a;margin:0 0 4px;font-size:13px}h1,h2,p{margin:0}h1{font-size:30px;font-weight:700}.icon-button,.primary-button,.secondary-button,.section-title button,.todo-row,.mobile-nav button{cursor:pointer;border:0}.icon-button{color:#17413a;background:#dfeae4;border-radius:8px;width:44px;height:44px}.assistant-entry{background:#fff;border:1px solid #d8ded8;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:18px;display:flex}.draft-panel{background:#fff;border:1px solid #d8ded8;border-radius:8px;margin-top:18px;padding:18px}.draft-input-row{grid-template-columns:1fr auto;align-items:stretch;gap:12px;display:grid}.draft-input-row textarea{resize:vertical;color:#17211f;width:100%;min-height:94px;font:inherit;background:#f9fbf9;border:1px solid #cfd7d2;border-radius:8px;padding:12px;line-height:1.55}.draft-input-row .primary-button{align-self:stretch}.draft-result{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.draft-result div{background:#f7f9f6;border-radius:8px;min-height:72px;padding:12px}.draft-result span,.draft-result small{color:#64716e;font-size:12px;display:block}.draft-result strong{overflow-wrap:anywhere;margin-top:6px;font-size:16px;display:block}.draft-actions{color:#5f6f6a;align-items:center;gap:12px;margin-top:14px;display:flex}.confirmed-order{background:#f7fbf8;border:1px solid #c7ddd4;border-radius:8px;margin-top:14px;padding:14px}.confirmed-title{color:#17413a;align-items:center;gap:10px;display:flex}.confirmed-title svg{color:#0f766e}.confirmed-title span{color:#64716e;font-size:12px;display:block}.confirmed-title strong{margin-top:3px;font-size:18px;display:block}.order-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.order-summary-grid div{background:#fff;border-radius:8px;padding:10px}.order-summary-grid span{color:#64716e;font-size:12px;display:block}.order-summary-grid strong{overflow-wrap:anywhere;margin-top:5px;font-size:15px;display:block}.warning-text,.error-text{margin-top:12px;line-height:1.55}.warning-text{color:#7a5a1b}.error-text{color:#a33425}.spin{animation:.9s linear infinite spin}.assistant-copy{align-items:flex-start;gap:14px;display:flex}.assistant-copy svg{color:#0f766e;flex:none}.assistant-copy h2{margin-bottom:5px;font-size:20px}.assistant-copy p{color:#61706c;line-height:1.55}.primary-button{color:#fff;background:#0f766e;border-radius:8px;min-width:104px;min-height:42px}.primary-button:disabled{cursor:wait;opacity:.7}.secondary-button{color:#17413a;background:#edf5f1;border:1px solid #b9d2c8;border-radius:8px;min-width:104px;min-height:42px}.secondary-button:disabled{cursor:wait;opacity:.7}.compact-button{min-width:64px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.metric{background:#fff;border:1px solid #dce1dc;border-radius:8px;padding:16px}.metric span{color:#63716d;font-size:13px;display:block}.metric strong{margin-top:10px;font-size:24px;display:block}.metric.sensitive{background:#f8fbf9;border-color:#cadcd6}.metric.compact strong{font-size:20px}.work-panel,.orders-panel,.audit-panel,.customer-panel,.supplier-panel,.entity-panel{background:#fff;border:1px solid #d8ded8;border-radius:8px;margin-top:20px;padding:18px}.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.entity-card{background:#fbfcfb;border:1px solid #dce6e1;border-radius:8px;padding:14px}.entity-card-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.entity-card-title span{color:#64716e;font-size:12px;display:block}.entity-card-title strong{margin-top:3px;font-size:18px;display:block}.entity-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.entity-fields label{gap:6px;display:grid}.entity-fields label span{color:#64716e;font-size:12px}.entity-fields input{color:#17211f;width:100%;min-height:38px;font:inherit;background:#fff;border:1px solid #cfd7d2;border-radius:8px;padding:0 10px;font-size:13px}.entity-fields input:disabled{color:#53625e;background:#f4f7f5}.entity-actions{color:#64716e;justify-content:flex-end;align-items:center;min-height:42px;margin-top:12px;font-size:13px;display:flex}.section-title-with-icon{align-items:center;gap:8px;display:flex}.section-title-with-icon svg{color:#0f766e}.audit-list{gap:8px;display:grid}.audit-row{background:#fbfcfb;border:1px solid #dce6e1;border-radius:8px;grid-template-columns:minmax(0,1.5fr) minmax(160px,.7fr) minmax(140px,.6fr);align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:grid}.audit-row strong,.audit-row span{overflow-wrap:anywhere;display:block}.audit-row strong{font-size:14px}.audit-row span{color:#64716e;margin-top:4px;font-size:12px}.customer-toolbar{grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.customer-toolbar label,.customer-form label{gap:6px;display:grid}.customer-toolbar label span,.customer-form label span,.contact-title span{color:#64716e;font-size:12px}.customer-toolbar input,.customer-form input,.customer-form select{color:#17211f;width:100%;min-height:42px;font:inherit;background:#f9fbf9;border:1px solid #cfd7d2;border-radius:8px;padding:0 12px}.customer-workspace{grid-template-columns:minmax(230px,.85fr) minmax(0,2fr);gap:14px;display:grid}.customer-list{align-content:start;gap:8px;display:grid}.customer-row{color:#243330;text-align:left;cursor:pointer;background:#fbfcfb;border:1px solid #dce6e1;border-radius:8px;gap:5px;width:100%;min-height:58px;padding:10px 12px;display:grid}.customer-row.active{background:#eef8f4;border-color:#75b7a8}.customer-row strong,.contact-row strong{overflow-wrap:anywhere}.customer-row span,.contact-row span,.empty-note{color:#64716e;font-size:12px}.customer-editor{gap:14px;display:grid}.customer-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:10px;display:grid}.contact-panel{background:#fbfcfb;border:1px solid #dce6e1;border-radius:8px;padding:14px}.contact-title{gap:4px;margin-bottom:10px;display:grid}.contact-list{gap:8px;margin-bottom:12px;display:grid}.contact-row{background:#fff;border-radius:8px;grid-template-columns:minmax(100px,.8fr) minmax(0,1.4fr) auto;align-items:center;gap:10px;min-height:44px;padding:10px;display:grid}.compact-form{grid-template-columns:repeat(4,minmax(0,1fr)) auto}.supplier-form{grid-template-columns:repeat(3,minmax(0,1fr)) auto;margin-bottom:14px}.supplier-workspace{grid-template-columns:minmax(230px,.85fr) minmax(0,2fr);gap:14px;display:grid}.supplier-list{align-content:start;gap:8px;display:grid}.supplier-product-list{gap:8px;margin-top:12px;display:grid}.orders-filter{grid-template-columns:minmax(240px,1fr) 180px auto auto;align-items:end;gap:10px;margin-bottom:14px;display:grid}.orders-filter label{gap:6px;display:grid}.orders-filter label span{color:#64716e;font-size:12px}.orders-filter input,.orders-filter select{color:#17211f;width:100%;min-height:42px;font:inherit;background:#f9fbf9;border:1px solid #cfd7d2;border-radius:8px;padding:0 12px}.orders-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.orders-summary div{background:#f7f9f6;border-radius:8px;min-height:66px;padding:12px}.orders-summary span,.orders-table td span{color:#64716e;font-size:12px;display:block}.orders-summary strong{margin-top:6px;font-size:18px;display:block}.orders-table-wrap{overflow-x:auto}.orders-table{border-collapse:collapse;width:100%;min-width:980px}.orders-table th,.orders-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e1e7e2;padding:12px 10px}.orders-table th{color:#64716e;background:#f7f9f6;font-size:12px;font-weight:600}.orders-table td{color:#253330;font-size:13px}.orders-table td strong{overflow-wrap:anywhere;max-width:220px;display:block}.status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:62px;min-height:26px;padding:4px 8px;font-size:12px;display:inline-flex}.status-badge.done{color:#0c5f45;background:#dff1e9}.status-badge.partial{color:#735213;background:#f7eccb}.status-badge.pending{color:#56625f;background:#e9eeea}.section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title h2{font-size:18px}.section-title button{color:#0f766e;background:0 0}.todo-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.todo-row{color:#243330;text-align:left;background:#f7f9f6;border-radius:8px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;min-height:54px;padding:12px;display:grid}.todo-row svg{color:#0f766e}.mobile-nav{background:#fffffff5;border:1px solid #d8ded8;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;display:none;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 16px 40px #141f1c1f}.mobile-nav button{color:#45524f;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;font-size:12px;display:flex}.mobile-nav svg{color:#0f766e}@media (width<=760px){.app-shell{padding:18px 14px 92px}h1{font-size:24px}.assistant-entry{flex-direction:column;align-items:stretch}.topbar{flex-direction:column;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.draft-input-row,.draft-result,.order-summary-grid,.orders-filter,.orders-summary,.customer-toolbar,.customer-workspace,.customer-form,.compact-form,.supplier-form,.supplier-workspace,.contact-row,.audit-row,.entity-grid,.entity-fields{grid-template-columns:1fr}.draft-actions{flex-direction:column;align-items:stretch}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-list{grid-template-columns:1fr}.mobile-nav{display:grid}}@keyframes spin{to{transform:rotate(360deg)}}
