*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f6fa;font-family:Noto Sans TC,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f3f6fa;min-width:320px}button,input,select,textarea{font:inherit}button{letter-spacing:0}.ops-page{color:#172033;background:#f3f6fa;min-height:100vh}.ops-topbar{color:#fff;background:linear-gradient(100deg,#5c67f2 0%,#6b72de 46%,#7b4db4 100%);justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 70px;display:flex;box-shadow:0 1px #1720331f}.ops-brand{letter-spacing:0;white-space:nowrap;align-items:center;gap:13px;font-size:25px;font-weight:900;display:flex}.ops-brand-mark{color:#5c67f2;background:#fff;border-radius:7px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.ops-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ops-nav button,.ops-nav a,.ops-topbar button{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff40;border-radius:7px;align-items:center;padding:9px 14px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.catalog-grid,.product-admin-grid,.settings-grid{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:18px;margin-bottom:22px;display:grid}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-card{align-content:start;gap:12px;min-height:240px;display:grid}.settings-card h2{color:#172033;font-size:20px}.settings-card p{color:#66758f;font-size:13px;font-weight:700;line-height:1.55}.settings-links{gap:10px;display:grid}.settings-links button{text-align:left;color:#172033;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;gap:4px;width:100%;padding:12px;display:grid}.settings-links strong{font-size:14px}.settings-links span{color:#66758f;font-size:12px;line-height:1.45}.catalog-products{gap:10px;padding:18px;display:grid}.catalog-filter-panel{grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr);align-items:center;gap:12px 18px;display:grid}.catalog-filter-panel strong,.catalog-filter-panel span{display:block}.catalog-filter-panel strong{color:#172033;margin-bottom:4px;font-size:16px}.catalog-filter-panel span{color:#66758f;font-size:12px;font-weight:800}.catalog-filter-panel input{color:#172033;background:#f8fafc;border:1px solid #d2dbe8;border-radius:7px;width:100%;min-width:0;padding:10px 12px}.catalog-filter-row{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.catalog-filter-chip{color:#2856c8;cursor:pointer;text-align:left;background:#fff;border:1px solid #c7d5ea;border-radius:999px;min-height:28px;padding:4px 10px;font-size:12px;font-weight:900}.catalog-filter-chip.active{background:#e8efff;border-color:#8fb4ff}.catalog-grid .ops-table{min-width:620px}.catalog-product{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #dbe3ef;border-radius:8px;padding:14px}.catalog-product.active{background:#e8efff;border-color:#5d70e6}.catalog-product strong,.stacked-form h2{color:#172033;margin-bottom:6px;font-size:17px;display:block}.catalog-product span,.catalog-product p{color:#66758f;font-size:13px;line-height:1.45;display:block}.catalog-request-form,.stacked-form,.bom-add-row{gap:10px;display:grid}.catalog-request-form{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-request-form textarea{grid-column:1/-1;min-height:92px}.catalog-request-form input,.catalog-request-form select,.catalog-request-form textarea,.stacked-form input,.stacked-form select,.stacked-form textarea,.bom-add-row input,.bom-add-row select,.ops-section-heading select,.ops-table select{color:#172033;background:#f8fafc;border:1px solid #d2dbe8;border-radius:7px;min-width:0;padding:9px 11px}.catalog-success{color:#137447;background:#d8f8e5;border-radius:7px;margin:0 0 14px;padding:10px 12px;font-weight:800}.inline-heading{margin-bottom:14px;padding:0 0 14px}.stacked-form label{color:#324156;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.two-col,.bom-add-row{grid-template-columns:repeat(2,minmax(0,1fr))}.bom-add-row{border-bottom:1px solid #e5ebf3;grid-template-columns:minmax(180px,1.4fr) 100px 100px minmax(180px,1fr) auto;padding:18px}.ops-context-grid{background:#f8fafc;border-bottom:1px solid #e5ebf3;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 18px;display:grid}.ops-context-grid div{gap:4px;min-width:0;display:grid}.ops-context-grid span{color:#66758f;font-size:12px;font-weight:900}.ops-context-grid strong{color:#172033;font-size:13px;line-height:1.35}.advanced-section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.advanced-section-heading h2{margin-bottom:4px!important}.advanced-section-heading p{color:#66758f;font-size:12px;font-weight:700;line-height:1.5}.advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.ops-main{width:min(1240px,100vw - 48px);margin:0 auto;padding:34px 0 56px}.ops-title-row{padding:6px 0 22px}.ops-title-row h1{color:#5c67f2;margin-bottom:8px;font-size:34px;font-weight:900;line-height:1.15}.ops-title-row p{color:#66758f;font-size:14px}.ops-metrics{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:22px;display:grid}.ops-metric{background:#fff;border:1px solid #dbe3ef;border-radius:8px;align-items:center;gap:14px;min-height:94px;padding:20px;display:flex;box-shadow:0 2px 8px #1720330d}.ops-metric-icon{color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.ops-metric.purple .ops-metric-icon{background:#6f56d9}.ops-metric.amber .ops-metric-icon{background:#f5a70a}.ops-metric.blue .ops-metric-icon{background:#169bb7}.ops-metric.green .ops-metric-icon{background:#17a978}.ops-metric strong{color:#101828;margin-bottom:7px;font-size:24px;line-height:1;display:block}.ops-metric span{color:#66758f;font-size:13px;font-weight:700}.ops-panel,.ops-table-panel{background:#fff;border:1px solid #dbe3ef;border-radius:8px;box-shadow:0 2px 9px #1720330d}.ops-panel{margin-bottom:22px;padding:18px}.ops-create-row,.ops-filter-row{align-items:center;gap:10px;display:grid}.ops-create-row{border-bottom:1px solid #e5ebf3;grid-template-columns:minmax(160px,1fr) minmax(200px,1.2fr) minmax(150px,.8fr) minmax(130px,.7fr) auto;margin-bottom:16px;padding-bottom:16px}.ops-filter-row{grid-template-columns:minmax(280px,1fr) 150px 170px auto}.ops-panel input,.ops-panel select,.ops-search input{color:#172033;background:#f8fafc;border:1px solid #d2dbe8;border-radius:7px;min-width:0;height:38px;padding:0 12px}.ops-search{grid-template-columns:minmax(0,1fr) 44px;display:grid}.ops-search input{border-radius:7px 0 0 7px}.ops-search button,.ops-primary{color:#fff;cursor:pointer;background:#2f63e6;border:0;border-radius:7px;height:38px;padding:0 16px;font-weight:800}.ops-search button{border-radius:0 7px 7px 0;padding:0}.ops-secondary{color:#fff;cursor:pointer;background:#5b6b82;border:0;border-radius:7px;height:38px;padding:0 14px;font-weight:800}.ops-danger{color:#fff;cursor:pointer;background:#b42318;border:0;border-radius:6px;min-height:30px;padding:0 12px;font-size:12px;font-weight:800}.admin-inline-form{grid-template-columns:minmax(180px,2fr) repeat(3,minmax(120px,1fr)) auto;align-items:center;gap:10px;display:grid}.admin-inline-form.users{grid-template-columns:minmax(140px,1fr) minmax(200px,1.4fr) minmax(140px,1fr) minmax(150px,1fr) auto}.ops-table-panel{overflow:hidden}.ops-section-heading{border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;gap:16px;padding:20px 18px;display:flex}.ops-section-heading h2{color:#172033;font-size:19px}.ops-section-heading span{color:#66758f;font-size:13px;font-weight:800}.ops-table-wrap{overflow-x:auto}.ops-table{border-collapse:collapse;width:100%;min-width:840px}.ops-table th,.ops-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #ecf0f5;padding:14px 16px;font-size:13px}.ops-table th{color:#172033;background:#f8fafc;font-weight:900}.ops-table td{color:#324156;font-weight:700}.ops-link-button{color:#172033;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:900;display:block}.ops-muted{color:#7b889b;max-width:420px;margin-top:5px;font-size:12px;font-weight:600}.ops-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:3px 10px;font-size:12px;font-weight:900;display:inline-flex}.ops-status.success{color:#137447;background:#d8f8e5}.ops-status.warning{color:#a44b00;background:#fff1c7}.ops-status.info{color:#2856c8;background:#e2edff}.ops-status.muted{color:#5b6b82;background:#edf1f6}.ops-row-action{color:#fff;cursor:pointer;white-space:nowrap;background:#5d70e6;border:0;border-radius:6px;min-height:30px;padding:0 12px;font-size:12px;font-weight:800}.ops-empty{color:#66758f;text-align:center;padding:32px 18px;font-weight:700}.login-page{background:#f3f6fa;place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{background:#fff;border:1px solid #dbe3ef;border-radius:8px;gap:13px;width:min(420px,100%);padding:30px;display:grid;box-shadow:0 12px 32px #17203314}.login-brand{align-items:center;gap:12px;margin-bottom:8px;display:flex}.login-brand .ops-brand-mark{color:#fff;background:#5c67f2}.login-brand strong,.login-brand span{display:block}.login-brand strong{color:#172033;font-size:20px;font-weight:900}.login-brand span{color:#66758f;margin-top:2px;font-size:13px;font-weight:800}.login-panel h1{color:#5c67f2;font-size:28px}.login-panel label{color:#66758f;font-size:12px;font-weight:900}.login-panel input{color:#172033;background:#f8fafc;border:1px solid #d2dbe8;border-radius:7px;height:40px;padding:0 12px}.login-panel .ops-primary{width:100%;margin-top:8px}.login-error{color:#b42318;background:#ffe4e6;border-radius:7px;padding:10px 12px;font-size:13px;font-weight:800}@media (width<=900px){.ops-topbar{flex-direction:column;align-items:flex-start;height:auto;min-height:76px;padding:18px 22px}.ops-brand{white-space:normal;font-size:20px}.ops-main{width:min(100% - 24px,1240px);padding-top:22px}.ops-metrics,.ops-create-row,.ops-filter-row,.admin-inline-form,.admin-inline-form.users,.catalog-grid,.product-admin-grid,.settings-grid,.catalog-filter-panel,.catalog-request-form,.two-col,.bom-add-row,.ops-context-grid{grid-template-columns:1fr}.advanced-section-heading{display:grid}.advanced-grid{grid-template-columns:1fr}.ops-search{grid-template-columns:minmax(0,1fr) 56px}}