*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:IBM Plex Sans,system-ui,sans-serif;color:#23272b;background:#e6e9ed;--accent: #1b72c4;--rowpad: 3px 8px}::selection{background:color-mix(in srgb,var(--accent) 22%,transparent)}input{font-family:inherit}.mono{font-family:IBM Plex Mono,monospace}.hidden{display:none!important}.app{height:100vh;display:flex;flex-direction:column;background:#e6e9ed}.topbar{flex:0 0 auto;display:flex;align-items:center;gap:16px;height:54px;padding:0 18px;background:#fff;border-bottom:1px solid #c7cdd3}.brand{display:flex;align-items:center;gap:10px}.logo{width:22px;height:22px;background:var(--accent);border-radius:3px;display:flex;align-items:center;justify-content:center}.logo>i{width:10px;height:10px;border:1.5px solid #fff;border-radius:1px}.brand .name{font-weight:600;font-size:14px;letter-spacing:.2px}.brand .tag{font-size:11px;color:#8b9298;font-family:IBM Plex Mono,monospace;padding-top:1px}.filemeta{display:flex;align-items:center;gap:6px;font-size:11px;color:#8b9298;font-family:IBM Plex Mono,monospace;border-left:1px solid #e0e4e8;padding-left:16px}.filemeta .fn{color:#4a5157}.grow{flex:1 1 auto}.actions{display:flex;align-items:center;gap:8px}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12.5px;font-weight:500;color:#3a4046;background:#fff;border:1px solid #c7cdd3;border-radius:4px;cursor:pointer;transition:.12s}.btn:hover{border-color:#a9b0b7;background:#f6f8fa}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:#9aa1a8}.btn.ghost:hover{color:#c0392b;border-color:#e0b4ae;background:#fff}.btn.primary{padding:0 14px;font-weight:600;color:#fff;background:var(--accent);border-color:transparent}.btn.primary:hover{filter:brightness(.94);background:var(--accent)}.menu{position:relative}.menu-panel{position:absolute;right:0;top:38px;z-index:20;min-width:280px;max-height:60vh;overflow:auto;background:#fff;border:1px solid #c7cdd3;border-radius:6px;box-shadow:0 8px 24px #0000001f;padding:6px}.menu-empty{padding:12px;font-size:12px;color:#8b9298;font-family:IBM Plex Mono,monospace}.menu-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:4px;cursor:pointer}.menu-item:hover{background:#f2f5f8}.menu-item .mi-main{flex:1 1 auto;min-width:0}.menu-item .mi-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-item .mi-sub{font-size:10.5px;color:#8b9298;font-family:IBM Plex Mono,monospace}.menu-item .mi-del{border:none;background:none;color:#c3c9cf;font-size:15px;cursor:pointer;border-radius:3px;width:22px;height:22px}.menu-item .mi-del:hover{color:#c0392b;background:#fbecea}main{flex:1 1 auto;min-height:0;padding:18px;overflow:hidden}.dropzone{height:100%;border:1.5px dashed #bfc6cd;border-radius:6px;background:#fbfcfd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;cursor:pointer;background-image:radial-gradient(#d3d8dd 1px,transparent 1px);background-size:22px 22px;transition:border-color .12s,background-color .12s}.dropzone.drag{border-color:var(--accent);background-color:color-mix(in srgb,var(--accent) 8%,#fff)}.dropzone .h{font-size:16px;font-weight:600;color:#2b3036}.dropzone .sub{font-size:13px;color:#8b9298;margin-top:6px}.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:640px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.chips span{padding:3px 8px;background:#fff;border:1px solid #dde1e6;border-radius:3px;color:#6b7278}.linkbtn{font-size:12px;color:var(--accent);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.err{font-size:12px;color:#c0392b;font-family:IBM Plex Mono,monospace}.tablewrap{height:100%;display:flex;flex-direction:column}.dochead{flex:0 0 auto;padding:4px 2px 16px}.print-title{display:none;font-size:26px;font-weight:700;letter-spacing:-.6px;line-height:1.15;color:#111}.title-input{display:block;width:100%;border:none;border-bottom:1px solid transparent;background:transparent;padding:0 0 4px;font-size:28px;font-weight:700;letter-spacing:-.6px;line-height:1.15;color:#1a1e22;outline:none}.title-input:focus{border-bottom-color:var(--accent)}.docmeta{display:flex;align-items:center;gap:8px;margin-top:8px;font-family:IBM Plex Mono,monospace;font-size:11px;color:#9aa1a8}.docmeta .kicker{text-transform:uppercase;letter-spacing:.6px}.scroll{flex:1 1 auto;min-height:0;overflow:auto;background:#fff;border:1px solid #c7cdd3;border-radius:6px}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.mat-group{margin-bottom:22px}.mat-group:last-child{margin-bottom:0}.mat-caption{display:flex;align-items:baseline;gap:12px;padding:7px 10px 6px;border-bottom:2px solid var(--accent, #2c6ca8);background:color-mix(in srgb,var(--accent, #2c6ca8) 8%,#fff)}.mat-name{font-weight:700;font-size:13px;letter-spacing:.2px;color:#23272b;outline:none;border-radius:3px;padding:1px 4px;margin:-1px -4px}.mat-name:focus{background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent, #2c6ca8) 20%,transparent)}.mat-count{font-family:IBM Plex Mono,monospace;font-size:11px;color:#8b9298}thead th{position:sticky;background:#f0f3f6;z-index:3}.th-main{top:0;border-bottom:1px solid #c7cdd3;border-right:1px solid #dee2e6;padding:8px 10px;text-align:right;font-weight:600;font-size:11px;color:#5a6167}.th-main.l{text-align:left;padding:8px 12px}.th-main .u{font-weight:400;color:#9aa1a8;font-size:9.5px;font-family:IBM Plex Mono,monospace}.th-grp{top:0;height:30px;box-sizing:border-box;vertical-align:bottom;background:#eaf1f8;border-bottom:1px solid #d2dfec;border-right:1px solid #a6b9ce;padding:6px 10px;text-align:center;font-weight:600;font-size:10.5px;letter-spacing:.3px;text-transform:uppercase;color:#2c6ca8}.th-sub{top:30px;vertical-align:top;background:#eaf1f8;border-bottom:1px solid #c7cdd3;border-right:1px solid #a6b9ce;padding:5px 8px;text-align:right;font-weight:500;font-size:10px;color:#3e7cb5;font-family:IBM Plex Mono,monospace}.th-actions{top:0;border-bottom:1px solid #c7cdd3;padding:8px 4px;background:#f0f3f6}tbody td{border-bottom:1px solid #eceff2;border-right:1px solid #eceff2;padding:var(--rowpad)}tbody td.edge{background:color-mix(in srgb,#eaf1f8 45%,var(--rowbg, #fff));border-right:1px solid #a6b9ce}tbody td.sep{border-right:1px solid #a6b9ce}tbody td.act{padding:0 2px;text-align:center;vertical-align:middle;border-right:none}.cell{display:block;width:100%;border:1px solid transparent;border-radius:3px;background:transparent;padding:2px 6px;color:#23272b;outline:none;font-family:inherit;font-size:13px;line-height:1.3;min-height:22px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;cursor:text}.cell:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.cell.num{text-align:right;padding:2px 4px;font-family:IBM Plex Mono,monospace}.cell.no{text-align:right;padding:2px 4px;font-family:IBM Plex Mono,monospace;font-size:12px;color:#9aa1a8}.cell.desig{font-weight:500}.cell.mat{color:#4a5157}.cell.cnt{text-align:left;padding:2px 4px;font-family:IBM Plex Mono,monospace;font-size:12px;color:#38424c}.del{width:22px;height:22px;line-height:1;border:none;background:none;color:#c3c9cf;font-size:16px;cursor:pointer;border-radius:3px}.del:hover{color:#c0392b;background:#fbecea}.muted{color:#8b9298}.plus{font-size:16px;line-height:1}.ghead{flex:0 0 auto;display:flex;align-items:center;gap:14px;height:56px;padding:0 22px;background:#fff;border-bottom:1px solid #c7cdd3}.ghead-title{font-weight:600;font-size:14px}.ghead-right{display:flex;align-items:center;gap:14px}.tabs{display:flex;gap:2px;margin-left:8px;padding:3px;background:#eef1f4;border-radius:7px}.tab{height:28px;padding:0 14px;font-size:12.5px;font-weight:500;border:none;border-radius:5px;cursor:pointer;color:#8b9298;background:transparent}.tab.active{color:#1e242a;background:#fff;box-shadow:0 1px 2px #141c281f}.icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:4px;border-radius:6px;border:1px solid #c7cdd3;background:#fff;color:#5a6167;cursor:pointer}.icon-btn:hover{background:#f1f3f6}.icon-btn.active{background:#eaf1f8;border-color:color-mix(in srgb,var(--accent) 45%,#c7cdd3);color:var(--accent)}.grid-scroll{flex:1 1 auto;overflow:auto;padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:18px;max-width:1400px;margin:0 auto}.card{background:#fff;border:1px solid #c7cdd3;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .12s,transform .12s,border-color .12s}.card:hover{box-shadow:0 6px 20px #1e283721;transform:translateY(-2px);border-color:#a9b0b7}.card-cover{position:relative;height:148px;border-bottom:1px solid #e2e6ea;display:flex;align-items:center;justify-content:center}.card-cover-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#c6cdd4 1px,transparent 1px);background-size:16px 16px;opacity:.6}.skp-pill{position:absolute;top:10px;right:10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;color:#fff;background:#1b2837b8;padding:3px 7px;border-radius:4px;letter-spacing:.3px}.card-body{padding:13px 15px 15px}.card-name{font-size:15px;font-weight:600;color:#23272b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-desc{font-size:12.5px;color:#8b9298;margin-top:4px;line-height:1.45;height:36px;overflow:hidden}.card-meta{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:11px;border-top:1px solid #eef1f4;font-family:IBM Plex Mono,monospace;font-size:11px;color:#9aa1a8}.card-meta .hl{color:#5a6167}.card-new{min-height:240px;border:1.5px dashed #bcc4cc;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:#8b9298;transition:border-color .12s,color .12s,background .12s}.card-new:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,#fff)}.plus-lg{font-size:30px;line-height:1;font-weight:300}.card-new-label{font-size:13px;font-weight:500}.catalog{flex:1 1 auto;min-height:0;display:flex}.catalog-nav{flex:0 0 220px;width:220px;border-right:1px solid #c7cdd3;background:#f4f6f8;padding:20px 14px;display:flex;flex-direction:column;gap:6px}.catalog-nav-head{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#6b7278;padding:0 8px 8px}.catalog-nav-btn{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:none;border-radius:6px;cursor:pointer;text-align:left;font-size:13px;font-weight:500;color:#6b7278;background:transparent}.catalog-nav-btn.active{color:#1e242a;background:#fff;box-shadow:0 1px 2px #141c281f}.catalog-body{flex:1 1 auto;overflow:auto;padding:24px}.catalog-inner{max-width:1000px;margin:0 auto}.cat-section{background:#fff;border:1px solid #c7cdd3;border-radius:8px;overflow:hidden}.cat-section-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #e2e6ea}.cat-section-title{font-size:14px;font-weight:700;color:#23272b}.cat-table-wrap{overflow:auto}.cat-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.cat-table thead th{position:static;background:#f0f3f6;border-bottom:1px solid #c7cdd3;border-right:1px solid #e2e6ea;padding:8px 12px;text-align:left;font-weight:600;font-size:11px;color:#5a6167;white-space:nowrap}.cat-table thead th.r{text-align:right}.cat-table thead th.x{border-right:none}.cat-table thead th .u{font-weight:400;color:#9aa1a8;font-size:9.5px;font-family:IBM Plex Mono,monospace}.cat-table tbody td{border-bottom:1px solid #eceff2;border-right:1px solid #eceff2;padding:var(--rowpad)}.cat-table tbody td.act{padding:0 2px;text-align:center;vertical-align:middle;border-right:none}.cat-in{width:100%;border:1px solid transparent;border-radius:3px;background:transparent;padding:2px 6px;color:#4a5157;outline:none;font-family:inherit;font-size:13px}.cat-in:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.cat-in.strong{font-weight:500;color:#23272b}.cat-in.num{text-align:right;padding:2px 4px;font-family:IBM Plex Mono,monospace}.cat-in.mono-in{font-family:IBM Plex Mono,monospace;font-size:12px}.cat-in.price{color:#1b5e32;font-weight:500}.cat-empty{padding:26px;text-align:center;font-size:12.5px;color:#9aa1a8}.settings-scroll{flex:1 1 auto;overflow:auto;padding:40px 24px}.settings-inner{max-width:560px;margin:0 auto}.settings-head{margin-bottom:22px}.settings-title{font-size:22px;font-weight:700;letter-spacing:-.4px;color:#1a1e22}.settings-sub{font-size:13px;color:#8b9298;margin-top:5px}.settings-card{background:#fff;border:1px solid #c7cdd3;border-radius:8px;padding:22px}.field{flex:1 1 200px;margin-bottom:18px}.field:last-child{margin-bottom:0}.field-row{display:flex;gap:14px;flex-wrap:wrap}.field label{display:block;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#6b7278;margin-bottom:7px}.field input{width:100%;height:40px;border:1px solid #d5dae0;border-radius:6px;background:#fff;padding:0 12px;font-size:14px;color:#23272b;outline:none}.field input.mono-in{font-family:IBM Plex Mono,monospace}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.detail-top{flex:0 0 auto;display:flex;align-items:center;gap:14px;height:54px;padding:0 18px;background:#fff;border-bottom:1px solid #c7cdd3}.btn.back{padding:0 12px 0 9px}.btn .chev{font-size:15px;line-height:1}.crumb{font-size:11px;color:#8b9298;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}.detail-split{flex:1 1 auto;min-height:0;display:flex}.detail-aside{flex:0 0 340px;width:340px;border-right:1px solid #c7cdd3;background:#f4f6f8;overflow:auto;padding:20px 18px;display:flex;flex-direction:column;gap:22px}.detail-main{flex:1 1 auto;min-width:0;padding:20px;overflow:hidden;display:flex;flex-direction:column}.pane-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pane-title{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#6b7278;margin-bottom:8px}.pane-head .pane-title{margin-bottom:0}.linkbtn.strong{font-weight:500;text-decoration:none}.img-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.img-thumb{position:relative;aspect-ratio:4 / 3;border-radius:5px;overflow:hidden;border:1px solid #d5dae0;background:#fff center/cover no-repeat}.img-thumb.viewable{cursor:zoom-in}.img-del{position:absolute;top:4px;right:4px;width:20px;height:20px;line-height:1;border:none;border-radius:4px;background:#141c269e;color:#fff;font-size:13px;cursor:pointer}.img-del:hover{background:#c0392b}.img-add{aspect-ratio:4 / 3;border:1.5px dashed #c3cbd3;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#a2aab2;font-size:22px;cursor:pointer;background:#fff}.img-add:hover{border-color:var(--accent);color:var(--accent)}.pane-input,.pane-textarea{width:100%;border:1px solid #d5dae0;border-radius:5px;background:#fff;font-size:13px;color:#2e343a;outline:none}.pane-input{height:40px;padding:0 10px}.pane-textarea{min-height:62px;padding:9px 10px;line-height:1.5;resize:none;font-family:inherit}.pane-textarea.tall{min-height:110px}.pane-input:focus,.pane-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.pane-hint{margin-top:6px;font-size:11px;line-height:1.4;color:#8b9298}.skp-card{display:flex;align-items:center;gap:10px;padding:10px 11px;background:#fff;border:1px solid #d5dae0;border-radius:6px}.skp-icon{flex:0 0 auto;width:34px;height:34px;border-radius:5px;background:color-mix(in srgb,var(--accent) 12%,#fff);display:flex;align-items:center;justify-content:center;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;color:var(--accent)}.skp-main{flex:1 1 auto;min-width:0}.skp-name{font-size:12.5px;font-weight:500;color:#2e343a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skp-dl{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#6b7278;text-decoration:none}.skp-dl:hover{background:#eef1f4;color:var(--accent)}.skp-x{flex:0 0 auto;width:28px;height:28px;border:none;background:none;color:#c3c9cf;font-size:15px;cursor:pointer;border-radius:5px}.skp-x:hover{color:#c0392b;background:#fbecea}.skp-attach{display:flex;align-items:center;gap:9px;padding:12px;border:1.5px dashed #c3cbd3;border-radius:6px;cursor:pointer;color:#8b9298;font-size:12.5px;background:#fff}.skp-attach:hover{border-color:var(--accent);color:var(--accent)}.pane.danger{margin-top:4px;padding-top:16px;border-top:1px solid #dfe3e8}.btn.block{width:100%;justify-content:center}.dochead-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.detail-tabs{display:flex;align-items:center;gap:2px;padding:3px;background:#eef1f4;border-radius:7px;width:fit-content}.seg{display:flex;align-items:center;gap:7px;height:28px;padding:0 13px;font-size:12.5px;font-weight:500;border:none;border-radius:5px;cursor:pointer;color:#8b9298;background:transparent}.seg.active{color:#1e242a;background:#fff;box-shadow:0 1px 2px #141c281f}.seg-count{font-size:10.5px;opacity:.6}.po-summary{display:flex;gap:12px;margin-bottom:18px}.po-card{flex:1 1 0;background:#fff;border:1px solid #c7cdd3;border-radius:7px;padding:12px 15px}.po-card.total{background:var(--accent);border-color:transparent}.po-card-label{font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#8b9298}.po-card.total .po-card-label{color:#ffffffc7}.po-card-value{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:500;color:#23272b;margin-top:4px}.po-card.total .po-card-value{color:#fff;font-weight:600}.po-section{background:#fff;border:1px solid #c7cdd3;border-radius:8px;overflow:hidden;margin-bottom:16px}.po-section-head{display:flex;align-items:center;gap:9px;padding:12px 16px;border-bottom:1px solid #e2e6ea}.po-section-title{font-size:13px;font-weight:700;color:#23272b}.po-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.po-table thead th{position:static;background:#f0f3f6;border-bottom:1px solid #c7cdd3;border-right:1px solid #e2e6ea;padding:8px 12px;text-align:left;font-weight:600;font-size:11px;color:#5a6167}.po-table thead th.r{text-align:right}.po-table thead th.x{border-right:none}.po-table tbody td{border-bottom:1px solid #eceff2;border-right:1px solid #eceff2;padding:4px 8px}.po-table tbody td.po-num{padding:8px 12px;text-align:right;font-family:IBM Plex Mono,monospace;color:#6b7278}.po-table tbody td.po-num.total{font-weight:500;color:#1b5e32}.po-table tbody td.act{padding:0 2px;text-align:center;vertical-align:middle;border-right:none}.po-select{width:100%;border:1px solid #d5dae0;border-radius:4px;background:#fff;padding:5px 6px;font-size:12.5px;color:#23272b;outline:none;cursor:pointer}.po-select:focus{border-color:var(--accent)}.po-qty{width:100%;text-align:right;border:1px solid transparent;border-radius:3px;background:transparent;padding:4px;font-family:IBM Plex Mono,monospace;color:#23272b;outline:none}.po-qty:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#181e266b;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:380px;max-width:100%;background:#fff;border-radius:10px;box-shadow:0 18px 50px #141c2852;overflow:hidden}.modal-body{padding:22px 22px 18px}.modal-head{display:flex;align-items:center;gap:12px}.modal-icon{flex:0 0 auto;width:38px;height:38px;border-radius:8px;background:#fbecea;display:flex;align-items:center;justify-content:center}.modal-title{font-size:16px;font-weight:700;color:#1e242a}.modal-text{margin-top:12px;font-size:13.5px;line-height:1.55;color:#5a616a}.modal-text strong{color:#2e343a;font-weight:600}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px 18px}.btn.danger-solid{padding:0 16px;font-weight:600;color:#fff;background:#c0392b;border-color:transparent}.btn.danger-solid:hover{filter:brightness(.94);background:#c0392b}.btn.sm{height:30px;padding:0 12px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:60;background:#23272b;color:#fff;font-size:12.5px;padding:9px 16px;border-radius:6px;box-shadow:0 6px 20px #00000040}.auth-splash{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#e6e9ed;color:#8b9298;font-family:IBM Plex Mono,monospace;font-size:13px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#e6e9ed}.auth-box{width:100%;max-width:380px}.auth-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.auth-logo{width:34px;height:34px;border-radius:6px;flex:0 0 auto}.auth-logo>i{width:15px;height:15px}.auth-foot{text-align:center;margin-top:14px}.auth-notice{font-size:12px;color:#1b5e32;font-family:IBM Plex Mono,monospace;margin-top:2px}.po-scroll{background:transparent;border:none}.mat-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.mat-toolbar-title{font-size:16px;font-weight:700;color:#1e242a}.mat-toolbar-sub{font-size:12px;color:#8b9298;margin-top:2px}.asm-scroll{flex:1 1 auto;min-height:0;overflow:auto}.asm-inner{max-width:1100px;margin:0 auto}.asm-step{background:#fff;border:1px solid #c7cdd3;border-radius:10px;overflow:hidden;margin-bottom:20px;break-inside:avoid}.asm-step-head{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #eef1f4;background:#fbfcfd}.asm-step-num{flex:0 0 auto;width:40px;height:40px;border-radius:9px;background:color-mix(in srgb,var(--accent) 13%,#fff);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600}.asm-step-title{flex:1 1 auto;min-width:0;border:1px solid transparent;border-radius:5px;background:transparent;padding:6px 8px;font-family:inherit;font-size:20px;font-weight:700;letter-spacing:-.2px;color:#1e242a;outline:none}.asm-step-title:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.asm-step-del{flex:0 0 auto;width:30px;height:30px;line-height:1;border:none;background:none;color:#c3c9cf;font-size:20px;cursor:pointer;border-radius:5px}.asm-step-del:hover{color:#c0392b;background:#fbecea}.asm-step-body{display:flex;flex-wrap:wrap;gap:22px;padding:22px}.asm-photo-col{flex:1 1 300px;min-width:240px;max-width:380px}.asm-photo{position:relative;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;border:1px solid #d5dae0;background:#fff center/cover no-repeat;cursor:zoom-in}.asm-photo-del{position:absolute;top:9px;right:9px;width:28px;height:28px;line-height:1;border:none;border-radius:6px;background:#141c269e;color:#fff;font-size:17px;cursor:pointer}.asm-photo-del:hover{background:#c0392b}.asm-photo-add{aspect-ratio:4 / 3;border:1.5px dashed #c3cbd3;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#a2aab2;font-size:15px;font-weight:500;cursor:pointer;background:#fff}.asm-photo-add:hover{border-color:var(--accent);color:var(--accent)}.asm-notes{flex:2 1 300px;min-width:260px;min-height:285px;border:1px solid #d5dae0;border-radius:8px;background:#fbfcfd;padding:16px 18px;font-family:inherit;font-size:16px;line-height:1.65;color:#2e343a;outline:none;resize:vertical}.asm-notes:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,transparent)}.asm-add{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:18px;border:1.5px dashed #c3cbd3;border-radius:10px;background:#fff;color:#8b9298;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer}.asm-add:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,#fff)}.img-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0e1218d1;display:flex;align-items:center;justify-content:center;padding:40px;cursor:zoom-out}.img-viewer img{max-width:100%;max-height:100%;border-radius:6px;box-shadow:0 20px 60px #00000080}.img-viewer-x{position:absolute;top:20px;right:24px;width:42px;height:42px;border:none;border-radius:8px;background:#ffffff1f;color:#fff;font-size:24px;line-height:1;cursor:pointer}.img-viewer-x:hover{background:#ffffff3d}.po-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#181e2680;display:flex;align-items:flex-start;justify-content:center;padding:40px 24px;overflow:auto}.po-modal{width:720px;max-width:100%;background:#f4f6f8;border-radius:12px;box-shadow:0 24px 70px #141c2866;overflow:hidden}.po-modal-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e6ea}.po-modal-title{font-size:13px;font-weight:700;color:#23272b}.po-modal-x{width:32px;height:32px;border:none;background:none;color:#9aa1a8;font-size:19px;line-height:1;cursor:pointer;border-radius:5px}.po-modal-x:hover{color:#c0392b;background:#fbecea}.po-sheet{background:#fff;margin:18px;padding:34px 36px;border:1px solid #e2e6ea;border-radius:6px}.po-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:2px solid #23272b}.po-sheet-biz{font-size:20px;font-weight:700;letter-spacing:-.3px;color:#1a1e22}.po-sheet-line{font-size:12px;color:#5a6167;margin-top:4px}.po-sheet-meta{text-align:right}.po-sheet-kicker{font-size:15px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--accent)}.po-sheet-date{font-size:12px;color:#8b9298;margin-top:6px}.po-sheet-proj{font-size:12px;color:#5a6167;margin-top:2px}.po-sheet-section{margin-top:22px;margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#6b7278}.po-sheet-empty{padding:10px 8px;font-size:12px;color:#9aa1a8}.po-doc-table{border-collapse:collapse;width:100%;font-size:12.5px}.po-doc-table thead th{position:static;background:transparent;padding:6px 8px;border-bottom:1px solid #c7cdd3;font-size:10.5px;font-weight:600;color:#6b7278;text-align:left}.po-doc-table th.r,.po-doc-table td.r{text-align:right}.po-doc-table tbody td{padding:6px 8px;border-bottom:1px solid #eef1f4;border-right:none;color:#23272b}.po-doc-table td.total{font-weight:500;color:#1b5e32}.po-sheet-totals{display:flex;flex-direction:column;align-items:flex-end;margin-top:24px}.po-sheet-total-row{display:flex;justify-content:space-between;width:260px;padding:5px 8px;font-size:12.5px;color:#5a6167}.po-sheet-total-row.grand{margin-top:4px;padding:9px 8px;border-top:2px solid #23272b;font-size:14px;font-weight:700;color:#1a1e22}@media print{@page{size:A4 landscape;margin:12mm}html,body{background:#fff!important}[data-print-hide]{display:none!important}.app{height:auto!important;display:block!important}main{padding:0!important;overflow:visible!important;height:auto!important}.detail-split{display:block!important;height:auto!important}.detail-main{padding:0!important;overflow:visible!important;height:auto!important;display:block!important}.po-section,.po-summary,.po-card{-webkit-print-color-adjust:exact;print-color-adjust:exact;break-inside:avoid}.tablewrap{height:auto!important;display:block!important}.scroll{overflow:visible!important;max-height:none!important;height:auto!important;border:1px solid #9aa1a8!important;border-radius:0!important}table{-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%!important}thead th{position:static!important}tr,td,th{break-inside:avoid}td,th{border-color:#c3c9cf!important}tbody td.edge,tbody td.sep,.th-sub,.th-grp{border-right-color:#7e93ad!important}.cell{border:1px solid transparent!important;box-shadow:none!important;background:transparent!important;overflow:visible!important}.dochead{padding:0 0 14px!important}.print-title{display:block!important}tbody td.edge{background:#fff!important}.col-actions{display:none!important;width:0!important}th.th-actions,td.act{display:none!important}.col-desig{display:none!important;width:0!important}.mat-group{break-inside:auto;margin-bottom:16px!important}.mat-caption{break-after:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.asm-scroll{overflow:visible!important;height:auto!important}.asm-step{break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.asm-step-title{border-color:transparent!important;box-shadow:none!important}.asm-notes{background:#fff!important;border-color:#c3c9cf!important}body:has(.po-overlay) .app.detail>*:not(.po-overlay){display:none!important}body:has(.po-overlay) .po-overlay{position:static!important;inset:auto!important;background:#fff!important;padding:0!important;overflow:visible!important;display:block!important}body:has(.po-overlay) .po-modal{width:100%!important;max-width:none!important;box-shadow:none!important;background:#fff!important;border-radius:0!important}body:has(.po-overlay) .po-sheet{margin:0!important;border:none!important;padding:0!important}.po-sheet-head,.po-sheet-kicker,.po-sheet-total-row.grand{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.spinner{animation:spin .7s linear infinite;flex:0 0 auto}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}.btn .spinner{margin:0 -2px}.skeleton{position:relative;overflow:hidden;background:#dde2e7;border-radius:4px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}}.card-skeleton{background:#fff;border:1px solid #c7cdd3;border-radius:8px;overflow:hidden}.card-skeleton .sk-cover{height:148px;border-radius:0;border-bottom:1px solid #e2e6ea}.card-skeleton .sk-body{padding:13px 15px 18px}.card-skeleton .sk-line{height:12px;border-radius:3px}.card-skeleton .sk-line.title{height:15px;width:62%;margin-bottom:10px}.card-skeleton .sk-line.short{width:40%;margin-top:14px}.card.opening{pointer-events:none;position:relative}.card.opening:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff8c;z-index:1}.card-spin{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;color:var(--accent)}.cards.busy .card{cursor:default}.card-new.disabled{cursor:default;pointer-events:none;color:var(--accent)}.card-new .spinner{color:var(--accent)}.load-error{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:12px;padding:40px 0;font-size:13px;color:#8b9298}.cat-in.sk,td .cat-in.sk{pointer-events:none}.cat-skel-cell{height:13px;margin:6px 2px}.save-status{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-family:IBM Plex Mono,monospace;color:#8b9298;white-space:nowrap}.save-status .save-dot{width:6px;height:6px;border-radius:50%;background:#b6bcc2}.save-status.saved{color:#3a7d44}.save-status.saved .save-dot{background:#3a7d44}.save-status.pending .save-dot{background:#d29a3a}.save-status.error{color:#c0392b}.save-status.error .save-dot{background:#c0392b}.save-status.saving{color:var(--accent)}.settings-status{margin-top:12px}.detail-loading{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8b9298;font-size:13px}.detail-loading .spinner{color:var(--accent)}.img-thumb.uploading{display:flex;align-items:center;justify-content:center;background:#eceff2!important;color:var(--accent);border:1px dashed #bcc4cc}.linkbtn{display:inline-flex;align-items:center;gap:5px}.linkbtn:disabled{opacity:.6;cursor:default;text-decoration:none}.skp-attach.loading{cursor:default;color:var(--accent);border-color:var(--accent)}