:root{--navy:#0b2a4d;--navy2:#123b68;--blue:#1f6feb;--blue2:#3b82f6;--green:#19b66b;--orange:#f59e0b;--red:#ef4444;--purple:#8b5cf6;--bg:#f4f7fb;--text:#14213d;--muted:#64748b;--border:#dce4ef;--card:#fff;--shadow:0 6px 22px rgba(20,45,80,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:var(--bg)}body{min-height:100vh}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.hidden{display:none!important}
.topbar{height:66px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:fixed;top:0;left:0;right:0;z-index:30}.brand{font-weight:800;font-size:22px;letter-spacing:.5px}.userbox{display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#66a6ff);color:#fff;display:grid;place-items:center;font-weight:700}.bell{position:relative;font-size:21px}.bell:after{content:"";width:7px;height:7px;background:var(--red);border-radius:50%;position:absolute;right:-2px;top:0}
.sidebar{position:fixed;top:66px;bottom:0;left:0;width:230px;background:linear-gradient(180deg,var(--navy),#071d37);color:#d8e7f7;padding:18px 12px;overflow:auto;z-index:20}.nav-section{font-size:12px;color:#86a2bf;padding:14px 16px 6px;text-transform:uppercase;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin:4px 0;font-size:15px}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,var(--blue),#2f7cf0);color:#fff}.nav-icon{width:20px;text-align:center}.main{margin-left:230px;padding:92px 26px 44px;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;gap:20px}.page-title{font-size:28px;font-weight:800;margin:0}.page-subtitle{color:var(--muted);margin-top:6px}.actions{display:flex;gap:10px;flex-wrap:wrap}
.card{background:var(--card);border:1px solid #e7edf5;border-radius:12px;box-shadow:var(--shadow)}.card-pad{padding:20px}.grid{display:grid;gap:16px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.kpi{padding:18px;display:flex;align-items:center;gap:16px}.kpi-icon{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;font-size:25px;color:#fff;flex:none}.i-blue{background:linear-gradient(135deg,#2b7fff,#5aa7ff)}.i-green{background:linear-gradient(135deg,#12a963,#46d58f)}.i-orange{background:linear-gradient(135deg,#f59e0b,#ffbd4a)}.i-red{background:linear-gradient(135deg,#ef4444,#ff7474)}.i-purple{background:linear-gradient(135deg,#7c3aed,#a97bff)}.kpi-label{font-size:15px;color:#475569}.kpi-value{font-size:31px;font-weight:800;margin-top:2px}.kpi-unit{font-size:13px;color:var(--muted);margin-left:5px}
.dashboard-grid{grid-template-columns:1.1fr 1fr}.chart-card{padding:18px;min-height:320px}.chart-card h3{margin:0 0 14px;font-size:18px}.chart-wrap{position:relative;height:245px}.chart-wrap canvas{width:100%;height:100%}.dashboard-bottom{grid-template-columns:.72fr 1.28fr;margin-top:16px}.donut-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;font-size:13px;color:var(--muted)}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}
.btn{border:1px solid transparent;border-radius:8px;padding:10px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;transition:.18s}.btn-sm{padding:6px 11px;font-size:13px}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#1557bd}.btn-secondary{background:#fff;border-color:#b9c8da;color:#31506f}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-warning{background:var(--orange);color:#fff}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}
.form-card{padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full{grid-column:1/-1}.label{font-size:14px;font-weight:700}.required{color:var(--red)}.input,.select,.textarea{width:100%;border:1px solid #cfd9e6;background:#fff;border-radius:8px;padding:11px 12px;outline:none;color:#1e293b}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,111,235,.11)}.textarea{min-height:90px;resize:vertical}.radio-row{display:flex;gap:24px;align-items:center;min-height:42px}.upload-box{border:1.5px dashed #aebfd2;border-radius:10px;padding:23px;text-align:center;color:var(--muted);background:#fafcff}.help-card{padding:20px;height:max-content}.help-card h3{margin:0 0 14px}.help-card li{margin:10px 0;color:#536579;line-height:1.7}.two-col-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}
.filter-card{padding:17px;margin-bottom:16px}.filter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.filter-actions{display:flex;align-items:flex-end;gap:9px}.summary-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}
.table-card{overflow:hidden}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th{background:#f3f7fc;color:#344861;font-size:13px;text-align:left;padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px;border-bottom:1px solid #edf1f6;font-size:13px;vertical-align:middle}.data-table tr:hover td{background:#f9fbfe}.status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;font-size:12px;font-weight:700;white-space:nowrap}.s-DRAFT{background:#e9eef5;color:#52647a}.s-ISSUED{background:#e7f0ff;color:#1d65d7}.s-IN_PROGRESS{background:#fff3d6;color:#bb7200}.s-SUBMITTED{background:#ddf8eb;color:#078b4c}.s-REJECTED{background:#ffe6e6;color:#d52c2c}.s-ARCHIVED,.s-APPROVED{background:#ddf8eb;color:#078b4c}.priority-NORMAL{color:#1d65d7}.priority-URGENT{color:#e67e00}.priority-EXPEDITE{color:#d52c2c;font-weight:700}.overdue{color:var(--red);font-weight:700}.empty{padding:60px 20px;text-align:center;color:var(--muted)}
.alert{padding:12px 15px;border-radius:8px;margin-bottom:14px}.alert-success{background:#e2f8ed;color:#087946}.alert-error{background:#ffe7e7;color:#b91c1c}.alert-warning{background:#fff4d7;color:#a15d00}.alert-info{background:#e8f2ff;color:#185cba}
.login-page{min-height:100vh;background:linear-gradient(125deg,rgba(244,249,255,.97),rgba(228,239,255,.94)),url('/static/img/factory-bg.svg');background-size:cover;display:grid;grid-template-columns:1.1fr .9fr}.login-hero{display:flex;align-items:center;justify-content:center;padding:60px}.hero-panel{max-width:560px}.hero-panel h1{font-size:42px;margin:0 0 18px;color:#12385f}.hero-panel p{font-size:18px;color:#58718d;line-height:1.9}.hero-art{height:240px;margin-top:35px;border-radius:24px;background:linear-gradient(135deg,rgba(31,111,235,.14),rgba(25,182,107,.11));border:1px solid rgba(31,111,235,.2);display:grid;place-items:center;font-size:88px;color:var(--blue)}.login-side{display:grid;place-items:center;padding:40px}.login-card{width:min(520px,100%);padding:44px;border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(12,46,82,.16)}.login-card h2{font-size:30px;margin:0;text-align:center}.login-card .sub{text-align:center;color:var(--muted);margin:9px 0 28px}.login-footer{text-align:center;color:#7a8b9d;margin-top:22px;font-size:13px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.detail-row{display:grid;grid-template-columns:130px 1fr;padding:13px 0;border-bottom:1px solid #e8edf3}.detail-label{color:var(--muted)}.timeline{padding:8px 0}.timeline-item{position:relative;padding:0 0 28px 44px}.timeline-item:before{content:"";position:absolute;left:16px;top:30px;bottom:0;width:1px;background:#bdcce0}.timeline-item:last-child:before{display:none}.timeline-dot{position:absolute;left:0;top:0;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e8f1ff;color:var(--blue);border:1px solid #bdd4f6}.timeline-title{font-weight:700}.timeline-meta{font-size:12px;color:var(--muted);margin-top:4px}.reason-tags{display:flex;flex-wrap:wrap;gap:9px}.reason-tag{border:1px solid #c7d3e2;border-radius:7px;padding:8px 11px;background:#fff;cursor:pointer}.reason-tag:hover{border-color:var(--blue);color:var(--blue)}
.mobile-shell{max-width:760px;margin:0 auto}.mobile-top{background:linear-gradient(135deg,#0c62d7,#287df2);color:#fff;border-radius:0 0 22px 22px;padding:20px 22px 24px;margin:-26px -26px 18px}.mobile-top h1{margin:0;font-size:25px}.mobile-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mobile-kpis .kpi{padding:12px;gap:9px;display:block}.mobile-kpis .kpi-icon{width:40px;height:40px;font-size:18px;margin-bottom:8px}.mobile-kpis .kpi-value{font-size:24px}.task-card{padding:17px;margin-bottom:12px;display:flex;justify-content:space-between;gap:14px;align-items:center}.task-title{font-weight:800;font-size:17px}.task-meta{color:var(--muted);font-size:14px;margin-top:7px;line-height:1.7}.bottom-nav{display:none}
.footer{margin-left:230px;padding:18px 25px 25px;color:#8191a4;font-size:12px;text-align:center}
.production-progress-card{margin-top:16px}.progress-section-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.progress-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;border-bottom:1px solid #edf1f6}.progress-legend b{color:var(--blue);font-size:18px}.progress-alert{margin:12px 20px}.progress-table-scroll{max-height:620px}.progress-table{min-width:1450px}.progress-table th,.progress-table td{text-align:center}.progress-table th:nth-child(1),.progress-table th:nth-child(2),.progress-table td:nth-child(1),.progress-table td:nth-child(2){text-align:left}.progress-table th{white-space:normal;min-width:92px}.progress-key{font-weight:700;white-space:nowrap}.progress-cell{position:relative;min-width:92px}.progress-mark{font-size:16px;cursor:pointer;justify-content:center;min-width:32px}.progress-mark small{font-size:10px;margin-left:3px}.progress-status{display:block;color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap}.progress-empty{color:#b8c3d0;font-size:17px}.progress-details{position:relative}.progress-details summary{list-style:none}.progress-details summary::-webkit-details-marker{display:none}.progress-popover{position:absolute;z-index:10;top:34px;left:50%;transform:translateX(-50%);width:245px;padding:8px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);text-align:left}.progress-popover a{display:block;padding:7px 8px;color:var(--blue);font-size:12px;border-radius:5px}.progress-popover a:hover{background:#f1f6fd}.progress-warning-row td{background:#fffaf0}.progress-dot-blue{background:var(--blue)}.progress-dot-orange{background:var(--orange)}.progress-dot-green{background:var(--green)}.progress-dot-red{background:var(--red)}
@media(max-width:1499px){.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.kpi-grid,.summary-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,1fr)}.two-col-layout{grid-template-columns:1fr}.help-card{display:none}}
@media(max-width:780px){.topbar{height:58px;padding:0 15px}.brand{font-size:17px}.sidebar{display:none}.main{margin-left:0;padding:78px 14px 90px}.footer{margin-left:0}.userbox .user-name{display:none}.page-title{font-size:23px}.kpi-grid,.summary-row{grid-template-columns:repeat(2,1fr);gap:10px}.kpi{padding:13px;gap:10px}.kpi-icon{width:42px;height:42px;font-size:19px}.kpi-value{font-size:24px}.form-grid,.filter-grid,.detail-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-side{padding:18px}.login-card{padding:28px 22px}.mobile-kpis{grid-template-columns:repeat(2,1fr)}.mobile-top{margin:-20px -14px 16px}.task-card{align-items:flex-start;flex-direction:column}.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid var(--border);z-index:50;justify-content:space-around;align-items:center}.bottom-nav a{font-size:12px;color:#687b90;text-align:center}.bottom-nav a.active{color:var(--blue);font-weight:700}.bottom-nav .bn-icon{display:block;font-size:23px;margin-bottom:3px}.data-table{min-width:760px}.chart-card{min-height:270px}.chart-wrap{height:200px}}
@media(max-width:460px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-label{font-size:13px}.kpi-value{font-size:22px}.mobile-kpis{grid-template-columns:repeat(2,1fr)}.page-header{align-items:flex-start;flex-direction:column}.login-card h2{font-size:25px}}