@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary: #232a3b;--bg-secondary: #2d3748;--bg-tertiary: #3a475e;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--border: rgba(255,255,255,.07);--accent-blue: #00d4ff;--accent-green: #00ff9d;--accent-orange: #ff6b35;--accent-purple: #a855f7}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.glass-panel{background:#0f1118cc;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);border:1px solid var(--border)}.drop-target-active{outline:2px dashed var(--accent-blue);outline-offset:-2px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);position:relative;overflow:hidden}.hex-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hex-bg-cell{position:absolute;width:120px;height:138px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);opacity:.04;animation:hexFloat 8s ease-in-out infinite}.hex-bg-cell--0{background:var(--accent-blue);top:10%;left:5%;animation-delay:0s}.hex-bg-cell--1{background:var(--accent-green);top:60%;left:15%;animation-delay:1.2s}.hex-bg-cell--2{background:var(--accent-orange);top:30%;left:75%;animation-delay:2.4s}.hex-bg-cell--3{background:var(--accent-blue);top:75%;left:80%;animation-delay:.8s}.hex-bg-cell--4{background:var(--accent-green);top:5%;left:50%;animation-delay:3.6s}.hex-bg-cell--5{background:var(--accent-orange);top:85%;left:45%;animation-delay:1.8s}.hex-bg-cell:nth-child(7){background:var(--accent-blue);top:45%;left:35%;width:80px;height:92px;animation-delay:4s}.hex-bg-cell:nth-child(8){background:var(--accent-green);top:20%;left:85%;width:60px;height:69px;animation-delay:2.1s}.hex-bg-cell:nth-child(9){background:var(--accent-orange);top:80%;left:5%;width:100px;height:115px;animation-delay:5s}.hex-bg-cell:nth-child(10){background:var(--accent-blue);top:55%;left:60%;width:70px;height:80px;animation-delay:.4s}.hex-bg-cell:nth-child(11){background:var(--accent-green);top:15%;left:25%;width:90px;height:103px;animation-delay:6s}.hex-bg-cell:nth-child(12){background:var(--accent-blue);top:70%;left:90%;width:50px;height:57px;animation-delay:1.5s}@keyframes hexFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg);opacity:.07}}.login-wrapper{position:relative;z-index:1;width:420px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:40px;box-shadow:0 0 60px #00d4ff14,0 30px 60px #00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.login-logo{display:flex;align-items:center;gap:16px;margin-bottom:36px}.logo-hex{font-size:48px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(0,212,255,.4))}.login-logo h1{font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);margin:0}.logo-accent{color:var(--accent-blue);-webkit-text-fill-color:var(--accent-blue)}.logo-sub{font-size:12px;color:var(--text-muted);margin:2px 0 0}.login-form{display:flex;flex-direction:column;gap:16px}.input-group label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.input-group input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:12px 16px;font-size:14px;color:var(--text-primary);font-family:inherit;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #00d4ff26}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:13px;color:#f87171}.login-submit{background:linear-gradient(135deg,var(--accent-blue),#0099cc);color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.login-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00d4ff4d}.login-submit:active{transform:translateY(0)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.demo-accounts{margin-top:28px}.demo-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-btn{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer;text-align:left;transition:border-color .2s,background .2s;font-family:inherit;display:flex;flex-direction:column;gap:2px}.demo-btn:hover{border-color:var(--accent);background:rgba(var(--accent-blue-rgb),.08)}.demo-role{font-size:12px;font-weight:700;color:var(--accent, var(--accent-blue))}.demo-user{font-size:11px;color:var(--text-muted)}.ump-overlay{position:fixed;inset:0;z-index:1000;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ump-panel{width:700px;max-height:80vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.ump-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.ump-header h2{margin:0;font-size:18px}.ump-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.ump-list{flex:1;overflow-y:auto;padding:12px 24px;display:flex;flex-direction:column;gap:8px}.ump-user-row{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border-radius:10px;padding:10px 14px;border:1px solid var(--border)}.ump-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#fff;flex-shrink:0}.ump-user-info{flex:1;display:flex;flex-direction:column;min-width:0}.ump-user-name{font-size:13px;font-weight:600;color:var(--text-primary)}.ump-user-username{font-size:11px;color:var(--text-muted)}.ump-role-badge{font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:6px;white-space:nowrap}.ump-role-admin{background:#f59e0b33;color:#f59e0b}.ump-role-manager{background:#3b82f633;color:#60a5fa}.ump-role-operator{background:#10b98133;color:#34d399}.ump-role-viewer{background:#8b5cf633;color:#a78bfa}.ump-user-perms{display:flex;gap:4px;flex-wrap:wrap;flex:1;justify-content:flex-end}.ump-perm-chip{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--bg-primary);color:var(--text-muted);border:1px solid var(--border)}.ump-remove-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:12px}.ump-remove-btn:hover{background:#ef444433}.ump-add-form{padding:20px 24px;border-top:1px solid var(--border)}.ump-add-form h3{margin:0 0 12px;font-size:14px;color:var(--text-muted)}.ump-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ump-form-grid input,.ump-form-grid select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:13px;font-family:inherit}.ump-form-grid input:focus,.ump-form-grid select:focus{outline:none;border-color:var(--accent-blue)}.ump-form-grid select{color:var(--text-primary);background:var(--bg-tertiary)}.ump-form-grid option{background:var(--bg-secondary)}.ump-error{color:#f87171;font-size:12px;margin:8px 0 0}.ump-add-btn{margin-top:12px;background:linear-gradient(135deg,var(--accent-blue),#0099cc);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.ump-add-btn:hover{opacity:.9}.ump-role-station_manager{background:#3b82f633;color:#60a5fa}.ump-role-station_worker{background:#10b98133;color:#34d399}.ump-role-planner{background:#3b82f633;color:#60a5fa}.ump-stations-hint{font-size:10px;color:#60a5fa}.ump-user-actions{display:flex;gap:4px}.ump-edit-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:12px}.ump-edit-btn:hover{background:#3b82f633}.ump-edit-form{width:100%;display:flex;flex-direction:column;gap:8px}.ump-edit-row{display:flex;gap:8px}.ump-edit-input,.ump-edit-select{flex:1;padding:6px 10px;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-size:12px;font-family:inherit}.ump-edit-input:focus,.ump-edit-select:focus{outline:none;border-color:var(--accent-blue)}.ump-edit-actions{display:flex;gap:6px}.ump-save-btn{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:700;background:#10b981;color:#fff;border:none;cursor:pointer}.ump-cancel-btn{padding:5px 12px;border-radius:6px;font-size:12px;background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border);cursor:pointer}.ump-station-grid{display:flex;flex-wrap:wrap;gap:6px}.ump-station-chip{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:16px;font-size:11px;cursor:pointer;border:1px solid var(--border);color:var(--text-muted);background:var(--bg-tertiary);transition:all .15s;-webkit-user-select:none;user-select:none}.ump-station-chip input{display:none}.ump-station-chip.active{background:#3b82f626;border-color:#3b82f6;color:#93c5fd}.ump-station-chip:hover{border-color:var(--accent-blue)}.spp-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:5px}.spp-wrap{position:relative;width:100%}.spp-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-secondary);font-size:12px;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s}.spp-trigger:hover{border-color:var(--accent-blue)}.spp-trigger--open{border-color:var(--accent-blue);color:var(--text-primary)}.spp-trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spp-caret{font-size:9px;color:var(--text-muted);flex-shrink:0}.spp-dropdown{position:fixed;z-index:1200;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 36px #00000080;overflow:hidden;min-width:260px;width:320px}.spp-search-wrap{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border)}.spp-search-icon{font-size:12px;color:var(--text-muted);flex-shrink:0}.spp-search{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:12px;font-family:inherit}.spp-search::placeholder{color:var(--text-muted)}.spp-list{max-height:240px;overflow-y:auto}.spp-section-header{padding:6px 12px 3px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:#ffffff08;border-top:1px solid rgba(255,255,255,.04);position:sticky;top:0}.spp-item{display:flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:12px;color:var(--text-secondary);transition:background .1s;border-bottom:1px solid rgba(255,255,255,.03)}.spp-item:hover{background:#00d4ff0f;color:var(--text-primary)}.spp-item--checked{background:#3b82f61a;color:#93c5fd}.spp-item--checked:hover{background:#3b82f626}.spp-item--child{padding-left:22px}.spp-item input{display:none}.spp-item-check{width:14px;height:14px;border-radius:3px;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#60a5fa;flex-shrink:0;background:var(--bg-tertiary);transition:all .1s}.spp-item--checked .spp-item-check{background:#3b82f633;border-color:#3b82f6}.spp-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spp-empty{padding:16px 12px;font-size:12px;color:var(--text-muted);text-align:center}.spp-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-top:1px solid var(--border);background:#ffffff05}.spp-count{font-size:11px;color:var(--text-muted);flex:1;text-align:center}.spp-clear-btn{background:none;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:inherit}.spp-clear-btn:hover{background:#ef44441a}.spp-done-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#60a5fa;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}.spp-done-btn:hover{background:#3b82f640}.pp-overlay{position:fixed;inset:0;z-index:300;background:#0009;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pp-panel{width:420px;max-height:85vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0009}.pp-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:#ffffff08}.pp-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.pp-header-info{display:flex;flex-direction:column;gap:2px;flex:1}.pp-name{font-size:15px;font-weight:700;color:var(--text-primary)}.pp-role{font-size:11px;color:var(--text-muted)}.pp-stations{font-size:10px;color:#60a5fa}.pp-close{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px}.pp-close:hover{color:var(--text-primary);background:#ffffff0d}.pp-tabs{display:flex;border-bottom:1px solid var(--border)}.pp-tab{flex:1;padding:10px 14px;background:none;border:none;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s}.pp-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.pp-tab:hover:not(.active){color:var(--text-primary)}.pp-badge{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:8px;padding:0 4px;min-width:14px;height:14px;margin-left:4px}.pp-body{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.pp-mark-all{align-self:flex-end;background:none;border:1px solid var(--border);color:#60a5fa;font-size:11px;padding:4px 10px;border-radius:5px;cursor:pointer}.pp-mark-all:hover{background:#60a5fa1a}.pp-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:24px 0}.pp-notif-list{display:flex;flex-direction:column;gap:0}.pp-notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .1s}.pp-notif-item:last-child{border-bottom:none}.pp-notif-item:hover{background:#ffffff05}.pp-notif-item--read{opacity:.45}.pp-notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.pp-notif-dot--green{background:#10b981}.pp-notif-dot--blue{background:#3b82f6}.pp-notif-content{flex:1;display:flex;flex-direction:column;gap:2px}.pp-notif-msg{font-size:12px;color:var(--text-primary);line-height:1.45}.pp-notif-time{font-size:10px;color:var(--text-muted)}.pp-notif-new{font-size:9px;font-weight:700;color:#f59e0b;border:1px solid #f59e0b;border-radius:4px;padding:1px 4px;flex-shrink:0}.pp-section{display:flex;flex-direction:column;gap:8px}.pp-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.pp-input-row{display:flex;gap:8px}.pp-input{width:100%;padding:8px 12px;border-radius:7px;font-size:13px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-primary);outline:none;transition:border-color .15s;box-sizing:border-box}.pp-input:focus{border-color:var(--accent-blue)}.pp-save-btn{padding:8px 16px;border-radius:7px;font-size:12px;font-weight:700;background:var(--accent-blue);color:#fff;border:none;cursor:pointer;white-space:nowrap;transition:opacity .15s}.pp-save-btn:hover{opacity:.85}.pp-error{font-size:12px;color:#f87171}.pp-success{font-size:12px;color:#34d399}.pp-license-info{display:flex;flex-direction:column;gap:16px}.pp-license-badge{padding:10px 16px;border-radius:10px;font-size:14px;font-weight:700;text-align:center}.pp-license-badge--active{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.pp-license-badge--expiring{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.pp-license-badge--expired{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.pp-license-rows{display:flex;flex-direction:column;gap:8px}.pp-license-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px}.pp-license-key{font-size:12px;color:var(--text-muted)}.pp-license-val{font-size:13px;font-weight:600;color:var(--text-primary)}.pp-license-val--warn{color:#f59e0b}.pp-license-note{font-size:11px;color:var(--text-muted);margin:0}.stp-overlay{position:fixed;inset:0;z-index:1000;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stp-panel{width:560px;max-height:80vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.stp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.stp-header h2{margin:0;font-size:18px}.stp-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.stp-list{flex:1;overflow-y:auto;padding:12px 24px;display:flex;flex-direction:column;gap:6px}.stp-row{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border-radius:10px;padding:8px 12px;border:1px solid var(--border);min-height:48px}.stp-type-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stp-type-info{flex:1;display:flex;flex-direction:column}.stp-type-label{font-size:13px;font-weight:600;color:var(--text-primary)}.stp-type-key{font-size:10px;color:var(--text-muted);font-family:monospace}.stp-color-dots{display:flex;gap:4px;align-items:center}.stp-dot{width:12px;height:12px;border-radius:50%}.stp-row-actions{display:flex;gap:4px}.stp-edit-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#60a5fa;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:12px}.stp-edit-btn:hover{background:#3b82f633}.stp-remove-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:12px}.stp-remove-btn:hover{background:#ef444433}.stp-edit-form{width:100%;display:flex;flex-direction:column;gap:8px;position:relative}.stp-edit-top-row{display:flex;align-items:center;gap:8px}.stp-edit-input{flex:1;padding:6px 10px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:13px;font-family:inherit}.stp-edit-input:focus{outline:none;border-color:var(--accent-blue)}.stp-color-row{display:flex;gap:16px}.stp-color-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);cursor:pointer}.stp-color-label input[type=color]{width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;padding:0;background:none}.stp-edit-actions{display:flex;gap:6px}.stp-save-btn{padding:5px 14px;border-radius:6px;font-size:12px;font-weight:700;background:#10b981;color:#fff;border:none;cursor:pointer;font-family:inherit}.stp-cancel-btn{padding:5px 12px;border-radius:6px;font-size:12px;background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;font-family:inherit}.stp-icon-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid;font-size:18px;cursor:pointer;flex-shrink:0;align-self:flex-start}.stp-icon-picker{position:absolute;top:44px;left:0;z-index:20;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-wrap:wrap;gap:4px;box-shadow:0 8px 24px #0006;width:200px}.stp-icon-picker--new{top:auto;bottom:44px}.stp-icon-opt{width:30px;height:30px;border-radius:6px;border:1px solid transparent;background:var(--bg-tertiary);font-size:15px;cursor:pointer}.stp-icon-opt:hover,.stp-icon-opt.active{border-color:var(--accent-blue);background:#3b82f626}.stp-add-form{padding:20px 24px;border-top:1px solid var(--border)}.stp-add-form h3{margin:0 0 12px;font-size:14px;color:var(--text-muted)}.stp-add-row{display:flex;align-items:flex-start;gap:8px;position:relative}.stp-add-input{flex:1;padding:8px 12px;border-radius:8px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-size:13px;font-family:inherit}.stp-add-input:focus{outline:none;border-color:var(--accent-blue)}.stp-color-presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px}.stp-preset-color{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .1s}.stp-preset-color:hover{transform:scale(1.2)}.stp-preset-color.active{border-color:#fff;transform:scale(1.2)}.stp-error{color:#f87171;font-size:12px;margin:8px 0 0}.stp-add-btn{margin-top:12px;background:linear-gradient(135deg,var(--accent-blue),#0099cc);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.stp-add-btn:hover{opacity:.9}.stp-icon-picker--inline{position:static;width:100%;box-shadow:none;border-radius:8px;padding:8px;margin-top:4px}.stp-icon-picker-close{width:100%;text-align:center;font-size:11px;padding:3px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:5px;color:var(--text-muted);cursor:pointer;margin-bottom:4px}.snp-overlay{position:fixed;inset:0;z-index:1000;background:#000000b3;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.snp-panel{width:520px;max-height:75vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.snp-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.snp-header h2{margin:0;font-size:18px}.snp-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.snp-body{flex:1;overflow-y:auto;padding:16px 24px;display:flex;flex-direction:column;gap:8px}.snp-empty{color:var(--text-muted);font-size:13px;text-align:center;padding:32px 0}.snp-item{display:flex;align-items:center;gap:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.snp-item-info{flex:1}.snp-item-label{font-size:13px;font-weight:600;color:var(--text-primary)}.snp-item-time{font-size:11px;color:var(--text-muted)}.snp-restore-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#60a5fa;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.snp-restore-btn:hover{background:#3b82f640}.snp-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:10px;align-items:center}.snp-import-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;font-family:inherit}.snp-import-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.snp-info{font-size:11px;color:var(--text-muted);flex:1}.kr-overlay{position:fixed;inset:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.kr-panel{width:820px;max-height:85vh;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.kr-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.kr-header h2{margin:0;font-size:18px}.kr-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.kr-toolbar{display:flex;gap:12px;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.kr-tab-group{display:flex;gap:4px}.kr-tab{padding:6px 14px;border-radius:7px;font-size:12px;font-weight:600;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:inherit}.kr-tab.active{background:#3b82f626;border-color:#3b82f6;color:#60a5fa}.kr-select{padding:6px 10px;border-radius:7px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-family:inherit}.kr-select:focus{outline:none;border-color:var(--accent-blue)}.kr-body{flex:1;overflow-y:auto;padding:20px 24px}.kr-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.kr-card{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.kr-card-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.kr-card-value{font-size:22px;font-weight:700;color:var(--text-primary);margin-top:4px}.kr-card-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.kr-chart-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin:16px 0 8px}.kr-log-table{width:100%;border-collapse:collapse;font-size:12px}.kr-log-table th{text-align:left;padding:6px 10px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.kr-log-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary)}.kr-log-table tr:hover td{background:#ffffff05}.kr-badge{display:inline-block;padding:2px 7px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.kr-no-data{text-align:center;color:var(--text-muted);padding:32px;font-size:13px}.kr-verimlilik{width:100%}.kr-verimlilik-row{cursor:default}.kr-diff-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700}.kr-diff-erken{background:#10b98126;color:#34d399}.kr-diff-orta{background:#f59e0b26;color:#fbbf24}.kr-diff-gec{background:#ef444426;color:#f87171}.kr-status-erken{background:#10b98126;color:#34d399}.kr-status-zamaninda{background:#f59e0b26;color:#fbbf24}.kr-status-gecikme{background:#ef444426;color:#f87171}.kr-detail-btn{background:none;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:2px 8px;cursor:pointer;font-size:11px}.kr-detail-btn:hover{border-color:var(--accent-blue);color:#60a5fa}.kr-detail-section{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.kr-pdf-btn{padding:8px 20px;background:#1d4ed8;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit}.kr-pdf-btn:hover{background:#2563eb}.topbar{height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:20px;flex-shrink:0;position:relative;z-index:400}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:180px}.topbar-logo{font-size:24px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.topbar-title{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.topbar-mes{color:var(--accent-blue);-webkit-text-fill-color:var(--accent-blue)}.topbar-nav{display:flex;gap:4px;flex:1}.nav-btn{background:transparent;border:1px solid transparent;border-radius:8px;padding:7px 14px;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;font-family:inherit}.nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border)}.nav-btn.active{background:#00d4ff1a;color:var(--accent-blue);border-color:#00d4ff4d}.topbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.sim-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:transform .15s,box-shadow .15s}.sim-btn--start{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff}.sim-btn--start:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.sim-btn--stop{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:simRunning 2s ease-in-out infinite}@keyframes simRunning{0%,to{box-shadow:0 0 8px #ef44444d}50%{box-shadow:0 0 20px #ef444499}}.sim-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tick-badge{display:flex;align-items:center;gap:6px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;color:var(--accent-green)}.tick-dot{width:7px;height:7px;background:var(--accent-green);border-radius:50%;animation:blink 1s ease-in-out infinite}.tick-num{color:var(--text-muted)}.topbar-io-group{display:flex;gap:6px;align-items:center}.topbar-io-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;border:1px solid;transition:all .15s;white-space:nowrap}.topbar-io-btn--export{background:#10b9811f;border-color:#10b98159;color:#34d399}.topbar-io-btn--export:hover{background:#10b98138}.topbar-io-btn--import{background:#3b82f61f;border-color:#3b82f659;color:#60a5fa}.topbar-io-btn--import:hover{background:#3b82f638}.topbar-io-btn--backup{background:#10b98126;border-color:#10b98159;color:#34d399}.topbar-io-btn--backup:hover{background:#10b98140}.topbar-io-btn:disabled{opacity:.5;cursor:not-allowed}.backup-reminder{position:fixed;bottom:20px;right:20px;z-index:500;background:var(--bg-secondary);border:1px solid rgba(245,158,11,.4);border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary);box-shadow:0 4px 16px #0000004d}.backup-reminder button{background:#f59e0b26;border:1px solid rgba(245,158,11,.35);color:#fbbf24;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}.backup-reminder-dismiss{background:none!important;border:none!important;color:var(--text-muted)!important;padding:0!important}.alert-badge{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:20px;padding:4px 12px;color:#f87171;font-size:12px;font-weight:700;cursor:pointer;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.user-chip{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:6px 10px}.user-avatar{width:30px;height:30px;background:var(--role-color, var(--accent-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.user-info{display:flex;flex-direction:column}.user-name{font-size:12px;font-weight:600;color:var(--text-primary)}.user-role{font-size:10px;color:var(--text-muted)}.logout-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;padding:2px;transition:color .15s}.logout-btn:hover{color:#f87171}.notif-wrap{position:relative}.notif-bell{position:relative;background:none;border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:16px;cursor:pointer;color:var(--text-secondary);transition:all .15s}.notif-bell:hover{border-color:#60a5fa;color:var(--text-primary)}.notif-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:8px;padding:0 4px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center}.notif-backdrop{position:fixed;inset:0;z-index:299}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:300;width:320px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #00000080;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text-primary)}.notif-mark-all{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:11px}.notif-mark-all:hover{color:#93c5fd}.notif-list{max-height:320px;overflow-y:auto}.notif-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:12px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);cursor:pointer;transition:background .1s}.notif-item:hover{background:#ffffff0a}.notif-item--read{opacity:.5}.notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.notif-dot--green{background:#10b981}.notif-dot--blue{background:#3b82f6}.notif-content{display:flex;flex-direction:column;gap:2px}.notif-msg{font-size:12px;color:var(--text-primary);line-height:1.4}.notif-time{font-size:10px;color:var(--text-muted)}.user-chip{cursor:pointer}.user-chip:hover{border-color:#60a5fa!important}.nav-ot-pulse{position:absolute;top:4px;right:4px;width:9px;height:9px;border-radius:50%;background:#f59e0b;border:2px solid var(--bg-secondary);animation:otPulse 1.2s ease-in-out infinite}.chip-ot-pulse{position:absolute;top:-3px;right:-3px;width:11px;height:11px;border-radius:50%;background:#f59e0b;border:2px solid var(--bg-secondary);animation:otPulse 1.2s ease-in-out infinite;z-index:10}@keyframes otPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.mesai-wrap{position:relative}.mesai-trigger{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:6px 12px;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}.mesai-trigger:hover{background:#ffffff14}.mesai-trigger--ot{border-color:#f59e0b80;color:#fbbf24}.mesai-trigger-total{font-size:11px;font-weight:700;color:#60a5fa;background:#3b82f61f;border-radius:5px;padding:1px 6px}.mesai-trigger--ot .mesai-trigger-total{color:#fbbf24;background:#f59e0b1f}.mesai-trigger-dot{width:7px;height:7px;border-radius:50%;background:#fbbf24;flex-shrink:0}.mesai-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:400;width:240px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #00000080;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.mesai-dropdown-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding-bottom:6px;border-bottom:1px solid var(--border)}.mesai-dropdown-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mesai-dropdown-divider{height:1px;background:var(--border);margin:2px 0}.mesai-dropdown-total{display:flex;align-items:center;justify-content:space-between;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:8px 12px}.mesai-dropdown-total.mesai-total--ot{background:#f59e0b1f;border-color:#f59e0b66}.mesai-dropdown-actions{display:flex;flex-direction:column;gap:6px}.mesai-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);white-space:nowrap}.mesai-time-selects{display:flex;align-items:center;gap:2px}.mesai-colon{font-size:14px;font-weight:800;color:var(--text-secondary);line-height:1}.mesai-sel{-webkit-appearance:none;appearance:none;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:700;font-family:inherit;padding:4px 6px;width:42px;text-align:center;cursor:pointer;transition:border-color .15s}.mesai-sel:focus{outline:none;border-color:var(--accent-blue)}.mesai-sel:disabled{opacity:.7;cursor:default}.mesai-sel--ot{width:54px;font-size:13px}.mesai-ot-row{display:flex;align-items:center;gap:6px;min-height:30px}.mesai-check{width:16px;height:16px;accent-color:var(--accent-blue);cursor:pointer;flex-shrink:0}.mesai-check:disabled{cursor:default}.mesai-total--ot{background:#f59e0b1f;border-color:#f59e0b66}.mesai-total-val{font-size:18px;font-weight:900;color:#60a5fa;line-height:1}.mesai-total--ot .mesai-total-val{color:#fbbf24}.mesai-total-lbl{font-size:9px;color:var(--text-muted);font-weight:600;white-space:nowrap}.mesai-notify-btn{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;border:1px solid rgba(245,158,11,.5);background:#f59e0b26;color:#fbbf24;white-space:nowrap;transition:all .15s;animation:mesaiPulse 2s ease-in-out infinite}.mesai-notify-btn:hover{background:#f59e0b47}.mesai-notify-btn--sent{border-color:#10b98166;background:#10b9811f;color:#34d399;animation:none}@keyframes mesaiPulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 0 4px #f59e0b33}}.mesai-cancel-btn{padding:4px 10px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit;border:1px solid rgba(239,68,68,.4);background:#ef44441a;color:#f87171;white-space:nowrap;transition:all .15s}.mesai-cancel-btn:hover{background:#ef444433}.license-warning-band{width:100%;padding:6px 16px;font-size:13px;text-align:center;font-weight:500}.license-warning-band.warning{background:#854d0e;color:#fef3c7}.license-warning-band.expired{background:#7f1d1d;color:#fee2e2}.topbar-brand-text{display:flex;flex-direction:column;line-height:1;gap:2px}.topbar-version{font-size:10px;color:var(--text-muted);letter-spacing:.5px;font-weight:500}.apm-overlay{position:fixed;inset:0;z-index:200;background:#000000a6;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.apm-panel{width:700px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0009}.apm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.apm-header h2{margin:0;font-size:18px;color:var(--text-primary)}.apm-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.apm-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.apm-row{display:flex;gap:12px}.apm-row .apm-field{flex:1}.apm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 16px}.apm-section-title{margin:10px 0 0;font-size:14px;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border);padding-bottom:6px}.apm-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.apm-field input,.apm-field select{width:100%;box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:13px;font-family:inherit}.apm-field select{color:var(--text-primary)}.apm-field select option{background:var(--bg-secondary)}.apm-field input:focus,.apm-field select:focus{outline:none;border-color:var(--accent-blue)}.apm-priority-row{display:flex;gap:8px}.apm-priority-btn{flex:1;padding:7px 0;border-radius:8px;font-size:12px;font-weight:600;background:var(--bg-tertiary);border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .15s}.apm-priority-btn.active{background:color-mix(in srgb,var(--p-color) 15%,transparent);border-color:var(--p-color);color:var(--p-color)}.apm-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border)}.apm-cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:10px 18px;font-size:13px;cursor:pointer;font-family:inherit}.apm-save-btn{background:linear-gradient(135deg,var(--accent-blue),#0099cc);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.apm-save-btn:hover{opacity:.9}.apm-proc-tree{display:flex;flex-direction:column;gap:6px}.apm-proc-group{display:flex;flex-direction:column;gap:4px}.apm-proc-header{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;cursor:default}.apm-proc-header-icon{font-size:10px;opacity:.5}.apm-proc-children{display:flex;flex-wrap:wrap;gap:5px;padding-left:16px;border-left:2px solid rgba(245,158,11,.25);margin-left:6px}.apm-subproc-label--main{font-weight:600}.apm-subproc-label--child{font-size:11px;background:#f59e0b0f;border-color:#f59e0b40;color:#f59e0bcc}.apm-subproc-label--child.apm-subproc-label--checked{background:#f59e0b2e;border-color:#f59e0b8c;color:#fbbf24}.apm-subproc-grid{display:flex;flex-wrap:wrap;gap:8px}.apm-subproc-label{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;cursor:pointer;font-size:12px;font-weight:500;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);transition:all .15s;-webkit-user-select:none;user-select:none}.apm-subproc-label:hover{border-color:var(--accent-blue);color:var(--text-primary)}.apm-subproc-label--checked{background:#10b98126;border-color:#10b98180;color:#34d399}.apm-subproc-check{width:14px;height:14px;border-radius:3px;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.sidebar-root{position:relative;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.sidebar-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:100;background:transparent;transition:background .15s}.sidebar-resize-handle:hover,.sidebar-resize-handle:active{background:var(--accent-blue);opacity:.5}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border)}.stab{flex:1;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);padding:12px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;font-family:inherit;transition:all .15s}.stab:hover{color:var(--text-primary)}.stab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.sidebar-section{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:6px}.sidebar-hint{font-size:11px;color:var(--text-muted);margin:0 0 6px;padding:0}.sidebar-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:4px 0;padding:0}.sidebar-divider{height:1px;background:var(--border);margin:8px 0}.sidebar-collapsible-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:#ffffff0a;border:1px solid var(--border);border-radius:8px;padding:7px 10px;cursor:pointer;color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:inherit;transition:background .15s}.sidebar-collapsible-header:hover{background:#ffffff14}.sidebar-collapse-icon{font-size:9px;opacity:.6}.sidebar-collapsible-body{display:flex;flex-direction:column;gap:5px;padding:4px 0 2px}.sidebar-add-btn{width:100%;padding:5px;background:#ffffff0d;border:1px dashed var(--border);border-radius:6px;color:var(--text-muted);font-size:11px;cursor:pointer;font-family:inherit;transition:all .15s}.sidebar-add-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.sidebar-form-box{background:#0000004d;padding:8px;border-radius:6px;display:flex;flex-direction:column;gap:6px}.sidebar-form-input{padding:5px 8px;border-radius:4px;background:#1e293b;color:#fff;border:1px solid #334155;font-family:inherit;font-size:12px;box-sizing:border-box;width:100%}.sidebar-form-input:focus{outline:none;border-color:var(--accent-blue)}.sidebar-form-btn{border:none;border-radius:5px;padding:5px 10px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600}.sidebar-form-btn--save{background:var(--accent-blue);color:#000}.sidebar-form-btn--cancel{background:#ffffff1a;color:var(--text-muted)}.proc-section-label{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding:4px 0 3px;margin-bottom:3px;border-bottom:1px solid rgba(255,255,255,.06)}.proc-section-label--sub{padding-left:16px;margin-top:4px;color:#f59e0b99}.subproc-list{display:flex;flex-direction:column;gap:2px}.subproc-item{display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-size:11px}.subproc-item--main{border-left:2px solid rgba(0,212,255,.4)}.subproc-item--child{margin-left:14px;font-size:10px;border-left:2px solid rgba(245,158,11,.35);background:#f59e0b0d}.subproc-children{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px}.subproc-expand-btn{background:none;border:none;cursor:pointer;font-size:8px;color:var(--text-muted);padding:0 2px;flex-shrink:0}.subproc-name{flex:1;color:var(--text-secondary)}.subproc-name--child{color:#f59e0bd9}.subproc-action-btn{background:none;border:none;cursor:pointer;padding:1px 3px;font-size:11px;opacity:.6;transition:opacity .15s}.subproc-action-btn:hover{opacity:1}.tool-item{display:flex;align-items:center;gap:10px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:10px 12px;cursor:pointer;font-family:inherit;transition:all .15s;width:100%;text-align:left;position:relative}.tool-item:hover{border-color:var(--tc);background:#00000026}.tool-item.active{border-color:var(--tc);background:#0003;box-shadow:0 0 0 2px #ffffff0d}.tool-icon{font-size:20px}.tool-label{display:block;font-size:12px;font-weight:600;color:var(--text-primary)}.tool-desc{display:block;font-size:10px;color:var(--text-muted);margin-top:1px}.tool-active-badge{position:absolute;right:10px;background:var(--tc);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.tool-item-inline{display:flex;align-items:center;gap:6px;flex:1;background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:inherit;padding:2px 0;text-align:left;font-size:12px}.tool-item-inline:hover .subproc-name{color:var(--tc, #60a5fa)}.tool-item-row{display:flex;gap:4px;align-items:stretch}.tool-delete-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171;border-radius:8px;padding:0 8px;font-size:13px;cursor:pointer;flex-shrink:0;transition:background .15s}.tool-delete-btn:hover{background:#ef444440}.station-status-list{display:flex;flex-direction:column;gap:3px}.sst-item{background:var(--bg-tertiary);border-radius:6px;padding:5px 7px;display:flex;flex-direction:column;gap:4px}.sst-item--child{margin-left:10px;background:#ffffff08;border-left:2px solid rgba(255,255,255,.08);border-radius:0 5px 5px 0;padding-left:8px}.sst-row{display:flex;align-items:center;gap:6px}.sst-name{flex:1;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sst-val{font-size:10px;color:var(--text-muted);white-space:nowrap;font-weight:600}.sst-val--over{color:#ef4444;font-weight:700}.sst-bar-track{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.sst-bar-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .4s ease}.sst-bar-fill--over{background:#ef4444}.sst-bar-fill--done{background:#10b981}.proc-cap-input{width:42px;padding:2px 4px;font-size:10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:inherit;text-align:right;flex-shrink:0}.proc-cap-input:focus{outline:none;border-color:var(--accent-blue);color:var(--text-primary)}.sb-kapasite-row{display:flex;align-items:center;gap:6px;margin-top:6px}.sb-kapasite-label{font-size:10px;color:var(--text-muted);white-space:nowrap}.sb-kapasite-input{width:70px;padding:4px 8px;border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-size:12px;font-family:inherit}.sb-kapasite-birim{padding:4px 6px;border-radius:6px;font-size:11px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);font-family:inherit}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.s-idle{background:#374151}.s-processing{background:#10b981;box-shadow:0 0 5px #10b98180;animation:blinkGreen 1.5s ease-in-out infinite}.s-fault{background:#ef4444;box-shadow:0 0 5px #ef444480}@keyframes blinkGreen{0%,to{opacity:1}50%{opacity:.4}}.add-product-form{display:flex;flex-direction:column;gap:7px}.sidebar-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:9px 11px;color:var(--text-primary);font-size:12px;font-family:inherit;width:100%;box-sizing:border-box}.sidebar-input:focus{outline:none;border-color:var(--accent-blue)}.product-templates{display:flex;flex-direction:column;gap:4px}.template-chip{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:5px 9px;color:var(--text-muted);font-size:10px;cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,color .15s}.template-chip:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.add-product-btn{background:linear-gradient(135deg,var(--accent-green),#059669);color:#fff;border:none;border-radius:8px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:inherit;margin-top:2px}.add-product-btn:hover{opacity:.9}.product-list{display:flex;flex-direction:column;gap:5px}.product-item{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.product-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pd-queued{background:#f59e0b}.pd-processing{background:#10b981;animation:blinkGreen 1.5s ease-in-out infinite}.pd-completed{background:#3b82f6}.pd-faulted{background:#ef4444}.product-item div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.product-item-name{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-item-station{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-item-progress{width:36px}.pip-bar{height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.pip-fill{height:100%;background:var(--accent-green);border-radius:2px;transition:width .5s}.scm-overlay{position:fixed;inset:0;z-index:200;background:#000000a6;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scm-panel{width:max-content;min-width:600px;max-width:96vw;max-height:88vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0009}.scm-header{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--border)}.scm-icon{font-size:24px}.scm-header h2{margin:0;font-size:17px;flex:1}.scm-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.scm-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.scm-body-jobs{gap:8px;flex:1;overflow-y:auto}.scm-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 22px}.scm-tab{background:transparent;border:none;color:var(--text-muted);padding:12px 16px;font-size:13px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.scm-tab:hover{color:var(--text-secondary)}.scm-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.scm-empty-jobs{padding:20px;text-align:center;color:var(--text-muted);font-size:13px}.scm-job-search{width:100%;box-sizing:border-box;margin-bottom:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:inherit}.scm-job-search:focus{outline:none;border-color:var(--accent-blue)}.scm-job-header-row{display:flex;align-items:center;gap:8px}.scm-job-header-row .scm-job-search{flex:1}.scm-job-count{font-size:11px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.scm-job-list{display:flex;flex-direction:column;gap:8px}.scm-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 0 4px;flex-shrink:0}.scm-page-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-size:16px;font-weight:700;width:30px;height:30px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.scm-page-btn:hover:not(:disabled){background:#00d4ff26;color:var(--accent-blue);border-color:var(--accent-blue)}.scm-page-btn:disabled{opacity:.35;cursor:default}.scm-page-info{font-size:12px;color:var(--text-muted);min-width:50px;text-align:center}.scm-job-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-tertiary);border:1px solid var(--border);padding:12px 16px;border-radius:8px}.scm-job-item--expanded{flex-direction:column;align-items:stretch;gap:8px}.scm-job-info{display:flex;flex-direction:column;gap:3px}.scm-job-name{font-size:13px;font-weight:600;color:var(--text-primary)}.scm-job-order{color:var(--text-muted);font-size:11px;font-weight:400}.scm-job-sub{font-size:11px;color:var(--text-muted);display:flex;align-items:center;flex-wrap:wrap;gap:6px}.scm-detail-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#60a5fa;font-size:14px;padding:5px 8px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s;flex-shrink:0}.scm-detail-btn:hover{background:#3b82f647}.scm-sub-procs{background:#0003;border:1px solid var(--border);border-radius:6px;padding:7px 10px;margin-top:6px}.scm-sub-procs-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;display:block}.scm-sub-procs-row{display:flex;flex-wrap:wrap;gap:5px}.scm-sub-proc-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid var(--border);border-radius:5px;padding:3px 8px;white-space:nowrap;transition:border-color .15s}.scm-sub-proc-label:hover{border-color:#10b981}.scm-sub-proc-label input[type=checkbox]{cursor:pointer;accent-color:#10b981;flex-shrink:0}.scm-sub-done{color:#10b981}.scm-job-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.scm-revert-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;font-size:13px;padding:5px 8px;border-radius:6px;cursor:pointer;transition:all .2s}.scm-revert-btn:hover{background:#ef444440}.scm-advance-btn{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:12px;font-weight:600;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s}.scm-advance-btn:hover{background:#10b98140}.scm-field label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.scm-field input,.scm-field select{width:100%;box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-primary);font-size:14px;font-family:inherit}.scm-field input:focus,.scm-field select:focus{outline:none;border-color:var(--accent-blue)}.scm-field select option{background:var(--bg-secondary);color:var(--text-primary)}.scm-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scm-type-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:10px;padding:10px 8px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text-secondary);font-family:inherit;transition:all .15s}.scm-type-btn:hover{border-color:var(--type-color);color:var(--type-color)}.scm-type-btn.active{border-color:var(--type-color);background:#0003;color:var(--type-color);box-shadow:0 0 0 3px #0000001a}.scm-type-btn span:first-child{font-size:20px}.scm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scm-status-row{display:flex;align-items:center;gap:10px}.scm-status-label{font-size:12px;color:var(--text-muted)}.scm-status-badge{font-size:12px;font-weight:700}.scm-status-idle{color:var(--text-muted)}.scm-status-processing{color:#10b981}.scm-status-fault{color:#ef4444}.scm-reset-btn{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;font-family:inherit}.scm-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--border)}.scm-footer-right{display:flex;gap:8px}.scm-danger-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;font-family:inherit}.scm-danger-btn:hover{background:#ef444433}.scm-cancel-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;font-family:inherit}.scm-save-btn{background:linear-gradient(135deg,var(--accent-blue),#0099cc);color:#fff;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.scm-save-btn:hover{opacity:.9}.scm-shipped-summary{display:flex;flex-direction:column;gap:8px}.scm-shipped-total{font-size:13px;color:var(--text-secondary);padding:8px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px}.scm-year-group{border:1px solid rgba(139,92,246,.3);border-radius:8px;overflow:hidden;margin-bottom:4px}.scm-year-header{width:100%;display:flex;align-items:center;gap:8px;background:#8b5cf61f;border:none;padding:10px 14px;cursor:pointer;font-family:inherit;color:var(--text-primary);font-size:13px;font-weight:700;text-align:left;transition:background .15s}.scm-year-header:hover{background:#8b5cf633}.scm-month-group{border:1px solid var(--border);border-radius:8px;overflow:hidden}.scm-month-group--nested{border-radius:0;border-left:none;border-right:none;border-top:none}.scm-month-header{width:100%;display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:none;padding:10px 14px;cursor:pointer;font-family:inherit;color:var(--text-primary);font-size:13px;font-weight:600;text-align:left;transition:background .15s}.scm-month-header:hover{background:#ffffff0d}.scm-month-meta{flex:1;font-size:11px;color:var(--text-muted);font-weight:400}.scm-month-items{display:flex;flex-direction:column}.scm-shipped-item{display:flex;align-items:center;gap:10px;padding:8px 14px;font-size:12px;border-top:1px solid var(--border)}.scm-shipped-item--clickable{cursor:pointer;transition:background .15s}.scm-shipped-item--clickable:hover{background:#ffffff0a}.scm-shipped-expand{font-size:9px;color:var(--text-muted);flex-shrink:0;width:12px}.scm-shipped-name{flex:1;color:var(--text-primary);font-weight:500}.scm-shipped-date{color:var(--text-muted);white-space:nowrap}.scm-shipped-m2{color:var(--accent-blue);font-weight:600;white-space:nowrap;min-width:50px;text-align:right}.scm-shipped-detail{background:#00000040;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 14px 8px 26px}.scm-shipped-detail-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.scm-shipped-detail-empty{font-size:11px;color:var(--text-muted);padding:4px 0}.scm-shipped-proc-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px;border-bottom:1px solid rgba(255,255,255,.04)}.scm-shipped-proc-row:last-child{border-bottom:none}.scm-shipped-proc-dot{color:#10b981;font-size:12px;flex-shrink:0}.scm-shipped-proc-name{flex:1;color:var(--text-secondary);font-weight:600}.scm-shipped-proc-date{color:var(--text-muted);white-space:nowrap}.scm-shipped-proc-user{color:#34d399;font-size:10px;white-space:nowrap}.scm-tab-badge{display:inline-flex;align-items:center;justify-content:center;background:#f59e0b;color:#000;font-size:12px;font-weight:800;border-radius:9px;padding:0 7px;min-width:22px;height:20px;margin-left:6px}.scm-subproc-toolbar{display:flex;gap:8px;margin-bottom:12px}.scm-print-btn,.scm-export-btn{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid var(--border);cursor:pointer;transition:all .15s}.scm-print-btn{background:#1e293b;color:var(--text-secondary)}.scm-print-btn:hover{background:#334155;color:var(--text-primary)}.scm-export-btn{background:#14532d;color:#86efac;border-color:#166534}.scm-export-btn:hover{background:#166534}.scm-ready-section{background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px;padding:10px 12px;margin-bottom:14px}.scm-ready-title{font-size:11px;font-weight:700;color:#34d399;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.scm-ready-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.scm-ready-item:last-child{border-bottom:none}.scm-ready-info{display:flex;flex-direction:column;gap:2px}.scm-subproc-group{margin-bottom:14px}.scm-subproc-group-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#60a5fa;padding:6px 0;border-bottom:1px solid rgba(96,165,250,.2);margin-bottom:6px}.scm-subproc-count{font-size:10px;color:var(--text-muted);font-weight:400;text-transform:none}.scm-subproc-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:6px;margin-bottom:4px;background:#ffffff08;border:1px solid transparent;transition:all .15s}.scm-subproc-item--done{opacity:.5;background:#10b9810d}.scm-subproc-item--late{border-color:#ef44444d;background:#ef44440d}.scm-subproc-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.scm-subproc-check-label{display:flex;align-items:center;gap:5px;font-size:11px;cursor:pointer;white-space:nowrap;color:var(--text-secondary);padding:4px 8px;border:1px solid var(--border);border-radius:5px;transition:all .15s}.scm-subproc-check-label:hover{border-color:#10b981;color:#34d399}.scm-subproc-check-label input{accent-color:#10b981}.scm-done-badge{color:#10b981;font-size:14px;flex-shrink:0}.scm-late-badge{color:#ef4444!important;font-weight:700}.scm-coord-product{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px 12px;margin-bottom:8px;transition:border-color .2s}.scm-coord-product--ready{border-color:#10b9814d;background:#10b9810a}.scm-coord-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.scm-coord-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.scm-coord-chips{display:flex;flex-wrap:wrap;gap:5px}.scm-proc-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:5px;white-space:nowrap}.scm-proc-chip--done{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.scm-proc-chip--pending{background:#ffffff0a;color:#64748b;border:1px solid rgba(255,255,255,.08)}.scm-advance-btn--disabled{background:#ffffff0a!important;color:#64748b!important;border-color:#ffffff14!important;cursor:not-allowed!important;font-size:11px!important}.scm-advance-btn--approved{background:#10b98126!important;color:#10b981!important;border-color:#10b98166!important;cursor:default!important;font-weight:700!important}.scm-advance-btn--stok{background:#f59e0b26!important;color:#f59e0b!important;border-color:#f59e0b66!important}.scm-tab-badge--blue{background:#1d4ed8;color:#93c5fd}.scm-sub-station-group{margin-bottom:4px}.scm-sub-station-name{display:inline-block;font-size:9px;font-weight:700;color:#60a5fa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.scm-sub-status-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 8px;border-radius:5px;border:1px solid var(--border);white-space:nowrap}.scm-sub-chip-done{background:#10b9811a;color:#34d399;border-color:#10b9814d}.scm-sub-chip-pending{background:#ffffff08;color:var(--text-muted)}.scm-partial-row{display:flex;align-items:center;gap:8px;padding:6px 0 4px;flex-wrap:wrap}.scm-partial-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.scm-partial-bar-track{width:70px;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;flex-shrink:0}.scm-partial-bar-fill{height:100%;background:#10b981;border-radius:3px;transition:width .4s}.scm-partial-text{font-size:11px;color:var(--text-muted);white-space:nowrap}.scm-partial-btn{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:11px;font-weight:600;padding:3px 10px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .15s}.scm-partial-btn:hover{background:#10b98138;border-color:#10b981}.scm-partial-form{display:flex;align-items:center;gap:4px}.scm-partial-input{width:70px;padding:3px 6px;border-radius:5px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);font-family:inherit}.scm-partial-input:focus{outline:none;border-color:#10b981}.scm-partial-confirm{background:#10b981;border:none;color:#000;font-weight:800;width:24px;height:24px;border-radius:5px;cursor:pointer;font-size:13px}.scm-partial-cancel{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;font-weight:800;width:24px;height:24px;border-radius:5px;cursor:pointer;font-size:13px}.scm-sort-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:7px;padding:5px 10px;color:var(--text-secondary);font-size:11px;font-family:inherit;cursor:pointer}.scm-sort-select:focus{outline:none;border-color:var(--accent-blue)}.scm-priority-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.scm-priority-kritik{background:#ef444426;color:#f87171}.scm-priority-dusuk{background:#6b728026;color:#9ca3af}.scm-delay-section{margin-bottom:12px}.scm-delay-toggle{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fbbf24;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.scm-delay-toggle:hover{background:#f59e0b33}.scm-delay-form{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:12px;margin-top:8px;display:flex;flex-direction:column;gap:8px}.scm-delay-row{display:flex;align-items:center;gap:8px}.scm-delay-row label{font-size:11px;color:var(--text-muted);width:90px;flex-shrink:0}.scm-delay-row input,.scm-delay-row select{flex:1;padding:5px 8px;border-radius:6px;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:12px;font-family:inherit}.scm-delay-row input:focus,.scm-delay-row select:focus{outline:none;border-color:#f59e0b}.scm-delay-submit{align-self:flex-end;padding:6px 16px;border-radius:7px;background:#f59e0b;color:#000;font-weight:700;font-size:12px;border:none;cursor:pointer;font-family:inherit}.scm-delay-submit:hover{background:#fbbf24}@media(max-width:768px){.scm-overlay{align-items:flex-start}.scm-panel{width:100vw;min-width:unset;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.scm-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scm-tabs::-webkit-scrollbar{display:none}.scm-body,.scm-body-jobs{padding:14px}}.phm-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:stretch;justify-content:center;padding:0}.phm-fullscreen{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary, #0f1120);overflow:hidden}.phm-header{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#0000004d;flex-shrink:0;gap:12px}.phm-title-area{display:flex;align-items:center;gap:12px;min-width:0}.phm-icon{font-size:22px;flex-shrink:0}.phm-title-area h2{font-size:15px;margin:0;color:var(--text-primary);white-space:nowrap}.phm-subtitle{font-size:10px;color:var(--text-muted);display:block;margin-top:2px}.phm-close{background:#ffffff14;border:1px solid var(--border);color:var(--text-muted);font-size:16px;cursor:pointer;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.phm-close:hover{background:#ef444433;color:#f87171;border-color:#ef444466}.phm-zbtn{background:#ffffff12;border:1px solid var(--border);color:var(--text-secondary);font-size:14px;font-weight:700;cursor:pointer;width:28px;height:28px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:background .15s}.phm-zbtn:hover{background:#ffffff24}.phm-zpct{font-size:11px;color:var(--text-muted);min-width:36px;text-align:center}.phm-canvas-wrap{flex:1;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.phm-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px}.phm-footer{padding:8px 20px;border-top:1px solid var(--border);display:flex;gap:16px;background:#0003;flex-shrink:0}.phm-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.phm-shipments{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 20px;background:#10b9810f;border-bottom:1px solid rgba(16,185,129,.15);font-size:11px}.phm-ship-title{font-weight:700;color:#34d399;white-space:nowrap}.phm-ship-bar-track{width:80px;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;flex-shrink:0}.phm-ship-bar-fill{height:100%;background:#10b981;border-radius:3px}.phm-ship-summary{color:#94a3b8;white-space:nowrap}.phm-ship-chip{display:inline-flex;align-items:center;gap:5px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:6px;padding:2px 8px;color:#94a3b8;white-space:nowrap}.phm-ship-idx{color:#10b981;font-weight:800}.phm-ship-usr{color:#60a5fa}.nc-root{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 40%,rgba(0,212,255,.03) 0%,transparent 55%),radial-gradient(ellipse at 80% 60%,rgba(16,185,129,.03) 0%,transparent 55%),var(--bg-primary);background-image:radial-gradient(ellipse at 20% 40%,rgba(0,212,255,.03) 0%,transparent 55%),radial-gradient(ellipse at 80% 60%,rgba(16,185,129,.03) 0%,transparent 55%),radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:auto,auto,30px 30px}.nc-toolbar{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:5px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:6px 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 20px #0006}.nc-tbtn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.nc-tbtn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.nc-tbtn--active{background:#00d4ff26;border-color:var(--accent-blue);color:var(--accent-blue);animation:ncConnPulse 2s ease-in-out infinite}@keyframes ncConnPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 4px #00d4ff2e}}.nc-tbtn--del{background:#ef44441a;border-color:#ef444466;color:#f87171}.nc-tbtn--del:hover{background:#ef444438;color:#fff;border-color:#ef4444}.nc-tb-sep{width:1px;height:20px;background:var(--border);margin:0 2px}.nc-tb-zoom{font-size:11px;color:var(--text-muted);min-width:38px;text-align:center;font-weight:600}.nc-viewport{position:absolute;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none}.nc-canvas{position:relative;will-change:transform}.nc-node{position:absolute;border-radius:14px;border:1.5px solid var(--nb, #3b82f6);background:var(--nbg, rgba(59,130,246,.08));box-sizing:border-box;transition:box-shadow .15s,border-color .15s}.nc-node:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--nb) 30%,transparent)}.nc-node--dragging{opacity:.82;box-shadow:0 8px 32px #00000080,0 0 0 2px var(--nb)}.nc-node--droptarget{border-color:#00d4ff!important;box-shadow:0 0 0 3px #00d4ff40!important}.nc-node--connfrom{border-color:#00d4ff!important;box-shadow:0 0 0 4px #00d4ff33!important;animation:ncConnPulse 1.5s ease-in-out infinite}.nc-node--container{border-radius:16px;border-width:2px}.nc-node-container-inner{width:100%;height:100%;padding:12px 16px;box-sizing:border-box}.nc-node-container-label{display:flex;align-items:center;gap:8px}.nc-node-icon{font-size:18px;line-height:1;flex-shrink:0}.nc-node-name{font-size:14px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nc-prod-badge{display:inline-flex;align-items:center;justify-content:center;background:#f59e0b;color:#000;font-size:10px;font-weight:700;border-radius:8px;padding:0 5px;min-width:16px;height:16px;margin-left:4px}.nc-node--leaf{display:flex;flex-direction:column}.nc-node-leaf-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px;box-sizing:border-box;position:relative;gap:4px}.nc-node-leaf-top{display:flex;flex-direction:column;align-items:center;gap:3px}.nc-node-icon-sm{font-size:16px;line-height:1}.nc-node-name-sm{font-size:11px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nc-status-dot{position:absolute;top:6px;right:8px;width:7px;height:7px;border-radius:50%;flex-shrink:0}.nc-prod-dots{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:center}.nc-prod-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.3);cursor:pointer;flex-shrink:0;transition:transform .1s}.nc-prod-dot:hover{transform:scale(1.4)}.nc-prod-more{font-size:9px;color:var(--text-muted);font-weight:600}.nc-resize-pt{width:10px;height:10px;background:#00d4ff;border:2px solid #fff;border-radius:50%;z-index:20;box-shadow:0 0 6px #00d4ffb3;transition:transform .1s}.nc-resize-pt:hover{transform:scale(1.4)}.hexgrid-root{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 50%,rgba(0,212,255,.03) 0%,transparent 60%),radial-gradient(ellipse at 70% 20%,rgba(0,255,157,.03) 0%,transparent 60%),var(--bg-primary)}.hexgrid-toolbar{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:6px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:6px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hgt-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.hgt-btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.hgt-btn--active{background:#00d4ff26;border-color:var(--accent-blue);color:var(--accent-blue);animation:connectPulse 2s ease-in-out infinite}@keyframes connectPulse{0%,to{box-shadow:0 0 #00d4ff00}50%{box-shadow:0 0 0 4px #00d4ff33}}.hgt-zoom{font-size:11px;color:var(--text-muted);min-width:38px;text-align:center;font-weight:600}.hexgrid-col-ctrl{position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hexgrid-row-ctrl{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:row;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:6px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hexgrid-size-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:26px;height:26px;font-size:16px;font-weight:700;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}.hexgrid-size-btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.hexgrid-size-label{font-size:10px;color:var(--text-muted);font-weight:600;white-space:nowrap}.product-panel{position:absolute;right:16px;top:70px;width:290px;background:#0f1423d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;z-index:50;box-shadow:0 8px 32px #00000073,0 0 0 1px #ffffff0d}.product-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 16px;border-bottom:1px solid rgba(255,255,255,.08);gap:8px}.pp-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.product-panel-header h3{margin:0;font-size:14px;font-weight:800;color:var(--text-primary);letter-spacing:.3px;white-space:nowrap}.pp-neural-btn{background:#00d4ff1f;border:1px solid rgba(0,212,255,.3);color:var(--accent-blue);cursor:pointer;font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap;transition:background .15s}.pp-neural-btn:hover{background:#00d4ff38}.pp-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.pp-whatsapp-btn{background:#25d366;border:none;color:#fff;cursor:pointer;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.pp-whatsapp-btn:hover{background:#1ebe5d}.pp-close-btn{background:#ef4444;border:none;color:#fff;cursor:pointer;font-size:14px;font-weight:900;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.pp-close-btn:hover{background:#dc2626}.product-panel-body{padding:12px 14px;display:flex;flex-direction:column;gap:0}.pp-row{display:flex;align-items:baseline;gap:6px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.05)}.pp-row:last-of-type{border-bottom:none}.pp-row span{color:#94a3b8;font-size:11px;font-weight:600;white-space:nowrap;min-width:85px}.pp-row strong{color:#f1f5f9;font-weight:700;font-size:12px}.pp-ship-box{margin-top:10px;background:#10b9810f;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:8px 10px}.pp-ship-progress{display:flex;align-items:center;gap:8px;margin-bottom:6px}.pp-ship-bar-track{width:60px;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden;flex-shrink:0}.pp-ship-bar-fill{height:100%;background:#10b981;border-radius:3px;transition:width .4s}.pp-ship-nums{font-size:11px;color:#94a3b8}.pp-ship-list{display:flex;flex-direction:column;gap:3px}.pp-ship-item{display:flex;align-items:center;gap:6px;font-size:10px;color:#64748b;padding:2px 0;border-top:1px solid rgba(255,255,255,.04)}.pp-ship-num{color:#10b981;font-weight:700;min-width:20px}.pp-ship-adet{color:#f1f5f9;font-weight:700;min-width:40px}.pp-ship-date{color:#64748b}.pp-ship-user{color:#60a5fa;margin-left:auto}.pp-procs-box{margin-top:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:8px 10px}.pp-box-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin:0 0 6px}.pp-procs-list{display:flex;flex-wrap:wrap;gap:4px 10px}.pp-proc-item{display:flex;align-items:center;gap:3px;font-size:11px;color:#64748b;font-weight:400}.pp-proc-item span{font-size:11px}.pp-proc-done{color:#10b981;font-weight:700}.pp-proc-parent{font-weight:700;font-size:12px}.pp-history-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#64748b;margin:10px 0 4px}.pp-history{display:flex;flex-direction:column;gap:3px;max-height:160px;overflow-y:auto}.pp-history-item{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:#94a3b8;padding:3px 0}.pp-hist-dot{width:6px;height:6px;background:var(--accent-blue);border-radius:50%;flex-shrink:0}.pp-hist-time{margin-left:auto;color:var(--text-muted);font-size:10px}.pp-notes{display:flex;flex-direction:column;gap:4px}.pp-notes-empty{font-size:11px;color:var(--text-muted);padding:4px 0}.pp-note-item{display:flex;flex-direction:column;gap:2px;background:#ffffff0a;border-radius:6px;padding:6px 8px;border-left:2px solid var(--accent-blue)}.pp-note-text{font-size:12px;color:var(--text-primary)}.pp-note-meta{font-size:10px;color:var(--text-muted)}.pp-note-input-row{display:flex;gap:6px;margin-top:4px}.pp-note-input{flex:1;padding:6px 10px;border-radius:6px;font-size:12px;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);outline:none;font-family:inherit}.pp-note-input:focus{border-color:var(--accent-blue)}.pp-note-btn{background:var(--accent-blue);border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center}.pp-note-btn:hover{opacity:.85}@keyframes overload-pulse{0%,to{opacity:.25}50%{opacity:.65}}.hex-overload-glow{animation:overload-pulse 2s ease-in-out infinite}.plm-overlay{position:fixed;inset:0;z-index:200;background:#000000a6;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.plm-panel{width:max-content;min-width:700px;max-width:96vw;max-height:88vh;display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0009}.plm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.plm-header h2{margin:0;font-size:18px;color:var(--text-primary)}.plm-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px}.plm-toolbar{padding:16px 24px;border-bottom:1px solid var(--border);background:#0003}.plm-search{width:100%;box-sizing:border-box;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:14px;font-family:inherit}.plm-search:focus{outline:none;border-color:var(--accent-blue)}.plm-body{padding:0;overflow-y:auto;overflow-x:auto;flex:1}.plm-table{min-width:max-content}.plm-empty{padding:40px;text-align:center;color:var(--text-muted)}.plm-table{width:100%;border-collapse:collapse}.plm-table th{text-align:left;padding:12px 24px;font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-secondary);z-index:10}.plm-table td{padding:14px 24px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-primary);white-space:nowrap}.plm-table tr:hover td{background:#ffffff05}.plm-mono{font-family:monospace;color:var(--accent-blue)}.plm-badge{display:inline-block;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.plm-badge-processing{background:#10b98126;color:#34d399}.plm-badge-completed{background:#3b82f626;color:#60a5fa}.plm-badge-faulted{background:#ef444426;color:#f87171}.plm-badge-queued{background:#f59e0b26;color:#fbbf24}.dashboard-root{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:18px;background:var(--bg-primary)}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between}.dashboard-header h2{margin:0;font-size:22px;font-weight:800}.dash-date{font-size:12px;color:var(--text-muted);margin-top:3px;display:block}.dash-report-btn{background:#3b82f626;border:1px solid rgba(59,130,246,.35);color:#60a5fa;font-size:12px;font-weight:700;padding:7px 16px;border-radius:9px;cursor:pointer;transition:all .15s;white-space:nowrap;align-self:center}.dash-report-btn:hover{background:#3b82f647;border-color:#3b82f6;color:#fff}.dash-report-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.dash-report-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:24px 28px;min-width:300px;box-shadow:0 16px 48px #00000080}.dash-report-modal h3{margin:0 0 16px;font-size:15px;font-weight:800}.dash-report-opt{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;font-size:13px;color:var(--text-secondary)}.dash-report-opt:last-of-type{border-bottom:none}.dash-report-opt input{width:16px;height:16px;accent-color:#3b82f6;cursor:pointer}.dash-report-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.dash-report-cancel{background:none;border:1px solid var(--border);color:var(--text-muted);padding:7px 16px;border-radius:8px;cursor:pointer;font-size:12px}.dash-report-confirm{background:#1d4ed8;border:none;color:#fff;font-weight:700;padding:7px 18px;border-radius:8px;cursor:pointer;font-size:12px;transition:background .15s}.dash-report-confirm:hover{background:#2563eb}.dash-report-confirm:disabled{opacity:.4;cursor:not-allowed}.dash-live-badge{display:flex;align-items:center;gap:7px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--text-muted)}.live-dot{width:8px;height:8px;border-radius:50%;background:#374151;flex-shrink:0}.live-dot.live{background:#10b981;box-shadow:0 0 8px #10b98199;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 8px #10b98199}50%{opacity:.6;box-shadow:0 0 16px #10b98166}}.kpi-row{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.kpi-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kc, var(--accent-blue));border-radius:14px 14px 0 0}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.kpi-icon{font-size:28px;flex-shrink:0}.kpi-content{flex:1;min-width:0}.kpi-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700}.kpi-value{display:block;font-size:26px;font-weight:800;color:var(--text-primary);line-height:1.1}.kpi-sub{display:block;font-size:10px;color:var(--text-muted);margin-top:2px}.kpi-trend{font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px}.kpi-trend.pos{background:#10b98126;color:#34d399}.kpi-trend.neg{background:#ef444426;color:#f87171}.kpi-card.clickable{cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.kpi-card.clickable:hover{transform:translateY(-2px);border-color:var(--kc);box-shadow:0 4px 12px #0006}.dash-collapse-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;padding:0 0 12px;margin-bottom:0;font-family:inherit}.dash-collapse-header:hover .chart-title{color:var(--text-primary)}.dash-collapse-icon{font-size:10px;color:var(--text-muted);flex-shrink:0}.dash-station-tabs{display:flex;flex-wrap:wrap;gap:8px}.dash-station-tab{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 14px;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .15s}.dash-station-tab:hover{background:#00d4ff1a;border-color:#00d4ff66;color:#7dd3fc}.dash-station-tab--active{background:#00d4ff26;border-color:var(--accent-blue);color:var(--accent-blue)}.charts-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px}.chart-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:16px 18px;resize:both;overflow:hidden;min-height:250px}.chart-card--alerts{overflow:hidden}.chart-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.chart-empty{height:120px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.alert-feed{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}.alert-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:11px;border:1px solid}.ai-fault{background:#ef444414;border-color:#ef444440;color:#fca5a5}.ai-overflow{background:#f59e0b14;border-color:#f59e0b40;color:#fcd34d}.alert-msg{flex:1}.alert-time{font-size:10px;color:var(--text-muted);white-space:nowrap}.alert-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0 2px;flex-shrink:0}.station-table-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:16px 18px;overflow:auto;resize:vertical;min-height:300px}.station-table{width:100%;border-collapse:collapse;font-size:12px}.station-table th{text-align:left;padding:8px 12px;color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.5px;border-bottom:1px solid var(--border)}.station-table td{padding:10px 12px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.station-table tr:last-child td{border-bottom:none}.station-table tr:hover td{background:#ffffff05}.tbl-icon{margin-right:8px}.tbl-type-badge{background:#0003;color:var(--tc, var(--accent-blue));padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700;border:1px solid var(--tc, var(--accent-blue));opacity:.8}.tbl-status{font-weight:700;font-size:11px}.tbl-status--idle{color:var(--text-muted)}.tbl-status--processing{color:#10b981}.tbl-status--fault{color:#ef4444}.tbl-num{text-align:center;font-weight:600}.tbl-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;display:inline-block;width:80px;margin-right:6px;vertical-align:middle}.tbl-bar-fill{height:100%;border-radius:3px;transition:width .5s,background .3s}.tbl-pct{font-size:11px;color:var(--text-muted);vertical-align:middle}.sp-charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px}@media(max-width:1100px){.sp-charts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sp-charts-grid{grid-template-columns:1fr}}.sp-chart-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;padding:10px 12px 8px;display:flex;flex-direction:column;gap:4px}.sp-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sp-chart-badges{display:flex;gap:4px}.sp-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px;white-space:nowrap}.sp-badge--m2{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.sp-badge--geciken{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.sp-badge--grafik{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.25)}.sp-chart-title{font-size:14px;font-weight:800;color:var(--text-primary);letter-spacing:.3px}.sp-chart-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.sp-chart-year{font-size:10px;color:var(--text-muted)}.sp-chart-legend{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--text-muted);flex-wrap:wrap}.sp-legend-dot{width:8px;height:8px;border-radius:2px;background:#f97316;display:inline-block}.sp-legend-dot--pending{background:#374151}.sp-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.sp-stats-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sp-stat-chip{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:6px 10px;min-width:160px}.sp-stat-name{font-size:11px;font-weight:700;color:var(--text-secondary);white-space:nowrap;min-width:60px}.sp-stat-bar-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.sp-stat-bar-fill{height:100%;background:#10b981;border-radius:3px;transition:width .4s}.sp-stat-nums{font-size:11px;color:var(--text-muted);white-space:nowrap}.sp-search{width:100%;box-sizing:border-box;margin-bottom:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:inherit}.sp-search:focus{outline:none;border-color:var(--accent-blue)}.sp-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:24px 0}.sp-table-wrap{overflow-x:auto}.sp-table{width:100%;border-collapse:collapse;font-size:12px;min-width:600px}.sp-table th{text-align:center;padding:7px 8px;color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:10px;letter-spacing:.4px;border-bottom:1px solid var(--border)}.sp-th-product,.sp-th-station{text-align:left}.sp-tr{border-bottom:1px solid rgba(255,255,255,.04)}.sp-tr:last-child{border-bottom:none}.sp-tr:hover td{background:#ffffff05}.sp-td-product{padding:8px 10px}.sp-prod-name{display:block;font-size:12px;font-weight:600;color:var(--text-primary)}.sp-prod-order{display:block;font-size:10px;color:var(--text-muted)}.sp-td-station{padding:8px 10px;font-size:11px;color:var(--text-muted);white-space:nowrap}.sp-td-sp{text-align:center;padding:6px 4px}.sp-td-sp--na{opacity:.3}.sp-na{font-size:11px;color:var(--text-muted)}.sp-check-btn{width:26px;height:26px;border-radius:6px;border:1.5px solid var(--border);background:var(--bg-tertiary);color:var(--text-muted);font-size:12px;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.sp-check-btn:hover{border-color:#10b981;color:#10b981}.sp-check-btn--done{background:#10b98133;border-color:#10b981;color:#10b981;font-weight:700}.dash-search-wrap{position:relative;flex:1;max-width:380px}.dash-search-box{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:7px 12px;transition:border-color .15s}.dash-search-box:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px #00d4ff14}.dash-search-icon{font-size:14px;color:var(--text-muted);flex-shrink:0}.dash-search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;font-family:inherit}.dash-search-input::placeholder{color:var(--text-muted)}.dash-search-clear{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:0 2px;flex-shrink:0;transition:color .15s}.dash-search-clear:hover{color:var(--text-primary)}.dash-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px #00000073;z-index:200;overflow:hidden}.dash-search-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.dash-search-item:last-child{border-bottom:none}.dash-search-item:hover{background:#00d4ff12}.dash-search-item-name{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.dash-search-item-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.dash-search-item-order{color:#60a5fa;font-weight:600}.dash-search-item-station{margin-left:auto;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:10px}.dash-search-empty{padding:16px 14px;font-size:12px;color:var(--text-muted);text-align:center}.pp-root{flex:1;display:flex;flex-direction:column;padding:28px 32px;overflow-y:auto;background:var(--bg-primary);gap:16px}.pp-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pp-title{font-size:22px;font-weight:800;color:var(--text-primary);margin:0 0 4px}.pp-sub{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-ot-badge{background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:#fbbf24;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700}.pp-search{width:100%;max-width:360px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:13px;font-family:inherit;box-sizing:border-box}.pp-search:focus{outline:none;border-color:var(--accent-blue)}.pp-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px;max-width:560px}.pp-form-row{display:flex;gap:8px}.pp-form-input,.pp-form-select{flex:1;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:7px;color:var(--text-primary);font-size:13px;font-family:inherit}.pp-form-input:focus,.pp-form-select:focus{outline:none;border-color:var(--accent-blue)}.pp-form-actions{display:flex;gap:8px}.pp-btn{padding:7px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;border:none;transition:all .15s}.pp-btn--add{background:#00d4ff1f;border:1px solid rgba(0,212,255,.35);color:var(--accent-blue)}.pp-btn--add:hover{background:#00d4ff38}.pp-btn--save{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#34d399}.pp-btn--save:hover:not(:disabled){background:#10b98140}.pp-btn--save:disabled{opacity:.4;cursor:not-allowed}.pp-btn--cancel{background:#ffffff0f;border:1px solid var(--border);color:var(--text-muted)}.pp-btn--cancel:hover{color:var(--text-primary)}.pp-content{display:flex;gap:20px;align-items:flex-start;flex:1}.pp-list-col{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.pp-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden}.pp-group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#ffffff0a;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text-primary)}.pp-group-count{font-size:11px;color:var(--text-muted);font-weight:600;background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.pp-group-items{display:flex;flex-direction:column}.pp-person{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.pp-person:last-child{border-bottom:none}.pp-person:hover{background:#ffffff08}.pp-person--ot{background:#f59e0b0f}.pp-person--ot:hover{background:#f59e0b1a}.pp-ot-check{width:16px;height:16px;accent-color:#f59e0b;cursor:pointer;flex-shrink:0}.pp-ot-check:disabled{cursor:default;opacity:.5}.pp-person-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0;letter-spacing:.5px}.pp-person-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pp-person-name{font-size:13px;font-weight:600;color:var(--text-primary)}.pp-person-assign{font-size:11px;color:var(--text-muted)}.pp-person-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.pp-person:hover .pp-person-actions{opacity:1}.pp-icon-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:3px;border-radius:4px;transition:background .1s}.pp-icon-btn:hover{background:#ffffff14}.pp-icon-btn--del:hover{background:#ef444426}.pp-empty{color:var(--text-muted);font-size:13px;text-align:center;padding:32px}.pp-ot-panel{width:280px;flex-shrink:0;background:var(--bg-secondary);border:1px solid rgba(245,158,11,.3);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0}.pp-ot-panel-title{font-size:14px;font-weight:800;color:var(--text-primary);margin-bottom:2px}.pp-ot-panel-sub{font-size:11px;color:#fbbf24;font-weight:600;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.pp-ot-group{margin-bottom:10px}.pp-ot-group-header{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:4px}.pp-ot-badge-sm{font-size:10px;font-weight:700;background:var(--bg-tertiary);border-radius:10px;padding:1px 7px;color:var(--text-muted)}.pp-ot-badge-sm--has{background:#f59e0b26;color:#fbbf24}.pp-ot-none{font-size:11px;color:var(--text-muted);padding-left:10px;font-style:italic}.pp-ot-person{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-primary);padding:3px 0 3px 10px}.pp-ot-dot{width:6px;height:6px;border-radius:50%;background:#f59e0b;flex-shrink:0}.pp-ot-total{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:var(--text-muted);text-align:right}.pp-ot-total strong{color:#fbbf24;font-size:14px}.pp-btn--summary{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fbbf24}.pp-btn--summary:hover{background:#f59e0b38}.ots-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:24px}.ots-modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:680px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 64px #00000080}.ots-header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.ots-title{font-size:17px;font-weight:800;color:var(--text-primary);margin-bottom:3px}.ots-sub{font-size:12px;color:var(--text-muted)}.ots-sub strong{color:#fbbf24}.ots-close{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .15s}.ots-close:hover{background:#ffffff14;color:var(--text-primary)}.ots-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-secondary)}.ots-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:10px 6px;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .15s}.ots-tab:hover{color:var(--text-primary)}.ots-tab--active{color:#fbbf24;border-bottom-color:#fbbf24}.ots-kpi-row{display:flex;gap:1px;background:var(--border);border-bottom:1px solid var(--border);flex-shrink:0}.ots-kpi{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px;background:var(--bg-secondary);gap:2px}.ots-kpi--ot{background:#f59e0b0f}.ots-kpi--hours{background:#10b9810f}.ots-kpi-val{font-size:24px;font-weight:900;color:var(--text-primary);line-height:1}.ots-kpi--ot .ots-kpi-val{color:#fbbf24}.ots-kpi--hours .ots-kpi-val{color:#34d399}.ots-kpi-lbl{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.ots-groups{overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ots-group{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.ots-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ots-group-name{font-size:13px;font-weight:700;color:var(--text-primary)}.ots-group-right{display:flex;align-items:center;gap:10px}.ots-bar-track{width:80px;height:5px;background:#ffffff14;border-radius:3px;overflow:hidden}.ots-bar-fill{height:100%;background:#f59e0b;border-radius:3px;transition:width .4s}.ots-group-count{font-size:11px;color:#fbbf24;font-weight:700;white-space:nowrap}.ots-people{display:flex;flex-wrap:wrap;gap:5px}.ots-chip{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:3px 10px;font-size:11px;color:var(--text-muted)}.ots-chip--ot{background:#f59e0b26;border-color:#f59e0b59;color:#fbbf24;font-weight:600}.ots-empty{text-align:center;color:var(--text-muted);font-size:13px;padding:24px}.mobile-root{display:flex;flex-direction:column;height:100dvh;background:var(--bg-primary);color:var(--text);overflow:hidden}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.mobile-header-logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.mobile-header-logo span{font-size:22px;color:var(--accent)}.mobile-header-right{display:flex;align-items:center;gap:10px}.mobile-notif-btn{position:relative;background:none;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:4px}.mobile-notif-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:10px;font-weight:700;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.mobile-logout-btn{background:none;border:1px solid var(--border);color:var(--text-muted);font-size:13px;padding:5px 10px;border-radius:8px;cursor:pointer}.mobile-screen{flex:1;overflow-y:auto;padding:14px 14px 0;-webkit-overflow-scrolling:touch}.mobile-bottom-nav{display:flex;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 0;background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;transition:color .15s}.mobile-nav-btn .mobile-nav-icon{font-size:20px}.mobile-nav-btn.active{color:var(--accent)}.mobile-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.mobile-kpi-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}.mobile-kpi-icon{font-size:20px}.mobile-kpi-value{font-size:26px;font-weight:700;color:var(--text);line-height:1}.mobile-kpi-label{font-size:11px;color:var(--text-muted)}.mobile-kpi-sub{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-station-list-title{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.mobile-station-list{display:flex;flex-direction:column;gap:8px;padding-bottom:14px}.mobile-station-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:border-color .15s}.mobile-station-card:active{border-color:var(--accent)}.mobile-station-icon{font-size:22px;flex-shrink:0}.mobile-station-info{flex:1;min-width:0}.mobile-station-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-station-type{font-size:11px;color:var(--text-muted);margin-top:2px}.mobile-station-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-station-badge{background:var(--accent);color:#fff;font-size:12px;font-weight:700;border-radius:50%;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;padding:0 4px}.mobile-station-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mobile-station-status--idle{background:#6b7280}.mobile-station-status--processing{background:#3b82f6}.mobile-station-status--full{background:#ef4444}.mobile-station-arrow{color:var(--text-muted);font-size:16px;flex-shrink:0}.mobile-reports-screen{padding:0;height:100%}.mkpi-screen{padding-bottom:14px}.mkpi-group{display:flex;flex-direction:column}.mkpi-card{border-left-width:3px!important;border-left-style:solid!important}.mkpi-chevron{color:var(--text-muted);font-size:18px;flex-shrink:0;display:inline-block;transition:transform .15s}.mkpi-product-list{background:var(--bg-primary);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;margin-top:-4px;padding:6px 10px 10px;display:flex;flex-direction:column;gap:6px}.mkpi-empty{font-size:13px;color:var(--text-muted);padding:6px 4px}.mkpi-product-row{padding:8px 6px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.mkpi-product-row:last-child{border-bottom:none}.mkpi-product-main{display:flex;align-items:center;gap:8px}.mkpi-product-name{font-size:13px;font-weight:600;color:var(--text)}.mkpi-urgent{font-size:10px;font-weight:700;background:#ef4444;color:#fff;padding:1px 5px;border-radius:4px}.mkpi-product-meta{display:flex;flex-wrap:wrap;gap:4px}.mkpi-meta-chip{font-size:11px;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:1px 6px}.mkpi-meta-station{font-size:11px;color:var(--accent);font-weight:500}.mkpi-meta-date{font-size:11px;color:var(--text-muted)}.mkpi-meta-orderno{font-weight:600;color:var(--accent)!important;border-color:var(--accent)!important}.mobile-proc-children{background:var(--bg-primary);border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;margin-top:-4px;padding:4px 0 6px}.mobile-proc-child-row{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);cursor:pointer}.mobile-proc-child-row:last-child{border-bottom:none}.mobile-proc-child-icon{color:var(--text-muted);font-size:14px;flex-shrink:0}.mobile-proc-child-label{flex:1;font-size:13px;color:var(--text)}.app-root{display:flex;flex-direction:column;height:100vh}.app-body{display:flex;flex:1;overflow:hidden}