.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}:root{--bg:#f9fafb;--surface:#fff;--surface2:#f3f4f6;--surface3:#e5e7eb;--border:#e5e7eb;--border2:#d1d5db;--text:#111827;--text-muted:#6b7280;--text-dim:#9ca3af;--green:#059669;--green-bg:#ecfdf5;--green-br:#a7f3d0;--amber:#d97706;--amber-bg:#fffbeb;--amber-br:#fcd34d;--red:#dc2626;--red-bg:#fef2f2;--red-br:#fecaca;--blue:#2563eb;--blue-bg:#eff6ff;--blue-br:#bfdbfe;--indigo:#4f46e5;--indigo-bg:#eef2ff;--indigo-br:#c7d2fe;--purple:#7c3aed;--purple-bg:#f5f3ff;--sidebar-w:230px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,Inter,system-ui,sans-serif}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;min-height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px 18px 16px}.sidebar-logo .brand{color:var(--indigo);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.sidebar-logo .name{color:var(--text);letter-spacing:-.01em;margin-top:2px;font-size:18px;font-weight:700}.sidebar-logo .sub{color:var(--text-muted);margin-top:2px;font-size:11px}.nav-group{color:var(--text-dim);letter-spacing:.07em;text-transform:uppercase;padding:12px 10px 4px;font-size:10px;font-weight:700}.nav-item{cursor:pointer;color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:calc(100% - 12px);margin:1px 6px;padding:8px 10px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:var(--indigo-bg);color:var(--indigo);font-weight:600}.nav-badge{background:var(--red-bg);color:var(--red);border:1px solid var(--red-br);border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);color:var(--text-dim);margin-top:auto;padding:12px 14px;font-size:11px}.main{margin-left:var(--sidebar-w);flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;height:54px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{color:var(--text);font-size:15px;font-weight:700}.topbar-sub{color:var(--text-muted);font-size:11px}.topbar-right{align-items:center;gap:10px;display:flex}.content{flex:1;padding:22px 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px}.card2{background:var(--surface2);border:1px solid var(--border);border-radius:8px}.kpi-grid4{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.kpi-grid3{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-left:3px solid #0000;border-radius:12px;padding:16px 18px;transition:all .15s}.kpi-card:hover{border-color:var(--border2);border-left-color:var(--indigo);box-shadow:0 1px 4px #0000000f}.kpi-card.clickable:after{content:"↗";color:var(--text-dim);opacity:0;font-size:11px;transition:opacity .15s;position:absolute;top:12px;right:12px}.kpi-card:hover:after{opacity:1}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:600}.kpi-val{letter-spacing:-.02em;font-size:26px;font-weight:700;line-height:1}.kpi-sub{color:var(--text-muted);margin-top:5px;font-size:11px}.kpi-icon{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:10px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.grid-60-40{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.grid-40-60{grid-template-columns:1fr 1.5fr;gap:16px;display:grid}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:11px;font-weight:700}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.data-table{border-collapse:collapse;width:100%}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);text-align:left;background:var(--surface2);padding:9px 14px;font-size:10px;font-weight:700}.data-table td{color:var(--text);border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 14px;font-size:13px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface2);cursor:pointer}.badge{white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-br)}.badge-amber{background:var(--amber-bg);color:var(--amber);border:1px solid var(--amber-br)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-br)}.badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-br)}.badge-indigo{background:var(--indigo-bg);color:var(--indigo);border:1px solid var(--indigo-br)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--text-muted);border:1px solid var(--border2)}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid var(--red-br)}.btn-sm{border-radius:6px;padding:5px 10px;font-size:12px}input,select,textarea{background:var(--surface);border:1px solid var(--border2);color:var(--text);border-radius:8px;outline:none;width:100%;padding:8px 11px;font-size:13px;transition:border-color .15s}input:focus,select:focus{border-color:var(--indigo);box-shadow:0 0 0 2px var(--indigo-bg)}.pbar-wrap{background:var(--surface2);border-radius:3px;height:5px;overflow:hidden}.pbar-fill{border-radius:3px;height:100%;transition:width .3s}.alert-row{cursor:pointer;border-radius:9px;align-items:center;gap:10px;margin-bottom:6px;padding:10px 14px;transition:opacity .15s;display:flex}.alert-row:hover{opacity:.85}.alert-red{background:var(--red-bg);border:1px solid var(--red-br)}.alert-amber{background:var(--amber-bg);border:1px solid var(--amber-br)}.alert-blue{background:var(--blue-bg);border:1px solid var(--blue-br)}.flow-step{background:var(--surface);border:1px solid var(--border);border-radius:9px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;display:flex}.flow-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.modal-overlay{z-index:200;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:14px;width:480px;max-width:95vw;max-height:85vh;padding:22px;overflow-y:auto;box-shadow:0 8px 32px #0000001f}.modal-title{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:18px;font-size:16px;font-weight:700;display:flex}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px;display:grid}.slot-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:9px;padding:11px 12px;transition:all .15s}.slot-card:hover{border-color:var(--indigo);box-shadow:0 1px 4px #4f46e51a}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.18s fadeIn}.spin{animation:1s linear infinite spin}.chip{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.chip.active{background:var(--indigo-bg);color:var(--indigo);border-color:var(--indigo-br)}.chip:hover{border-color:var(--border2)}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-row-label{color:var(--text-muted);font-size:13px}.stat-row-val{color:var(--text);font-size:14px;font-weight:700}@media (max-width:768px){.sidebar{transform:translate(-100%)}.main{margin-left:0;padding-bottom:72px}.content{padding:16px 14px 24px}.kpi-grid4,.kpi-grid3{grid-template-columns:1fr 1fr}.grid-60-40,.grid-40-60,.grid-2,.grid-3{grid-template-columns:1fr}.op-snack-layout{flex-direction:column!important}.op-slot-panel{width:100%!important;max-width:none!important}.op-global-grid{grid-template-columns:1fr 1fr!important}.topbar{padding:0 14px}.topbar-right .btn-ghost span{display:none}.mobile-nav{display:block}}.op-form-panel{z-index:1;position:relative;overflow:visible}.op-form-panel.has-dropdown{z-index:20}.op-slot-panel{position:relative}.catalog-search-wrap{z-index:30;margin-bottom:8px;position:relative}.catalog-dropdown{background:var(--surface);border:1px solid var(--border2);z-index:300;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.catalog-dropdown-item{cursor:pointer;border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px;transition:background .1s}.catalog-dropdown-item:hover{background:var(--surface2)}.catalog-dropdown-add{cursor:pointer;color:var(--indigo);background:var(--indigo-bg);border-top:1px solid var(--indigo-br);padding:10px 12px;font-size:12px;font-weight:600}.op-slot-readonly{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;font-weight:600}.op-input-touch,.op-btn-touch{min-height:44px}.mobile-nav{z-index:150;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0);display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0000000f}.mobile-nav-inner{-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.mobile-nav-inner::-webkit-scrollbar{display:none}.mobile-nav-item{min-width:68px;max-width:96px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px 10px;font-size:10px;font-weight:600;transition:color .15s;display:flex;position:relative}.mobile-nav-item.active{color:var(--indigo)}.mobile-nav-badge{background:var(--red-bg);color:var(--red);border:1px solid var(--red-br);border-radius:10px;padding:0 5px;font-size:9px;font-weight:700;line-height:1.4;position:absolute;top:4px;right:8px}