.login-page{background:var(--gradient-bg);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";pointer-events:none;filter:blur(80px);border-radius:50%;position:absolute}.login-page:before{background:radial-gradient(circle,#ff4d2a33 0%,#0000 70%);width:450px;height:450px;animation:20s ease-in-out infinite orb-drift-1;top:-15%;right:-10%}.login-page:after{background:radial-gradient(circle,#1a8cff2e 0%,#0000 70%);width:350px;height:350px;animation:25s ease-in-out infinite orb-drift-2;bottom:-10%;left:-5%}.login-card{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow-lg);z-index:1;background-image:var(--gradient-glass-shine);width:100%;max-width:420px;animation:glass-slide-in .5s var(--ease-glass);background-size:100% 100%;padding:48px 40px;position:relative}@keyframes glass-slide-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card--fading form,.login-card--fading .login-powered{animation:.2s forwards login-el-fade}.login-card--fading{animation:.5s .1s forwards login-card-out}.login-logo--zooming{filter:drop-shadow(0 4px 20px #ff4d2a4d);animation:.5s cubic-bezier(.25,0,0,1) forwards login-logo-pop!important}@keyframes login-logo-pop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{opacity:.3;transform:scale(1.6)}}@keyframes login-card-out{to{opacity:0;transform:scale(.97)}}@keyframes login-el-fade{to{opacity:0}}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{color:var(--accent);font-size:24px;font-weight:700}.login-logo-main{width:auto;height:84px;margin:0 auto 8px;animation:2.5s ease-in-out infinite login-pulse;display:block}@keyframes login-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.login-powered{justify-content:center;align-items:center;gap:4px;margin-top:4px;display:flex}.login-powered span{color:var(--text-muted);font-size:10px}.login-logo-sd24{opacity:.6;width:auto;height:12px}.login-logo p{color:var(--text-muted);margin-top:4px;font-size:14px}.login-field{margin-bottom:16px}.login-field label{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.login-field input{border:1px solid var(--glass-border-subtle);border-radius:var(--radius-sm);background:var(--glass-bg-subtle);width:100%;color:var(--text-primary);transition:all .25s var(--ease-glass);-webkit-backdrop-filter:var(--blur-sm);outline:none;padding:12px 14px;font-size:14px}.login-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light), 0 0 16px #ff4d2a0f}.login-remember{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.login-remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.login-error{background:var(--status-critical-bg);color:var(--status-critical);border-radius:var(--radius-sm);margin-bottom:16px;padding:8px 12px;font-size:13px}.login-btn{background:var(--gradient-brand);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all .3s var(--ease-glass);letter-spacing:.02em;border:none;padding:12px;font-size:14px;font-weight:700;box-shadow:0 4px 16px #ff4d2a40}.login-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 24px #ff4d2a59}.login-btn:active{transform:translateY(0)scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.cockpit-app{flex-direction:column;height:100vh;display:flex;position:relative}.cockpit-app-body{flex:1;min-height:0;display:flex;overflow:hidden}.topbar{background:var(--bg-primary,#fff);border-bottom:1px solid var(--border);z-index:101;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:6px 16px;display:flex;position:relative;overflow:visible}.topbar-left{align-items:center;gap:10px;display:flex}.topbar-collapse-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;padding:3px 8px;font-size:14px}.topbar-title{color:var(--text-primary);font-size:14px;font-weight:700}.topbar-center{text-align:center;flex:1}.topbar-date{color:var(--text-muted);font-size:12px;font-weight:500}@media (width<=768px){.topbar-center{display:none}}.topbar-right{align-items:center;gap:6px;display:flex;position:relative}.topbar-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:16px;transition:background .15s}.topbar-btn:hover{background:var(--bg-card-hover)}.topbar-user{border-left:1px solid var(--border);align-items:center;gap:8px;margin-left:8px;padding-left:8px;display:flex}.topbar-user-name{color:var(--text-primary);font-size:12px;font-weight:600}.topbar-logout{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:11px}.topbar-logout:hover{border-color:var(--status-critical);color:var(--status-critical)}.birthday-banner{background:linear-gradient(90deg,#fbbf241f,#fb923c14);border-bottom:1px solid #fbbf2433;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:6px 16px;display:flex}.birthday-item{color:var(--text-primary);background:#fbbf241a;border-radius:12px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;display:flex}.birthday-icon{font-size:14px}.birthday-text strong{font-weight:700}.cockpit-app:before,.cockpit-app:after{content:"";pointer-events:none;z-index:0;opacity:.5;filter:blur(80px);border-radius:50%;position:fixed}.cockpit-app:before{background:radial-gradient(circle,#ff4d2a2e 0%,#0000 70%);width:500px;height:500px;animation:25s ease-in-out infinite orb-drift-1;top:-10%;right:-5%}.cockpit-app:after{background:radial-gradient(circle,#1a8cff26 0%,#0000 70%);width:400px;height:400px;animation:30s ease-in-out infinite orb-drift-2;bottom:-10%;left:-5%}.cockpit-app>*{z-index:1;position:relative}.cockpit-app>.topbar{z-index:200}.cockpit-app>.birthday-banner{z-index:2}.sidebar{background:var(--glass-bg-strong);width:220px;-webkit-backdrop-filter:var(--blur-xl);border-right:1px solid var(--glass-border);transition:width .3s var(--ease-glass);box-shadow:var(--glass-shadow-md);background-image:var(--gradient-glass-shine);z-index:100;background-size:100% 100%;flex-direction:column;flex-shrink:0;padding:12px 0;display:flex;position:relative;overflow-y:auto}.sidebar--collapsed{width:60px}.sidebar--collapsed~.main-content .modal-overlay,.sidebar--collapsed+.modal-overlay{padding-left:80px}.sidebar--collapsed .sidebar-logo{padding:0 8px 16px}.sidebar--collapsed .sidebar-tabs{padding:12px 4px}.sidebar--collapsed .sidebar-tab{justify-content:center;padding:10px 0}.sidebar--collapsed .sidebar-tab-icon{width:auto}.sidebar--collapsed .sidebar-footer{flex-direction:column;gap:6px;padding:8px 4px}.sidebar-logo-mini{text-align:center;color:var(--accent);padding:8px 0;font-size:16px;font-weight:800;display:block}.sidebar-collapse-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:14px;transition:color .15s}.sidebar-collapse-btn:hover{color:var(--accent)}.sidebar-logo{border-bottom:1px solid var(--border-subtle);text-align:center;padding:0 16px 20px}.sidebar-logo h2{color:var(--accent);font-size:20px;font-weight:800}.sidebar-logo-main{width:70%;max-width:140px;height:auto;margin:0 auto 8px;transition:filter .3s;display:block}[data-theme=dark] .sidebar-logo{background:radial-gradient(#ff8c501a 0%,#ff4d2a0a 40%,#0000 70%);padding-bottom:24px}[data-theme=dark] .sidebar-logo-main{filter:drop-shadow(0 0 20px #ff4d2a99)drop-shadow(0 0 50px #ff783c4d)}[data-theme=dark] .sidebar-logo-sd24{filter:brightness(0)invert();opacity:.85}[data-theme=dark] .sidebar-powered span{color:#fffc}.sidebar-powered{justify-content:center;align-items:center;gap:5px;display:flex}.sidebar-powered span{color:var(--text-muted);font-size:10px}.sidebar-logo-sd24{opacity:.5;width:auto;height:13px}.sidebar-subtitle{color:var(--text-muted);font-size:12px}.sidebar-tabs{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.sidebar-tab{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;transition:all .2s;display:flex;position:relative}.sidebar-tab:hover{background:var(--glass-bg-subtle);color:var(--text-primary);transform:translate(4px)}.sidebar-tab.active{background:var(--accent-light);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent), 0 0 16px #ff4d2a14;font-weight:600}.sidebar-tab-icon{text-align:center;width:24px;font-size:16px}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.sidebar-admin-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;width:100%;padding:5px 10px;font-size:11px}.sidebar-admin-btn:hover{border-color:var(--accent);color:var(--accent)}.sidebar-theme-btn{cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.sidebar-user{flex:1;min-width:0}.sidebar-user-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.sidebar-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.sidebar-logout:hover{color:var(--status-critical)}.bottom-nav,.app-header{display:none}@media (width<=1024px){.sidebar,.app-header{display:none}.bottom-nav{background:var(--bg-primary,#fff);border-top:1px solid var(--border);z-index:100;padding:2px 0;padding-bottom:env(safe-area-inset-bottom,0);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000001f}.bottom-nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:1px;padding:5px 0;font-size:9px;transition:color .15s;display:flex;position:relative}.bottom-nav-item.active{color:var(--accent);font-weight:700}.bottom-nav-item.active:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:25%;right:25%}.bottom-nav-icon{font-size:18px}.bottom-nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:60px;overflow:hidden}.app-content{padding-top:4px;padding-bottom:64px}}.app-content{flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.placeholder-tab{justify-content:center;align-items:center;min-height:300px;display:flex}.placeholder-content{text-align:center;color:var(--text-muted)}.placeholder-content h2{color:var(--text-secondary);margin-bottom:8px;font-size:24px}.tab-loading,.tab-error{text-align:center;color:var(--text-secondary);padding:40px}.tab-error{color:var(--status-critical)}.pf-loader{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:calc(100vh - 120px);padding:60px 20px;display:flex}.pf-loader-logo{width:80px;height:80px;position:relative}.pf-loader-img{object-fit:contain;width:80px;height:80px;animation:2s ease-in-out infinite pf-breathe}.pf-loader-pulse{border:3px solid #0000;border-top-color:var(--accent,#4c6ef5);border-right-color:var(--accent,#4c6ef5);border-radius:50%;animation:1s linear infinite pf-spin;position:absolute;inset:-8px}.pf-loader-text{color:var(--text-muted);font-size:14px;font-weight:500;animation:1.5s ease-in-out infinite pf-fade}@keyframes pf-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-fade{0%,to{opacity:.5}50%{opacity:1}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:16px;right:16px}.toast-item{background:var(--glass-bg-strong,#fff);min-width:300px;max-width:400px;-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);cursor:pointer;pointer-events:auto;align-items:flex-start;gap:10px;padding:12px 16px;animation:.3s ease-out toast-in;display:flex;box-shadow:0 8px 32px #00000026}@keyframes toast-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-icon{flex-shrink:0;font-size:18px}.toast-body{flex:1}.toast-title{color:var(--text-primary);font-size:13px;font-weight:700}.toast-msg{color:var(--text-secondary);margin-top:2px;font-size:11px}.notif-bell-wrap{position:relative}.notif-bell-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:5px 10px;font-size:13px;transition:all .2s;display:flex}.notif-bell-btn:hover{border-color:var(--accent);color:var(--accent)}.notif-bell-icon{font-size:16px}.notif-bell-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;line-height:1;animation:.3s ease-out notif-pulse;display:flex;position:absolute;top:-2px;left:18px}@keyframes notif-pulse{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notif-bell-label{color:var(--accent);font-weight:600}.notif-dropdown{z-index:9999;color:#1a1a2e;border-radius:var(--radius-md);-webkit-backdrop-filter:none;isolation:isolate;background:#fff;border:1px solid #e0e0e0;flex-direction:column;width:340px;max-height:440px;margin-top:4px;animation:.15s ease-out notif-slide-down;display:flex;position:absolute;top:100%;right:0;box-shadow:0 12px 40px #00000038,0 4px 12px #00000026}[data-theme=dark] .notif-dropdown{color:#f1f3f5;background:#1a1d2e;border-color:#2d3148}[data-theme=dim] .notif-dropdown{color:#1e1d22;background:#c4c1c9;border-color:#aaa6b2}@keyframes notif-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes notif-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.notif-dropdown-title{font-size:13px;font-weight:700}.notif-read-all{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:500}.notif-read-all:hover{text-decoration:underline}.notif-dropdown-list{flex:1;overflow-y:auto}.notif-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:13px}.notif-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);gap:10px;padding:10px 14px;transition:background .15s;display:flex}.notif-item:hover{background:#0000000a}[data-theme=dark] .notif-item:hover{background:#ffffff0f}[data-theme=dim] .notif-item:hover{background:#0000000f}.notif-item--unread{background:#ff4d2a0a}.notif-item--unread:before{content:"";background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.notif-item-icon{flex-shrink:0;margin-top:1px;font-size:16px}.notif-item-body{flex:1;min-width:0}.notif-item-title{color:var(--text-primary);font-size:12px;font-weight:600}.notif-item-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.notif-item-meta{color:var(--text-muted);gap:8px;margin-top:2px;font-size:10px;display:flex}.notif-header-actions{align-items:center;gap:6px;display:flex}.notif-clear-all{cursor:pointer;opacity:.5;background:0 0;border:none;padding:2px 4px;font-size:14px;transition:opacity .15s}.notif-clear-all:hover{opacity:1}.notif-item-delete{cursor:pointer;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:12px;transition:opacity .15s}.notif-item:hover .notif-item-delete{opacity:.6}.notif-item-delete:hover{color:var(--accent);opacity:1!important}.rem-wrap{position:relative}.rem-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:5px 10px;font-size:13px;transition:all .2s;display:flex;position:relative}.rem-btn:hover{border-color:var(--accent);color:var(--accent)}.rem-icon{font-size:16px;font-weight:700}.rem-badge{color:#fff;background:#3b82f6;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:9px;font-weight:800;line-height:1;animation:.3s ease-out notif-pulse;display:flex;position:absolute;top:-2px;left:18px}.rem-label{color:var(--text-secondary);font-weight:600}.rem-panel{color:#1a1a2e;border-radius:var(--radius-md);z-index:9999;-webkit-backdrop-filter:none;isolation:isolate;background:#fff;border:1px solid #e0e0e0;flex-direction:column;width:380px;max-height:520px;margin-top:4px;animation:.15s ease-out notif-slide-down;display:flex;position:absolute;top:100%;right:0;box-shadow:0 12px 40px #00000038,0 4px 12px #00000026}[data-theme=dark] .rem-panel{color:#f1f3f5;background:#1a1d2e;border-color:#2d3148}[data-theme=dim] .rem-panel{color:#1e1d22;background:#c4c1c9;border-color:#aaa6b2}.rem-panel-tabs{border-bottom:1px solid #e0e0e0;display:flex}[data-theme=dark] .rem-panel-tabs{border-bottom-color:#2d3148}[data-theme=dim] .rem-panel-tabs{border-bottom-color:#9490a0}.rem-tab{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.rem-tab:hover{color:var(--text-primary);background:#0000000a}.rem-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.rem-tab-count{background:#e5e7eb;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:inline-flex}.rem-tab--active .rem-tab-count{background:var(--accent);color:#fff}.rem-panel-list{flex:1;max-height:440px;overflow-y:auto}.rem-empty{text-align:center;color:var(--text-muted);padding:28px;font-size:13px}.rem-item{border-bottom:1px solid #f0f0f0;align-items:flex-start;gap:8px;padding:10px 14px;transition:background .15s;display:flex}.rem-item:hover{background:#0000000a}[data-theme=dark] .rem-item:hover{background:#ffffff0f}[data-theme=dim] .rem-item:hover{background:#0000000f}.rem-item--overdue{background:#ef44440f}.rem-item--overdue:hover{background:#ef44441a}.rem-check{cursor:pointer;color:#c0c4cc;background:0 0;border:2px solid #c0c4cc;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;margin-top:1px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.rem-check:hover{color:#fff;background:#22c55e;border-color:#22c55e}.rem-item-body{flex:1;min-width:0}.rem-item-time{color:var(--text-secondary);margin-bottom:2px;font-size:11px;font-weight:600}.rem-item--overdue .rem-item-time{color:#ef4444;font-weight:700}.rem-item-msg{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.rem-todo-text{cursor:pointer}.rem-todo-text:hover{color:var(--accent)}.rem-item-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;font-size:10px;display:flex}.rem-order-badge{background:var(--accent);color:#fff;cursor:pointer;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700;transition:opacity .15s;display:inline-block}.rem-order-badge:hover{opacity:.8}.rem-customer,.rem-due-date{color:var(--text-muted);font-size:10px}.rem-due--overdue{color:#ef4444;font-weight:600}.rem-delete-btn{cursor:pointer;opacity:0;color:var(--text-muted);background:0 0;border:none;padding:2px 4px;font-size:13px;transition:opacity .15s}.rem-item:hover .rem-delete-btn{opacity:.6}.rem-delete-btn:hover{color:#ef4444;opacity:1!important}.rem-todo-input{z-index:1;border-bottom:1px solid #e0e0e0;align-items:center;gap:4px;padding:10px 14px;display:flex;position:relative}[data-theme=dark] .rem-todo-input{border-bottom-color:#2d3148}[data-theme=dim] .rem-todo-input{border-bottom-color:#9490a0}.rem-todo-field{border-radius:var(--radius-sm);color:#1a1a2e;background:#fff;border:1px solid #d1d5db;outline:none;flex:1;padding:6px 8px;font-size:12px;transition:border-color .15s}[data-theme=dark] .rem-todo-field{color:#f1f3f5;background:#242840;border-color:#3d4260}[data-theme=dim] .rem-todo-field{color:#1e1d22;background:#c2bfc8;border-color:#9490a0}.rem-todo-field:focus{border-color:var(--accent)}.rem-todo-field::placeholder{color:var(--text-muted)}.rem-todo-date{border-radius:var(--radius-sm);color:#1a1a2e;background:#fff;border:1px solid #d1d5db;outline:none;width:110px;padding:5px 4px;font-size:11px}[data-theme=dark] .rem-todo-date{color:#f1f3f5;background:#242840;border-color:#3d4260}[data-theme=dim] .rem-todo-date{color:#1e1d22;background:#c2bfc8;border-color:#9490a0}.rem-todo-date:focus{border-color:var(--accent)}.rem-todo-add{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;transition:opacity .15s;display:flex}.rem-todo-add:hover{opacity:.85}.rem-todo-add:disabled{opacity:.4;cursor:not-allowed}.rem-edit-row{align-items:center;gap:4px;display:flex}.rem-edit-field{border:1px solid var(--accent);background:var(--bg-primary,#fff);color:var(--text-primary);border-radius:4px;outline:none;flex:1;padding:4px 6px;font-size:12px}.rem-edit-save{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}:root{--glass-bg:#ffffff8c;--glass-bg-strong:#ffffffb8;--glass-bg-subtle:#ffffff59;--glass-bg-card:#ffffff9e;--glass-border:#ffffff59;--glass-border-subtle:#ffffff2e;--glass-border-accent:#ff4d2a4d;--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(24px);--blur-xl:blur(40px);--glass-shadow-sm:0 2px 8px #0000000f, inset 0 1px 0 #fff6;--glass-shadow-md:0 8px 32px #00000014, inset 0 1px 0 #ffffff80;--glass-shadow-lg:0 16px 48px #0000001f, inset 0 1px 0 #fff9;--glass-shadow-glow:0 0 20px #ff4d2a26;--gradient-brand:linear-gradient(135deg, #ff4d2a, #ff8c1a);--gradient-brand-cool:linear-gradient(135deg, #1a8cff, #6c3aff);--gradient-bg:linear-gradient(135deg, #f8f0eb 0%, #e8eef8 50%, #f0e8f5 100%);--gradient-glass-shine:linear-gradient(135deg, #ffffff40 0%, #fff0 50%);--bg-app:transparent;--bg-card:var(--glass-bg-card);--bg-card-hover:#ffffffb8;--bg-inset:var(--glass-bg-subtle);--bg-elevated:var(--glass-bg-strong);--bg-primary:#fff;--text-primary:#1a1d2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--border:#00000014;--border-subtle:#0000000a;--shadow-sm:var(--glass-shadow-sm);--shadow-md:var(--glass-shadow-md);--shadow-lg:var(--glass-shadow-lg);--accent:#ff4d2a;--accent-light:#ff4d2a1a;--accent-hover:#e5391e;--accent-secondary:#1a8cff;--accent-secondary-light:#1a8cff1a;--status-critical:#ef4444;--status-critical-bg:#ef444414;--status-warning:#f59e0b;--status-warning-bg:#f59e0b14;--status-ok:#22c55e;--status-ok-bg:#22c55e14;--status-info:#3b82f6;--status-info-bg:#3b82f614;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--ease-glass:cubic-bezier(.4, 0, .2, 1)}*{scroll-behavior:smooth}::selection{background:var(--accent);color:#fff}input,select,textarea,button{transition:border-color .25s var(--ease-glass), box-shadow .25s var(--ease-glass), background .25s var(--ease-glass)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-light), 0 0 16px #ff4d2a14!important}[data-theme=dim]{--glass-bg:#c0bec48c;--glass-bg-strong:#b6b4bcad;--glass-bg-subtle:#c8c6ca61;--glass-bg-card:#bcbac29e;--glass-border:#00000014;--glass-border-subtle:#0000000a;--glass-shadow-sm:0 2px 8px #00000014, inset 0 1px 0 #ffffff38;--glass-shadow-md:0 8px 32px #0000001a, inset 0 1px 0 #ffffff47;--glass-shadow-lg:0 16px 48px #00000024, inset 0 1px 0 #ffffff52;--gradient-bg:linear-gradient(135deg, #c8c5cc 0%, #bfc5cd 50%, #c6c0ca 100%);--gradient-glass-shine:linear-gradient(135deg, #fff3 0%, #fff0 50%);--bg-app:transparent;--bg-card:var(--glass-bg-card);--bg-card-hover:#c4c2c8c7;--bg-inset:var(--glass-bg-subtle);--bg-elevated:var(--glass-bg-strong);--bg-primary:#c4c1c9;--text-primary:#1e1d22;--text-secondary:#3d3a44;--text-muted:#5e5a66;--border:#0000001a;--border-subtle:#0000000d;--shadow-sm:var(--glass-shadow-sm);--shadow-md:var(--glass-shadow-md);--shadow-lg:var(--glass-shadow-lg)}[data-theme=dark]{--glass-bg:#141624a6;--glass-bg-strong:#1a1d2ec7;--glass-bg-subtle:#0f111c80;--glass-bg-card:#1a1d2ead;--glass-border:#ffffff14;--glass-border-subtle:#ffffff0a;--glass-shadow-sm:0 2px 8px #0003, inset 0 1px 0 #ffffff0d;--glass-shadow-md:0 8px 32px #0000004d, inset 0 1px 0 #ffffff0f;--glass-shadow-lg:0 16px 48px #0006, inset 0 1px 0 #ffffff14;--gradient-bg:linear-gradient(135deg, #0a0c14 0%, #0f1420 50%, #140c1a 100%);--gradient-glass-shine:linear-gradient(135deg, #ffffff0f 0%, #fff0 50%);--bg-app:transparent;--bg-card:var(--glass-bg-card);--bg-card-hover:#1e2235cc;--bg-inset:var(--glass-bg-subtle);--bg-elevated:var(--glass-bg-strong);--bg-primary:#141624;--text-primary:#f1f3f5;--text-secondary:#8b92a5;--text-muted:#5c6378;--border:#ffffff14;--border-subtle:#ffffff0a;--shadow-sm:var(--glass-shadow-sm);--shadow-md:var(--glass-shadow-md);--shadow-lg:var(--glass-shadow-lg)}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #ff4d2a26}50%{box-shadow:0 0 28px #ff4d2a4d}}@keyframes glass-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes orb-drift-1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(15%,-10%)scale(1.1)}50%{transform:translate(-5%,15%)scale(.95)}75%{transform:translate(-15%,-5%)scale(1.05)}}@keyframes orb-drift-2{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-20%,10%)scale(1.05)}50%{transform:translate(10%,-15%)scale(1.1)}75%{transform:translate(15%,10%)scale(.95)}}.sidebar,.bottom-nav,.app-header,.stat-card,.kanban-card,.kanban-lane,.modal-content,.md-confirm-dialog,.prod-card,.planer-card,.planer-col,.te-scan-area,.te-recent,.te-pending,.orders-table,.login-card,.mkg-modal,.critical-card,.forecast-day,.team-week-grid,.dd-card,.grp-textile-card,.bfk-table-wrap,.bfk-color-card,.bfk-pos-group,.quick-assign-panel,.tc,.admin-form,.msg-thread,.tsa-size-group,.mvt-content,.md-controls,.md-meta-item,.timer,.file-dropzone,.exc-dropzone,.excel-table,.mkg-specs,.mkg-actions,.mkg-assign-bar{-webkit-backdrop-filter:var(--blur-md)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gradient-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-loading{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.app-loading-spinner{border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin;box-shadow:0 0 16px #ff4d2a26}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.app-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.stat-value{font-size:24px}.orders-table th:nth-child(n+5),.orders-table td:nth-child(n+5){display:none}.prod-cards{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.te-container{max-width:100%}.kanban-board{flex-direction:column}.kanban-lane{width:100%;min-width:100%;max-height:none}.dtf-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.planer-kanban{flex-direction:column;height:auto}.planer-col{min-width:100%}.planer-col-backlog{max-width:100%}.planer-col-body{max-height:300px}}.modal-overlay{z-index:10000;animation:modal-overlay-in .25s var(--ease-glass);-webkit-backdrop-filter:blur(12px);background:#0006;justify-content:center;align-items:center;padding:20px 20px 20px 240px;display:flex;position:fixed;inset:0}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--glass-bg-strong);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-lg);width:100%;max-width:640px;max-height:85vh;animation:modal-content-in .3s var(--ease-glass);-webkit-backdrop-filter:var(--blur-xl);background-image:var(--gradient-glass-shine);background-size:100% 100%;padding:28px;overflow-y:auto}@keyframes modal-content-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-header h2{font-family:monospace;font-size:20px;font-weight:700}.modal-kunde{color:var(--text-secondary);margin-top:2px;font-size:14px}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-section{margin-bottom:20px}.modal-section h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;font-weight:600}.status-buttons{gap:8px;display:flex}.status-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-inset);color:var(--text-secondary);cursor:pointer;padding:6px 16px;font-size:13px;transition:all .15s}.status-btn:hover{border-color:var(--accent);color:var(--accent)}.status-btn.active{background:var(--gradient-brand);color:#fff;border-color:#0000;box-shadow:0 2px 10px #ff4d2a33}.detail-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-label{color:var(--text-muted);text-transform:uppercase;font-size:11px}.detail-value{font-size:15px;font-weight:600}.station-status-text{color:var(--text-secondary);font-size:13px}.stations-grid{flex-direction:column;gap:8px;display:flex}.station-row{background:var(--bg-inset);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 12px;display:flex}.station-label{flex-shrink:0;width:120px;font-size:13px;font-weight:500}.station-status{flex:1;align-items:center;gap:6px;display:flex}.station-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.station-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-primary);cursor:pointer;padding:4px 8px;font-size:13px}.station-effort{color:var(--text-muted);text-align:right;min-width:50px;font-size:12px}.order-comment{color:var(--text-secondary);background:var(--bg-inset);border-radius:var(--radius-sm);white-space:pre-wrap;padding:10px 12px;font-size:13px}