:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;--accent:#f48120;--accent-strong:#d96500;--line:#e7e9ee;--muted:#6b7280;--panel:#fff;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f6f7f9;min-width:1180px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#121826;flex-direction:column;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:8px 10px 22px;display:flex}.brand-mark{background:linear-gradient(135deg,#ff9a3d,#f06c00);border-radius:10px;place-items:center;width:36px;height:36px;font-weight:800;display:grid;box-shadow:0 8px 24px #f06c0038}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{color:#8f9aae;margin-top:2px;font-size:12px}nav{gap:4px;display:grid}.nav-item{color:#aeb7c7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 12px;display:flex}.nav-item:hover{color:#fff;background:#ffffff0e}.nav-item.active{color:#ffb16f;background:#f4812024}.sidebar-note{color:#d5d9e2;background:#ffffff09;border:1px solid #ffffff14;border-radius:12px;gap:10px;margin-top:auto;padding:12px;display:flex}.sidebar-note strong,.sidebar-note span{display:block}.sidebar-note strong{font-size:12px}.sidebar-note span{color:#8f9aae;margin-top:3px;font-size:11px}.main{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.search-box{color:#8b93a1;align-items:center;gap:9px;width:420px;display:flex}.search-box input{color:#293246;background:0 0;border:0;outline:0;width:100%}.user-chip{color:#737b89;align-items:center;gap:10px;font-size:12px;display:flex}.user-chip strong{color:#202839;background:#f0f2f5;border-radius:8px;padding:7px 9px}.content{padding:28px}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:24px}.page-head p{color:var(--muted);margin:7px 0 0;font-size:13px}.primary-btn{color:#fff;background:#172033;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 15px;display:inline-flex;box-shadow:0 3px 10px #17203321}.primary-btn:hover{background:#0f1624}.secondary-btn{border:1px solid var(--line);color:#4d586b;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:9px 13px;display:inline-flex}.secondary-btn:hover{background:#fafbfc;border-color:#c5cad3}.action-row{gap:8px;display:flex}.toast{color:#237548;background:#effaf3;border:1px solid #cfe9d9;border-radius:10px;align-items:center;gap:8px;margin:-4px 0 16px;padding:11px 14px;font-size:12px;display:flex}.toast button{color:inherit;background:0 0;border:0;margin-left:auto;font-size:18px;line-height:1}.db-status{color:#6b7280;font-size:10px}.db-status.connected{color:#237548}.db-status.error{color:#aa3f3f}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;min-height:122px;padding:16px 18px;position:relative;overflow:hidden}.stat-card:before{content:"";background:#d4d8df;width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card.tone-info:before{background:#5286e8}.stat-card.tone-warning:before{background:#ec9c27}.stat-card.tone-danger:before{background:#e15151}.stat-card.tone-success:before{background:#31a36b}.stat-card span,.stat-card strong,.stat-card small{display:block}.stat-card span{color:#697384;font-size:12px}.stat-card strong{margin:10px 0 7px;font-size:30px}.stat-card small{color:#9aa1ad}.workflow-toolbar{background:#fff8ef;border:1px solid #f6dfc6;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:15px 17px;display:flex}.workflow-toolbar strong,.workflow-toolbar span{display:block}.workflow-toolbar strong{font-size:13px}.workflow-toolbar span{color:#886c50;margin-top:4px;font-size:11px}.workflow-panel{margin-bottom:16px}.workflow-actions{grid-template-columns:repeat(3,1fr);gap:9px;padding:16px 18px;display:grid}.workflow-actions button{color:#354055;text-align:left;background:#fff;border:1px solid #dfe3e9;border-radius:9px;padding:11px 12px;font-size:12px;transition:all .15s}.workflow-actions button:hover:not(:disabled){color:#a85b16;background:#fffaf5;border-color:#e6974e;transform:translateY(-1px)}.workflow-actions button:disabled{color:#aeb4bd;cursor:not-allowed;background:#f6f7f9}.next-action{background:#f6f8fb;border-radius:9px;align-items:center;gap:10px;margin:0 18px 17px;padding:11px 13px;font-size:12px;display:flex}.next-action strong{color:#536076}.next-action span{color:#172033;font-weight:650}.component-cards{grid-template-columns:repeat(3,1fr);gap:12px;padding:15px 18px 18px;display:grid}.component-card{border:1px solid var(--line);background:#fcfdfe;border-radius:11px;padding:13px}.component-card-title{justify-content:space-between;gap:8px;display:flex}.component-card-title strong{font-size:12px}.component-card-title span{color:var(--muted);text-align:right;font-size:10px}.component-numbers{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px;display:grid}.component-numbers small,.component-numbers b{display:block}.component-numbers small{color:var(--muted);font-size:10px}.component-numbers b{margin-top:3px;font-size:16px}.progress-track{background:#edf0f3;border-radius:999px;height:5px;margin-top:13px;overflow:hidden}.progress-track i{border-radius:inherit;background:#31a36b;height:100%;transition:width .2s;display:block}.event-panel{margin-top:16px}.event-list{padding:5px 18px 14px}.event-list>div{border-bottom:1px solid #eff1f4;align-items:flex-start;gap:11px;padding:9px 0;display:flex}.event-list>div:last-child{border-bottom:0}.event-list span{color:var(--accent-strong);padding-top:2px;font-size:10px;font-weight:800}.event-list p{color:#4c5667;margin:0;font-size:12px;line-height:1.45}.master-panel,.bom-panel,.detail-panel{margin-bottom:16px}.master-form{border-bottom:1px solid var(--line);background:#fbfcfd;gap:8px;padding:14px 18px;display:flex}.master-form input,.master-form select{color:#273246;background:#fff;border:1px solid #dfe3e9;border-radius:8px;outline:0;flex:1;min-width:0;padding:9px 10px}.master-form input:focus,.master-form select:focus{border-color:#e6974e;box-shadow:0 0 0 3px #e6974e1f}.empty-state{color:#8c95a2;text-align:center;padding:24px 18px;font-size:12px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 18px;display:grid}.detail-grid div{border:1px solid var(--line);background:#fcfdfe;border-radius:10px;padding:12px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:var(--muted);font-size:10px}.detail-grid strong{margin-top:7px;font-size:14px}.flow-panel{margin-bottom:16px}.flow-track{grid-template-columns:repeat(6,1fr);gap:0;padding:18px;display:grid}.flow-step{gap:9px;min-width:0;padding-right:22px;display:flex;position:relative}.flow-index{color:#fff;background:#5286e8;border-radius:9px;flex:0 0 28px;place-items:center;height:28px;font-size:10px;font-weight:800;display:grid}.flow-step.tone-danger .flow-index{background:#df5a5a}.flow-step.tone-warning .flow-index{background:#e2a038}.flow-step.tone-success .flow-index{background:#31a36b}.flow-copy{min-width:0}.flow-copy strong,.flow-copy span,.flow-copy small{display:block}.flow-copy strong{font-size:12px}.flow-copy span{color:#697384;margin-top:5px;font-size:10px;line-height:1.45}.flow-copy small{color:#263247;margin-top:7px;font-size:11px;font-weight:700}.flow-arrow{color:#b5bbc5;position:absolute;top:5px;right:0}.component-closure{border-top:1px solid var(--line);padding:14px 18px 17px}.closure-head{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.closure-head strong{font-size:12px}.closure-head span{color:var(--muted);font-size:11px}.closure-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.closure-grid>div{border:1px solid var(--line);background:#fbfcfd;border-radius:10px;padding:10px 12px}.closure-grid span,.closure-grid strong,.closure-grid small{display:block}.closure-grid span{color:var(--muted);font-size:10px}.closure-grid strong{margin:3px 0 4px;font-size:18px}.closure-grid small{color:#5e6878;font-size:11px}.grid-2{grid-template-columns:1.65fr .85fr;gap:16px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.panel-head h2{margin:0;font-size:15px}.panel-head p{color:var(--muted);margin:5px 0 0;font-size:12px}.text-btn{color:#737d8d;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;display:flex}.table-shell{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#818999;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfc;padding:11px 14px;font-weight:600}td{color:#364053;white-space:nowrap;border-bottom:1px solid #eff1f4;padding:13px 14px}tbody tr:hover{background:#fbfbfc}tbody tr:last-child td{border-bottom:0}.badge{border-radius:999px;align-items:center;padding:4px 8px;font-size:11px;font-weight:650;display:inline-flex}.badge-neutral{color:#5f6876;background:#eef0f3}.badge-info{color:#315fba;background:#edf3ff}.badge-warning{color:#9a6518;background:#fff4df}.badge-success{color:#237548;background:#e9f7ef}.badge-danger{color:#aa3f3f;background:#fdecec}.exception-list{gap:10px;padding:14px;display:grid}.exception{border:1px solid var(--line);background:#fff;border-left-width:3px;border-radius:10px;padding:12px}.exception strong,.exception span,.exception small{display:block}.exception strong{font-size:12px}.exception span{color:#697384;margin-top:4px;font-size:11px}.exception small{color:#969daa;margin-top:7px;line-height:1.45}.exception.danger{border-left-color:#df5a5a}.exception.warning{border-left-color:#e2a038}.exception.neutral{border-left-color:#aab1bc}.placeholder-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.placeholder-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.placeholder-card span{color:var(--accent-strong);font-size:11px;font-weight:800}.placeholder-card strong{margin:18px 0 8px;display:block}.placeholder-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}.link-btn{color:#a85b16;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:11px;display:inline-flex}.modal-backdrop{z-index:20;background:#1720336b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.password-dialog{border:1px solid var(--line);background:#fff;border-radius:14px;width:min(430px,100%);padding:22px;box-shadow:0 24px 80px #1720333d}.dialog-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.dialog-head h2{margin:0;font-size:17px}.dialog-head p{color:var(--muted);margin:6px 0 0;font-size:12px}.dialog-close{color:#7b8492;background:0 0;border:0;padding:0 2px;font-size:24px;line-height:1}.dialog-close:hover{color:#172033}.password-dialog label{color:#536076;gap:6px;font-size:12px;display:grid}.password-dialog label+label{margin-top:2px}.password-dialog .auth-form input{width:100%}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.success-message{color:#237548;background:#effaf3;border-color:#cfe9d9}.auth-shell{background:radial-gradient(circle at 20% 10%,#fff5e7,#0000 34%),#f4f5f7;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;width:min(420px,100%);padding:34px;box-shadow:0 18px 60px #27304114}.auth-card .brand-mark{margin:0 auto 14px}.auth-card h1{margin:0;font-size:24px}.auth-card>p{color:var(--muted);margin:9px 0 22px;font-size:13px}.auth-tabs{border-bottom:1px solid var(--line);margin-bottom:18px;display:flex}.auth-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px}.auth-tabs button.active{color:#a85b16;border-bottom-color:#e6974e;font-weight:700}.auth-form{text-align:left;gap:10px;display:grid}.auth-form input{border:1px solid #dfe3e9;border-radius:8px;outline:0;padding:11px 12px}.auth-form input:focus{border-color:#e6974e;box-shadow:0 0 0 3px #e6974e1f}.auth-form button{justify-content:center;margin-top:4px}.auth-message{color:#886c50;background:#fff8ef;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12px;line-height:1.5}.inline-message{margin:0 18px 14px}.auth-note{color:#9aa1ad;margin-top:18px;line-height:1.5;display:block}@media (width<=1280px){body{min-width:1024px}.app-shell{grid-template-columns:210px 1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}