:root{font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif;color:#222}*{box-sizing:border-box}body{margin:0;background:#f5f6f8}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:24px;padding:0 20px;height:52px;background:#1f3a5f;color:#fff}.brand{font-weight:600;font-size:16px}.topbar nav{display:flex;gap:4px}.nav-btn{background:transparent;border:none;color:#cfd9e8;font-size:15px;padding:8px 16px;cursor:pointer;border-radius:4px}.nav-btn:hover{color:#fff}.nav-btn.active{background:#ffffff26;color:#fff;font-weight:600}.content{flex:1;padding:16px 20px}.page-narrow{max-width:860px}.page-split{display:flex;gap:16px;align-items:flex-start}aside{width:300px;flex-shrink:0;background:#fff;border:1px solid #e0e3e8;border-radius:6px;padding:12px}.materials-pane{max-height:calc(100vh - 120px);overflow-y:auto}.grow{flex:1;min-width:0;background:#fff;border:1px solid #e0e3e8;border-radius:6px;padding:12px 16px}.drop-zone{min-height:300px}.field{display:block;margin-bottom:10px}.field span{display:block;font-size:13px;color:#666;margin-bottom:4px}input,select{width:100%;padding:6px 8px;border:1px solid #c8ccd4;border-radius:4px;font-size:14px;font-family:inherit}button{padding:6px 12px;border:1px solid #c8ccd4;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;font-family:inherit;white-space:nowrap}button:hover{background:#f0f2f5}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#1f6fd6;border-color:#1f6fd6;color:#fff}button.primary:hover{background:#1a5fb8}button.danger{color:#c0392b;border-color:#e0b4ae}.button-link{display:inline-block;padding:6px 12px;border-radius:4px;background:#2e8b57;color:#fff;text-decoration:none;font-size:14px;white-space:nowrap}.import-box{display:flex;gap:12px;align-items:center;margin:12px 0}.import-box input[type=file]{border:none;padding:0}.data-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:14px}.data-table th,.data-table td{border:1px solid #e0e3e8;padding:6px 8px;text-align:left;vertical-align:top}.data-table th{background:#f0f2f5;white-space:nowrap}.cell-feature,.material-feature{white-space:pre-wrap;word-break:break-word;max-width:420px;color:#555;font-size:13px}.cell-name{font-weight:600}.cell-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cell-actions{white-space:nowrap}.cell-actions button{margin-right:4px;padding:4px 8px;font-size:13px}.num-input{width:90px}.hint{color:#888;font-size:13px}.error{color:#c0392b;font-size:13px}.tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;white-space:nowrap}.tag-ok{background:#e2f4e8;color:#217346}.tag-warn{background:#fdf3d8;color:#946f00}.tag-error{background:#fde8e6;color:#c0392b}.material-list{list-style:none;margin:12px 0 0;padding:0}.material-item{border:1px solid #e0e3e8;border-radius:4px;padding:8px 10px;margin-bottom:8px;cursor:grab;background:#fff}.material-item:hover{border-color:#1f6fd6}.material-item-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.project-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;background:#fff;border:1px solid #e0e3e8;border-radius:6px;padding:10px 14px}.project-bar label{display:flex;align-items:center;gap:6px;font-size:14px}.project-bar select,.project-bar input{width:auto;min-width:200px}.total-bar{margin-top:12px;text-align:right;font-size:15px}.total-bar strong{color:#c0392b;font-size:17px}.banner{background:#eef4fc;border:1px solid #c9dcf5;border-radius:6px;padding:10px 14px;font-size:13px;color:#1f3a5f;margin-bottom:12px}.warning{background:#fdf3d8;border:1px solid #f0dfa8;border-radius:4px;color:#946f00;padding:8px 12px;font-size:13px}.settings-section{background:#fff;border:1px solid #e0e3e8;border-radius:6px;padding:12px 16px;margin-bottom:16px}.checkbox-field{display:flex;align-items:center;gap:6px;font-size:14px;margin-bottom:10px}.checkbox-field input{width:auto}.source-picker{display:flex;gap:16px;margin:4px 0 12px}.source-picker label{display:flex;align-items:center;gap:6px;font-size:14px}.source-picker input{width:auto}.materials-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.login-page{display:flex;justify-content:center;padding-top:80px}.login-box{width:320px;background:#fff;border:1px solid #e0e3e8;border-radius:6px;padding:24px}.login-box h1{font-size:18px;margin:0 0 16px}.login-box button{width:100%}.logout-btn{margin-left:auto}.save-status{margin-left:auto;font-size:13px;white-space:nowrap}.save-status-saved{color:#217346}.save-status-saving{color:#946f00}.save-status-error{color:#c0392b;font-weight:600}.failed-saves{background:#fde8e6;border:1px solid #f0b9b3;border-radius:6px;padding:8px 12px;margin-bottom:12px}.failed-save-row{display:flex;align-items:center;gap:8px;padding:4px 0}.undo-list{margin-bottom:12px}.undo-bar{display:flex;align-items:center;gap:10px;background:#fdf3d8;border:1px solid #f0dfa8;border-radius:6px;padding:8px 12px;margin-bottom:6px;font-size:13px}.pagination-bar{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:13px}.pagination-bar select{width:auto}.checkbox-inline{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.checkbox-inline input{width:auto}button.export-btn{border:none;cursor:pointer}.history-select{margin-top:6px;font-size:13px;padding:4px 6px}