:root{font-family:Segoe UI,Tahoma,Arial,sans-serif;color:#102a35;background:#f4f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{background:#0d3d4d;color:#fff;padding:24px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 22px;border-bottom:1px solid #ffffff26}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:#f59e0b;color:#1c2c34;border-radius:13px;font-weight:900}.brand small{display:block;color:#cce0e7}.nav-group{margin-top:22px}.nav-label{font-size:12px;color:#9cc1cc;padding:0 10px 8px}.nav-button{width:100%;border:0;color:#dff1f5;background:transparent;text-align:right;padding:11px 12px;border-radius:10px;margin:2px 0}.nav-button:hover,.nav-button.active{background:#ffffff18;color:#fff}.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #dce7ea;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:4}.content{padding:28px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.page-head h1{margin:0;font-size:28px}.page-head p{margin:6px 0 0;color:#58717a}.button{border:0;background:#155e75;color:#fff;padding:10px 16px;border-radius:9px;font-weight:700}.button.secondary{background:#e8f0f2;color:#164b5b}.button.danger{background:#b42318}.button.small{padding:7px 10px;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}.card{background:#fff;border:1px solid #dce7ea;border-radius:14px;padding:18px;box-shadow:0 6px 18px #0d3d4d0a}.metric strong{display:block;font-size:30px;margin-top:8px;color:#155e75}.muted{color:#647d85}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto;background:#fff;border:1px solid #dce7ea;border-radius:14px}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:right;padding:12px 14px;border-bottom:1px solid #e7eef0;vertical-align:top}th{background:#f7fafb;font-size:13px;color:#49636c}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e5f3f6;color:#155e75;font-size:12px;font-weight:700}.badge.new{background:#fff1d6;color:#8a5200}.badge.closed{background:#e4eee6;color:#28643b}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:700;color:#38535d}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border:1px solid #c8d8dd;border-radius:9px;padding:10px;background:#fff;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.full{grid-column:1/-1}.panel{background:#fff;border:1px solid #dce7ea;border-radius:14px;padding:20px;margin-bottom:20px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102a3588;z-index:20;display:grid;place-items:center;padding:20px}.dialog{background:#f8fbfc;border-radius:16px;max-width:950px;width:100%;max-height:92vh;overflow:auto;padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head h2{margin:0}.close{border:0;background:#e6eef0;width:36px;height:36px;border-radius:50%}.product-dialog{max-width:1180px;padding-bottom:0}.product-dialog>.dialog-head{position:sticky;top:-24px;z-index:5;background:#f8fbfc;padding:20px 0 12px}.editor-section{background:#fff;border:1px solid #dce7ea;border-radius:14px;padding:18px;margin:14px 0}.editor-section h3{margin:0 0 14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-actions{position:sticky;bottom:0;z-index:4;display:flex;gap:10px;padding:16px 0;background:#f8fbfc;border-top:1px solid #dce7ea;margin-top:18px}.field.check{display:flex;align-items:center;flex-direction:row;gap:8px;padding-top:28px}.row-editor{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:8px 0}.row-editor input,.image-editor input{border:1px solid #c8d8dd;border-radius:8px;padding:9px}.icon-danger,.mini-actions button{border:0;border-radius:7px;background:#edf3f4;color:#264d59;padding:7px 9px;cursor:pointer}.danger-text{color:#b42318!important}.image-manager{display:grid;gap:10px}.image-editor{display:grid;grid-template-columns:150px 1fr;gap:12px;border:1px solid #dce7ea;border-radius:12px;padding:12px;background:#fbfdfd}.image-editor.primary{border:2px solid #16839e}.image-editor img{width:150px;height:125px;object-fit:cover;border-radius:8px}.image-editor>div{display:grid;gap:7px}.image-preview{min-height:125px;place-items:center;background:#edf3f4;border-radius:8px;color:#647d85}.image-alt-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.mini-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.choice-list{border:1px solid #d6e3e6;border-radius:10px;max-height:220px;overflow:auto}.choice-list label{display:block;padding:6px}.choice-list input{margin-left:7px}.range-fields{margin-top:14px}.nested-dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:#102a35aa;z-index:30;display:grid;place-items:center;padding:30px}.media-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#102a35cc;z-index:60;display:grid;place-items:center;padding:20px}.media-picker{background:#fff;border-radius:16px;padding:20px;max-width:900px;width:100%;max-height:80vh;overflow:auto}.media-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.media-picker-grid button{border:2px solid transparent;border-radius:10px;background:#edf3f4;padding:6px}.media-picker-grid button:hover,.media-picker-grid button:focus-visible{border-color:#16839e}.media-picker-grid img{width:100%;height:110px;object-fit:cover;border-radius:7px}.media-picker-grid span{display:block;padding:5px;overflow-wrap:anywhere}.upload-drop{display:grid;place-items:center;border:2px dashed #9bbbc4;border-radius:14px;padding:30px;margin:20px 0;background:#fff}.upload-drop input{margin-bottom:12px}.import-dialog{max-width:650px}.catalog-dialog{max-width:1100px}.asset-field{display:flex;align-items:center;gap:8px}.asset-field img{width:72px;height:58px;object-fit:cover;border-radius:8px}.asset-field input{flex:1}.value-list{display:grid;gap:8px;margin:16px 0}.value-list>div{display:grid;grid-template-columns:1fr 120px auto;align-items:center;border-bottom:1px solid #e1eaec;padding:9px}.values-dialog{max-width:750px}.category-specifications{grid-column:1/-1;border:1px solid #d6e3e6;border-radius:12px;padding:12px;overflow:auto}.category-specifications legend{font-weight:700;padding:0 6px}.category-specification-head,.category-specification-row{display:grid;grid-template-columns:minmax(190px,1.4fr) 90px minmax(170px,1fr) minmax(170px,1fr) 90px;gap:10px;align-items:center;min-width:820px;padding:9px}.category-specification-head{font-size:12px;font-weight:700;color:#49636c;background:#f3f7f8;border-radius:8px}.category-specification-row{border-bottom:1px solid #e5edef;opacity:.65}.category-specification-row.active{opacity:1;background:#fbfdfd}.category-specification-row select,.category-specification-row>input{border:1px solid #c8d8dd;border-radius:8px;padding:8px;min-width:0;background:#fff}.category-specification-name,.compact-check{display:flex;align-items:center;gap:8px}.category-specification-name span{display:grid}.category-specification-name small{color:#647d85}.specification-text-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:12px;border:1px solid #dce7ea;border-radius:10px;background:#fbfdfd}.model-row-controls{display:flex;align-items:center;gap:8px}.drag-handle{border:0;background:transparent;color:#52717a;font-weight:900;font-size:18px;cursor:grab;padding:5px}.drag-handle:active{cursor:grabbing}tr.dragging{opacity:.45}tr.drag-target{outline:2px solid #16839e;outline-offset:-2px;background:#eef9fb}.empty.compact{padding:20px}.notice{background:#fff7e5;color:#74500b;border-radius:8px;padding:12px}.empty{text-align:center;padding:48px;color:#71878e}.error{background:#feeceb;color:#a12b22;padding:10px;border-radius:8px;margin:10px 0}.success{background:#e6f5e9;color:#276438;padding:10px;border-radius:8px;margin:10px 0}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#0d3d4d,#155e75);padding:20px}.login-card{background:#fff;border-radius:18px;padding:32px;width:min(440px,100%);box-shadow:0 22px 70px #00192066}.login-card h1{margin:0 0 8px}.login-card .field{margin:16px 0}.login-card .button{width:100%;padding:13px}.request-items{display:grid;gap:10px}.request-item{display:flex;gap:12px;border:1px solid #dce7ea;border-radius:10px;padding:10px}.request-item img{width:64px;height:64px;object-fit:cover;border-radius:8px}.timeline{border-right:2px solid #b9cfd5;padding-right:18px}.timeline-item{margin-bottom:16px;position:relative}.timeline-item:before{content:"";width:10px;height:10px;background:#155e75;border-radius:50%;position:absolute;right:-24px;top:5px}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto}.nav-group{display:flex;overflow:auto;gap:4px;margin-top:12px}.nav-label{display:none}.nav-button{white-space:nowrap}.topbar{position:static}.grid-two,.form-grid,.selection-grid,.specification-text-pair,.image-alt-fields{grid-template-columns:1fr}.content{padding:18px}.image-editor{grid-template-columns:1fr}.image-editor img{width:100%;height:180px}.row-editor{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:12px}.asset-field{align-items:stretch;flex-direction:column}}.editor-tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid #dfe9eb;padding-bottom:10px;margin-bottom:18px}.editor-tabs button{white-space:nowrap;border:0;background:#edf3f4;color:#31535c;border-radius:999px;padding:9px 14px}.editor-tabs button.active{background:#0f6679;color:#fff}.model-dialog{width:min(980px,96vw);max-height:92vh;overflow:auto}.table-image{width:58px;height:50px;border-radius:8px;object-fit:cover}.image-row{grid-template-columns:64px minmax(180px,1fr) minmax(120px,.7fr) auto auto}.image-row img{width:58px;height:50px;border-radius:8px;object-fit:cover}.choice-list.full{grid-column:1/-1}.selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}@media(max-width:900px){.image-row,.selection-grid{grid-template-columns:1fr}.image-row img{width:100%;height:180px}.editor-tabs{position:sticky;top:0;background:#fff;z-index:2}}