:root{font-family:Microsoft YaHei,Segoe UI,sans-serif;color:#203349;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:7px;background:#087e89;color:#fff;padding:12px 20px;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}input{display:block;width:100%;padding:12px;border:1px solid #d5dfe7;border-radius:6px;background:#fff;color:#203349;margin-top:9px}input:focus{outline:2px solid #74c2c8;outline-offset:1px}label{display:block;margin:20px 0;font-size:14px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:1px}h2{font-size:18px}p{line-height:1.8}.eyebrow{font-size:11px;color:#0d8991;letter-spacing:2px;font-weight:700}.muted{font-size:14px;color:#718293}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;background:#f3f7f9}.intro{height:100%;padding:12vh 9vw;background:radial-gradient(ellipse at 10% 10%,#235a6c,#102c40 75%);color:#fff;display:flex;flex-direction:column;justify-content:center}.intro .eyebrow{color:#78d9d1}.intro h1{font-size:44px;margin:20px 0 8px}.intro h2{font-size:35px;line-height:1.6;font-weight:500;margin-top:40px}.intro p{color:#b6cdd4}.intro-line{width:60px;height:3px;background:#49c6b5;margin-top:30px}.login-card{width:min(440px,85%);margin:40px auto;padding:35px;background:#fff;border:1px solid #e2e9ee;border-radius:14px;box-shadow:0 16px 60px #183e5010}.login-card h2{font-size:26px;margin:17px 0 8px}.login-card button{width:100%;display:flex;justify-content:space-between}.login-card small{display:block;color:#90a0ad;text-align:center;margin-top:30px;font-size:12px}#login-error{color:#bd423e;min-height:24px;font-size:14px}.app-layout{min-height:100vh;display:flex}aside{width:230px;background:#142b3b;color:#c3ced5;position:fixed;inset:0 auto 0 0;padding:27px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;font-size:20px;font-weight:700;padding:0 9px 32px}.brand small{display:block;font-size:8px;letter-spacing:1.5px;font-weight:400;color:#91aeba;margin-top:6px}.brand-icon{background:#149e9f;border-radius:10px;padding:8px;font-size:21px}.nav-caption{color:#718a9c;font-size:11px;padding:0 13px;letter-spacing:2px}nav button{display:block;background:transparent;text-align:left;width:100%;padding:13px;margin:3px 0;color:#b6c7d2;font-weight:400;font-size:14px}nav button.active{background:#1c4858;color:#8be1d6}nav button span{color:#7495a7;margin-right:12px;font-size:12px}.stage-note{margin-top:auto;border-top:1px solid #294151;padding:20px 13px 0;line-height:2;font-size:12px;color:#8fa5b3}.stage-note span{color:#617d90}.workspace{margin-left:230px;width:calc(100% - 230px)}header{height:72px;background:#fff;border-bottom:1px solid #e4ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:13px;color:#708294}.user-area{display:flex;align-items:center;gap:20px}.text-button{padding:8px 0;background:none;color:#7d8e9d;font-size:12px}.content{padding:36px;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading h1{margin:10px 0;font-size:28px}.page-heading p{color:#778795;font-size:13px;margin-bottom:0}.status{border:1px solid #c7e4d8;color:#278465;background:#edf8f2;white-space:nowrap;font-size:12px;padding:9px 13px;border-radius:30px}.status.error{color:#b1493b;background:#fff0ed;border-color:#e8c0b9}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.metric,.panel{background:#fff;border:1px solid #e0e7ef;border-radius:10px;padding:26px}.metric span{color:#7d8d9c;font-size:13px}.metric strong{display:block;font-size:38px;margin:18px 0 12px;font-variant-numeric:tabular-nums;font-weight:600}.metric strong.name{font-size:24px;padding-top:10px}.metric small{color:#91a0ad;font-size:11px}.panel-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.panel-title h2{margin:0;font-size:17px}.tag{font-size:10px;padding:5px 8px;background:#f0f5f8;color:#738a9a;border-radius:4px;white-space:nowrap}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:#eef3f7;color:#51697d;border:1px solid #d9e3eb}.danger{background:#fff1ee;color:#ae5141;border:1px solid #f0ccc2}.visual{display:flex;align-items:center;gap:30px;min-height:280px}.tank{position:relative;width:105px;height:200px;border:2px solid #a0cbd0;border-radius:30px 30px 16px 16px;overflow:hidden;background:repeating-linear-gradient(0deg,#f1f8f9 0 39px,#d7e8ec 40px 41px);flex-shrink:0}.tank>div{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,#128f99c9,#71d3bec9);height:10%;transition:height .6s}.tank>span{position:absolute;inset:45% 0 auto;text-align:center;color:#173d50;font-size:22px;font-weight:600}.visual h3{font-size:16px}.footnote{color:#96a4b1;font-size:11px;border-top:1px solid #edf1f5;padding-top:20px;margin:0}.notice{background:#fff7e6;color:#916c26;padding:10px;border-radius:5px;font-size:12px}.admin{margin-top:22px}#form-message,#admin-message{font-size:13px;min-height:22px;margin:15px 0 0}#logs{overflow:auto}#logs table{border-collapse:collapse;width:100%;margin-top:20px;font-size:12px}#logs td,#logs th{text-align:left;padding:12px 10px;border-bottom:1px solid #edf1f4;white-space:nowrap}footer{display:flex;justify-content:space-between;padding:10px 36px 24px;color:#94a3b0;font-size:11px}@media(max-width:1000px){aside{width:190px}.workspace{margin-left:190px;width:calc(100% - 190px)}.content{padding:24px}.panel-grid{grid-template-columns:1fr}.visual{min-height:230px}}@media(max-width:680px){.login-layout{grid-template-columns:1fr}.intro{padding:35px}.intro h2,.intro-line{display:none}.intro h1{font-size:32px}.intro p{margin:0}.login-card{padding:25px}aside{position:static;width:100%;padding:18px}.brand{padding-bottom:12px}.nav-caption,.stage-note{display:none}nav{display:flex;overflow:auto}nav button{min-width:max-content;width:auto;font-size:12px}.app-layout{display:block}.workspace{margin:0;width:100%}header{height:auto;min-height:60px;padding:12px 20px;gap:10px}.user-area{gap:12px}.content{padding:20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:24px}.status{font-size:10px}.metric-grid{gap:8px}.metric{padding:14px}.metric strong{font-size:30px}.metric strong.name{font-size:18px}.metric small{font-size:10px}.panel{padding:20px}footer{padding:15px 20px;gap:10px}}.inventory-overview{margin-bottom:34px}.section-heading{margin-top:10px!important;font-size:22px!important}.silo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.silo-card{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border:1px solid #dde6ed;border-radius:10px;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}.silo-card:hover{border-color:#54aeb6;box-shadow:0 5px 20px #0e5c6e0a}.silo-figure{height:145px;width:66px;flex-shrink:0;border:2px solid #9dcad0;border-radius:28px 28px 10px 10px;background:repeating-linear-gradient(0deg,#f1f7f9 0 28px,#dfebed 29px 30px);position:relative;overflow:hidden}.silo-level{position:absolute;bottom:0;width:100%;background:linear-gradient(0deg,#11858bba,#66c7b8b0);transition:height .7s}.silo-figure>span{position:absolute;inset:46% 0 auto;text-align:center;font-size:18px;font-weight:700;color:#164451}.silo-description{min-width:0}.silo-description h3{font-size:17px;margin:15px 0 10px}.silo-description p{margin-bottom:8px;font-size:12px;color:#69818f}.silo-stock{font-size:21px;color:#28495b}.silo-description small{font-size:10px;color:#8195a2}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.inventory-toolbar p{font-size:13px;color:#617e8b;margin:0}.operation-message{font-size:13px;color:#16836b;min-height:20px;margin:14px 0}.operation-message:empty{margin:0;min-height:0}.operation-message.failure{color:#b3523b}.inbound-form{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.inbound-form label{margin:6px 0 14px}.inbound-form .form-actions{grid-column:1/-1;align-items:center}.inbound-form select{display:block;width:100%;padding:12px;border:1px solid #d5dfe7;border-radius:6px;background:#fff;color:#203349;margin-top:9px;font:inherit}.inbound-form select:focus{outline:2px solid #74c2c8;outline-offset:1px}.orders-panel{margin-top:22px}.table-scroll{overflow:auto}.business-table{width:100%;border-collapse:collapse;font-size:12px;min-width:730px}.business-table th{text-align:left;font-weight:500;color:#7c91a1;background:#f7f9fb;padding:14px 12px;white-space:nowrap}.business-table td{padding:16px 12px;border-bottom:1px solid #edf1f4;vertical-align:top;max-width:260px;word-break:break-word}.business-table small{display:block;font-size:11px;color:#8b9ca9;margin-top:7px}.business-table .empty-cell{text-align:center;padding:36px;color:#9aabb7}.order-status{display:inline-block;padding:5px 9px;border-radius:4px;white-space:nowrap}.order-status.pending{background:#fff5dd;color:#a57b22}.order-status.approved{background:#e8f6ef;color:#2a8566}.order-status.rejected{background:#fff0ed;color:#b15f4b}.review-actions{display:flex;gap:7px;flex-wrap:wrap;min-width:130px}.review-actions button{padding:7px 12px;font-size:12px}.review-actions form{width:100%}.review-actions input{margin-top:0;padding:8px;margin-bottom:7px}@media(max-width:1150px){.silo-card{padding:18px;gap:12px}.silo-description .tag{font-size:9px}.inbound-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.silo-grid{grid-template-columns:1fr}.silo-figure{height:100px;width:60px}.silo-card{padding:18px 24px}.silo-description{flex:1}.silo-description h3{margin:10px 0}.inventory-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.inbound-form{grid-template-columns:1fr}}.base-dialog{padding:0;border:1px solid #e1e6eb;border-radius:6px;width:min(720px,calc(100vw - 32px));max-height:90vh;color:#203349;box-shadow:0 18px 80px #122e4933}.base-dialog::backdrop{background:#14253566}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #edf1f5}.dialog-heading h2{font-size:18px;margin:0;font-weight:500}.dialog-close{background:none;color:#8495a3;padding:0 5px;font-size:25px;line-height:1}.dialog-content{padding:12px 26px 24px}.base-dialog .inbound-form{display:block}.base-dialog .inbound-form label{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:15px;margin:20px 0}.base-dialog .inbound-form input,.base-dialog .inbound-form select{margin:0}.base-dialog .form-actions{justify-content:flex-end;border-top:1px solid #edf1f5;padding-top:20px;margin-top:24px}.base-dialog .form-actions small{margin-right:auto}.filter-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}.filter-toolbar label{margin:0;font-size:12px;color:#788b9a;flex:1;min-width:130px}.filter-toolbar input,.filter-toolbar select{height:40px;padding:9px 12px;margin-top:8px;border:1px solid #d5dfe7;border-radius:5px;background:#fff;width:100%;color:#304a5a;font:inherit}.filter-toolbar button{height:40px;padding:9px 18px}.filter-toolbar .toolbar-spacer{flex:1}.table-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;color:#8093a2;font-size:12px}.table-pagination>div{display:flex;align-items:center;gap:14px}.table-pagination button{padding:5px 11px;font-size:17px}.orders-panel .panel-title{margin-bottom:22px}.workspace header{height:64px}.workspace .content{padding-top:28px}.module-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.module-plan article{background:#f6f9fb;padding:20px;border-radius:6px}.module-plan h3{font-size:14px;color:#476579}.module-plan p{font-size:12px;color:#8497a5;margin:0}.module-badge{display:inline-block;padding:6px 10px;border-radius:4px;background:#fff6e0;color:#a78332;font-size:12px;margin-bottom:18px}@media(max-width:700px){.base-dialog .inbound-form label{grid-template-columns:1fr;gap:8px}.filter-toolbar label{min-width:45%}.module-plan{grid-template-columns:1fr}.table-pagination{flex-wrap:wrap}.dialog-content{padding:12px 20px 20px}}
