@font-face{font-family:Orbitron;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/orbitron-v35-latin-regular.Du7j2Vp2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/orbitron-v35-latin-regular.Du7j2Vp2.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-tech: "Orbitron", sans-serif;--primary-color: #00f2ff;--primary-rgb: 0, 242, 255;--primary-dim: rgba(0, 242, 255, .2);--secondary-color: #1a5cff;--secondary-dim: rgba(26, 92, 255, .2);--accent-color: #0055ff;--info-color: #1a5cff;--info-dim: rgba(26, 92, 255, .2);--danger-color: #ff3333;--danger-rgb: 255, 51, 51;--danger-dim: rgba(255, 51, 51, .2);--success-color: #00ff99;--success-dim: rgba(0, 255, 153, .2);--warning-color: #ffcc00;--warning-dim: rgba(255, 204, 0, .2);--bg-dark: #050912;--bg-panel: rgba(13, 22, 38, .75);--bg-header: rgba(5, 9, 18, .9);--border-color: rgba(0, 242, 255, .3);--border-light: rgba(255, 255, 255, .1);--text-main: #e0e6ed;--text-secondary: #94a3b8;--text-muted: #64748b;--grid-color: rgba(0, 242, 255, .03);--shadow-card: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-glow: 0 0 15px var(--primary-color);--text-shadow: 0 0 10px var(--primary-dim);--bg-card: rgba(13, 22, 38, .82);--bg-input: rgba(2, 8, 23, .56);--bg-hover: rgba(255, 255, 255, .07);--bg-dropdown: #0d1626;--bg-popover: rgba(0, 0, 0, .5);--overlay-blur: 10px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .16);--shadow-md: 0 12px 30px rgba(0, 0, 0, .24);--shadow-lg: 0 18px 42px rgba(0, 0, 0, .32);--bg-overlay: rgba(3, 7, 18, .72);--bg-modal-overlay: rgba(2, 6, 23, .68);font-family:var(--font-family);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-main);background-color:var(--bg-dark);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--dp-background-color: var(--bg-input);--dp-text-color: var(--text-main);--dp-hover-color: var(--bg-hover);--dp-hover-text-color: var(--text-main);--dp-hover-icon-color: var(--text-main);--dp-primary-color: var(--primary-color);--dp-primary-disabled-color: var(--primary-dim);--dp-primary-text-color: #fff;--dp-secondary-color: var(--text-muted);--dp-border-color: var(--border-color);--dp-menu-border-color: var(--border-color);--dp-border-color-hover: var(--primary-color);--dp-disabled-color: var(--bg-dark);--dp-scroll-bar-background: var(--bg-dark);--dp-scroll-bar-color: var(--text-muted);--dp-success-color: var(--success-color);--dp-success-color-disabled: var(--success-dim);--dp-icon-color: var(--text-secondary);--dp-danger-color: var(--danger-color);--dp-marker-color: var(--danger-color);--dp-tooltip-color: var(--bg-panel);--dp-disabled-color-text: var(--text-muted);--dp-highlight-color: var(--primary-color);--dp-range-between-dates-background-color: var(--primary-dim);--dp-range-between-dates-text-color: var(--text-main);--dp-range-between-border-color: var(--primary-dim)}.light-theme{--primary-color: #0ea5e9;--primary-rgb: 14, 165, 233;--primary-dim: rgba(14, 165, 233, .15);--secondary-color: #3b82f6;--secondary-dim: rgba(59, 130, 246, .15);--accent-color: #6366f1;--info-color: #3b82f6;--info-dim: rgba(59, 130, 246, .15);--danger-color: #ef4444;--danger-rgb: 239, 68, 68;--danger-dim: rgba(239, 68, 68, .1);--success-color: #10b981;--success-dim: rgba(16, 185, 129, .1);--warning-color: #f59e0b;--warning-dim: rgba(245, 158, 11, .1);--bg-dark: #f8fafc;--bg-panel: #ffffff;--bg-header: #ffffff;--bg-card: #ffffff;--bg-input: #f1f5f9;--bg-hover: #f1f5f9;--bg-dropdown: #ffffff;--bg-popover: rgba(255, 255, 255, .8);--border-color: #e2e8f0;--border-light: #f1f5f9;--text-main: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--grid-color: rgba(0, 0, 0, .03);--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 12px 26px rgba(15, 23, 42, .1);--shadow-lg: 0 18px 42px rgba(15, 23, 42, .12);--shadow-glow: none;--text-shadow: none;--bg-overlay: rgba(15, 23, 42, .72);--bg-modal-overlay: rgba(15, 23, 42, .36);color-scheme:light;color:var(--text-main);background-color:var(--bg-dark)}.tech-border{position:relative;border:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 20px #0003 inset;transition:all .3s ease}.tech-border:before,.tech-border:after{content:"";position:absolute;width:15px;height:15px;border:2px solid var(--primary-color);transition:all .3s;z-index:20;pointer-events:none}.tech-border:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.tech-border:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.light-theme .tech-border{border-color:var(--border-color);background:var(--bg-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none}.light-theme .tech-border:before,.light-theme .tech-border:after{display:none}.light-theme .nav-item{color:var(--text-secondary)}.light-theme .nav-item:hover{color:var(--text-main)}.light-theme .status-indicator{color:var(--success-color);background:var(--success-dim);border-color:var(--success-dim)}.light-theme .status-dot{background:var(--success-color);box-shadow:0 0 8px var(--success-color)}.light-theme .notification-item.unread,.light-theme .notification-item.unread:hover{background:var(--primary-dim)}html{background:var(--bg-dark);box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-dark);background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:40px 40px;overflow:hidden}#app{width:100%;height:100vh;margin:0;padding:0}body{background-image:radial-gradient(circle at 20% 0%,rgba(var(--primary-rgb),.08),transparent 28%),radial-gradient(circle at 82% 12%,rgba(16,185,129,.06),transparent 24%),linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--primary-dim);border-radius:3px;border:1px solid var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}a,button,input,select{transition:all .2s ease-in-out}button,input,select,textarea{font:inherit}input,select,textarea,.form-input,.filter-input,.search-input{border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{margin-top:0;color:var(--text-main);font-weight:600;letter-spacing:0}.tech-select,.form-select,.modern-select,.form-control,select.form-input{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-main);padding:8px 32px 8px 12px;border-radius:var(--radius-sm);outline:none;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.tech-select:hover,.form-select:hover,.modern-select:hover,.form-control:hover,select.form-input:hover{border-color:var(--primary-color);background-color:var(--bg-hover);box-shadow:0 0 0 3px #00f2ff1a}.tech-select:focus,.form-select:focus,.modern-select:focus,.form-control:focus,select.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #00f2ff1a,0 4px 12px #00f2ff26;background-color:var(--bg-hover)}.tech-select option,.form-select option,.modern-select option,.form-control option,select.form-input option{background:var(--bg-dropdown);color:var(--text-main);padding:8px}:root[data-theme=dark] .tech-select,:root[data-theme=dark] .form-select,:root[data-theme=dark] .modern-select,:root[data-theme=dark] .form-control,:root[data-theme=dark] select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2300f2ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.btn-primary,.btn-secondary,.btn-outline,.btn-danger{padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.btn-primary{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));color:#fff;font-weight:600;border:none;box-shadow:0 8px 18px rgba(var(--primary-rgb),.22);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){box-shadow:0 12px 24px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.btn-secondary{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-dim);box-shadow:0 0 10px var(--primary-dim)}.btn-danger{background:linear-gradient(135deg,var(--danger-color),#e62929);color:#fff;font-weight:600;border:none;box-shadow:0 4px 12px rgba(var(--danger-rgb),.3),0 0 20px rgba(var(--danger-rgb),.2);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-danger:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-danger:hover:not(:disabled):before{left:100%}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f44,#f33);box-shadow:0 6px 20px rgba(var(--danger-rgb),.4),0 0 30px rgba(var(--danger-rgb),.3);transform:translateY(-2px)}.btn-danger:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px rgba(var(--danger-rgb),.3)}.btn-success{background:linear-gradient(135deg,var(--success-color),#00cc7a);color:#fff;font-weight:600;border:none;box-shadow:0 4px 12px #00ff994d,0 0 20px #0f93;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-success:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-success:hover:not(:disabled):before{left:100%}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#0f9,#00e68a);box-shadow:0 6px 20px #0f96,0 0 30px #00ff994d;transform:translateY(-2px)}.btn-success:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00ff994d}.btn-info{background:linear-gradient(135deg,var(--info-color),#0d4bd6);color:#fff;font-weight:600;border:none;box-shadow:0 4px 12px #1a5cff4d,0 0 20px #1a5cff33;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-info:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-info:hover:not(:disabled):before{left:100%}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#2a6cff,#1a5cff);box-shadow:0 6px 20px #1a5cff66,0 0 30px #1a5cff4d;transform:translateY(-2px)}.btn-info:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1a5cff4d}.btn-warning{background:var(--warning-color, #faad14);color:#fff;font-weight:600}.btn-warning:hover:not(:disabled){opacity:.9;box-shadow:0 0 10px #faad144d;transform:translateY(-1px)}.btn-warning:active:not(:disabled){transform:translateY(0)}.btn-default{background:var(--bg-input);color:var(--text-main);border:1px solid var(--border-light);font-weight:500}.btn-default:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.btn-default:active:not(:disabled){transform:translateY(0)}.btn-link{background:transparent;color:var(--primary-color);border:none;padding:4px 8px;cursor:pointer;font-size:14px;text-decoration:none;transition:all .2s}.btn-link:hover:not(:disabled){color:var(--primary-dim);text-decoration:underline}.btn-link:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled,.btn-secondary:disabled,.btn-outline:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-info:disabled,.btn-warning:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.date-picker-wrapper,.time-picker-wrapper{position:relative;display:inline-flex;align-items:center}.date-icon,.time-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #94a3b8);pointer-events:none;z-index:1;transition:all .3s ease}input[type=date],input[type=time],.date-input,.time-input{appearance:none;-webkit-appearance:none;padding:9px 14px 9px 38px;border:1px solid var(--border-light, rgba(255, 255, 255, .1));border-radius:6px;font-size:14px;font-weight:500;background:var(--bg-input, rgba(0, 0, 0, .3));color:var(--text-main, #e0e6ed);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-width:160px}input[type=date]:hover,input[type=time]:hover,.date-input:hover,.time-input:hover{border-color:var(--border-color, rgba(0, 242, 255, .3));background:var(--bg-hover, rgba(255, 255, 255, .05))}input[type=date]:focus,input[type=time]:focus,.date-input:focus,.time-input:focus{outline:none;border-color:var(--primary-color, #00f2ff);box-shadow:0 0 0 3px var(--primary-dim, rgba(0, 242, 255, .2)),0 4px 12px #00f2ff26;background:var(--bg-hover, rgba(255, 255, 255, .05))}input[type=date]:disabled,input[type=time]:disabled,.date-input:disabled,.time-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-dark, #050912)}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{background:transparent;color:transparent;cursor:pointer;height:auto;inset:0;position:absolute;width:auto;opacity:0}.light-theme input[type=date],.light-theme input[type=time],.light-theme .date-input,.light-theme .time-input{background:var(--bg-input, #f1f5f9);border-color:var(--border-light, #f1f5f9);color:var(--text-main, #0f172a)}.light-theme input[type=date]:hover,.light-theme input[type=time]:hover,.light-theme .date-input:hover,.light-theme .time-input:hover{border-color:var(--border-color, #e2e8f0);background:var(--bg-hover, #f1f5f9)}.light-theme input[type=date]:focus,.light-theme input[type=time]:focus,.light-theme .date-input:focus,.light-theme .time-input:focus{border-color:var(--primary-color, #0ea5e9);box-shadow:0 0 0 3px #0ea5e91a,0 4px 12px #0ea5e926}.date-separator,.time-separator{margin:0 8px;color:var(--text-secondary, #94a3b8);font-weight:500;font-size:14px}:deep(.dp__input){transition:all .3s cubic-bezier(.4,0,.2,1)!important}:deep(.dp__input:hover){transform:translateY(-1px)}:deep(.dp__input_icon){display:none!important}:deep(.dp__menu){background:var(--bg-dropdown)!important;border:1px solid var(--border-color)!important;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){html,body{overflow-x:hidden!important;width:100%!important;-webkit-text-size-adjust:100%!important}.main-content{padding:8px!important;width:100%!important;box-sizing:border-box!important;min-height:100vh!important}.page-header,.header-section{padding:12px 8px!important;margin-bottom:12px!important}.page-title{font-size:18px!important;margin-bottom:4px!important}.page-subtitle{font-size:12px!important;color:var(--text-secondary)!important}.card{margin-bottom:10px!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.card-header{padding:12px!important;flex-wrap:wrap!important;gap:8px!important;border-bottom:1px solid var(--border-light)!important}.card-title{font-size:16px!important;width:100%!important;font-weight:600!important}.card-subtitle{font-size:12px!important;color:var(--text-secondary)!important}.card-body{padding:12px!important}.card-footer{padding:12px!important;border-top:1px solid var(--border-light)!important;flex-wrap:wrap!important;gap:8px!important}.table-container,.table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin:0 -12px!important;padding:0 12px!important;border-radius:4px!important}table{min-width:600px!important;font-size:12px!important;border-collapse:collapse!important}.table-container,div:has(>table){overflow-x:auto!important;-webkit-overflow-scrolling:touch}th,td{padding:8px 6px!important;white-space:nowrap!important;text-align:left!important}th{font-weight:600!important;background:var(--bg-hover)!important;position:sticky!important;top:0!important;z-index:10!important}tr:nth-child(2n){background:var(--bg-hover)!important}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=time],input[type=datetime-local],input[type=url],input[type=search],select,textarea{width:100%!important;max-width:100%!important;font-size:14px!important;padding:10px 12px!important;box-sizing:border-box!important;border-radius:6px!important;transition:all .2s ease!important}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px var(--primary-dim)!important}.form-group,.form-item{margin-bottom:12px!important;width:100%!important}.form-label,label{display:block!important;margin-bottom:4px!important;font-size:13px!important;font-weight:500!important;color:var(--text-main)!important}.form-hint,.help-text{font-size:11px!important;color:var(--text-secondary)!important;margin-top:4px!important}.form-error{font-size:11px!important;color:var(--danger-color)!important;margin-top:4px!important}button,.btn,[role=button]{min-height:44px!important;min-width:44px!important;padding:10px 12px!important;font-size:13px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;border-radius:6px!important;transition:all .2s ease!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important}button:active,.btn:active{transform:scale(.98)!important;opacity:.9!important}button:disabled,.btn:disabled{opacity:.5!important;cursor:not-allowed!important}.btn-group,.button-group{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important}.btn-group>button,.btn-group>.btn,.button-group>button,.button-group>.btn{flex:1 1 calc(50% - 3px)!important;min-width:calc(50% - 3px)!important}.btn-primary,.action-btn.primary{background:var(--primary-color)!important;color:#000!important;font-weight:600!important}.modal{padding:10px!important;z-index:9999!important}.modal-overlay,.modal-backdrop{background:#000000b3!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.modal-content{width:95%!important;max-width:95%!important;max-height:90vh!important;margin:10px auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:12px!important;box-shadow:0 20px 60px #00000080!important}.modal-header{padding:16px 12px 12px!important;flex-wrap:wrap!important;border-bottom:1px solid var(--border-light)!important;position:sticky!important;top:0!important;background:var(--bg-card)!important;z-index:10!important}.modal-title{font-size:16px!important;font-weight:600!important}.modal-close{width:36px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-body{padding:12px!important;max-height:60vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.modal-footer{padding:12px!important;flex-wrap:wrap!important;gap:8px!important;border-top:1px solid var(--border-light)!important;position:sticky!important;bottom:0!important;background:var(--bg-card)!important;z-index:10!important}.modal-footer button{flex:1!important}.search-box,.search-input,.search-wrapper,.search-container{width:100%!important;max-width:100%!important;position:relative!important}.search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important}.filter-bar,.filters,.toolbar,.filter-container{padding:10px!important;gap:8px!important;flex-wrap:wrap!important;background:var(--bg-card)!important;border-radius:8px!important;margin-bottom:10px!important}.filter-group{width:100%!important;flex-wrap:wrap!important;gap:6px!important}.filter-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important}.pagination,.pager{flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;padding:10px!important}.pagination button,.page-btn,.pager button{min-width:36px!important;min-height:36px!important;padding:6px 10px!important;font-size:12px!important;border-radius:4px!important}.pagination-info,.page-info{font-size:12px!important;color:var(--text-secondary)!important;width:100%!important;text-align:center!important;margin-top:4px!important}.badge,.tag,.status-badge,.chip,.label{font-size:11px!important;padding:3px 8px!important;display:inline-flex!important;align-items:center!important;gap:4px!important;border-radius:12px!important;font-weight:500!important}.icon-btn,.action-btn,.btn-icon,.icon-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border-radius:6px!important;background:var(--bg-input)!important;border:1px solid var(--border-light)!important;transition:all .2s ease!important}.icon-btn:hover,.action-btn:hover{background:var(--bg-hover)!important;transform:translateY(-1px)!important}.icon-btn:active{transform:scale(.95)!important}.text-truncate,.truncate,.ellipsis,.text-ellipsis{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.text-wrap,.text-multiline{white-space:normal!important;word-wrap:break-word!important;word-break:break-word!important}img{max-width:100%!important;height:auto!important;display:block!important;border-radius:4px!important}video,.video-player,.video-container{width:100%!important;height:auto!important;aspect-ratio:16/9!important;border-radius:8px!important;background:#000!important}.grid,.row,.grid-container,.flex-row{gap:8px!important}.col,.grid-item,.column{width:100%!important;flex:0 0 100%!important;max-width:100%!important}.list-item,.card-item,.list-group-item,.item-card{padding:10px!important;margin-bottom:6px!important;border-radius:6px!important;background:var(--bg-card)!important;border:1px solid var(--border-light)!important;transition:all .2s ease!important}.list-item:active,.card-item:active{background:var(--bg-hover)!important;transform:scale(.98)!important}.dropdown-menu,.select-dropdown,.menu-dropdown,.popup-menu{max-height:300px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;min-width:200px!important;background:var(--bg-dropdown)!important;border:1px solid var(--border-color)!important;border-radius:8px!important;box-shadow:0 8px 24px #0000004d!important;z-index:1000!important}.dropdown-item,.menu-item{padding:10px 12px!important;font-size:13px!important;min-height:44px!important;display:flex!important;align-items:center!important;transition:background .2s ease!important}.dropdown-item:active,.menu-item:active{background:var(--bg-hover)!important}.tabs,.tab-bar,.tab-group{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;white-space:nowrap!important;scrollbar-width:none!important;display:flex!important;gap:4px!important;padding:4px!important;background:var(--bg-input)!important;border-radius:8px!important}.tabs::-webkit-scrollbar,.tab-bar::-webkit-scrollbar,.tab-group::-webkit-scrollbar{display:none!important}.tab-item,.tab,.tab-btn{padding:8px 12px!important;font-size:13px!important;flex-shrink:0!important;border-radius:6px!important;transition:all .2s ease!important;min-width:80px!important;text-align:center!important}.tab-item.active,.tab.active,.tab-btn.active{background:var(--primary-dim)!important;color:var(--primary-color)!important;font-weight:600!important}.notification,.toast,.alert,.message{width:95%!important;max-width:95%!important;margin:10px auto!important;padding:12px!important;font-size:13px!important;border-radius:8px!important;box-shadow:0 4px 12px #0003!important;display:flex!important;align-items:flex-start!important;gap:8px!important}.notification-icon,.alert-icon{flex-shrink:0!important;width:20px!important;height:20px!important}.notification-content,.alert-content{flex:1!important}.loading,.spinner,.loader{width:40px!important;height:40px!important;margin:20px auto!important}.loading-text,.loader-text{font-size:13px!important;color:var(--text-secondary)!important;text-align:center!important;margin-top:8px!important}.empty-state,.no-data,.empty-container{padding:30px 20px!important;text-align:center!important}.empty-state img,.no-data img,.empty-icon{max-width:120px!important;margin:0 auto 10px!important;opacity:.6!important}.empty-state h3,.no-data h3{font-size:16px!important;margin-bottom:8px!important;color:var(--text-main)!important}.empty-state p,.no-data p{font-size:13px!important;color:var(--text-secondary)!important;margin-bottom:16px!important}h1{font-size:20px!important;line-height:1.3!important;margin-bottom:8px!important}h2{font-size:18px!important;line-height:1.3!important;margin-bottom:8px!important}h3{font-size:16px!important;line-height:1.4!important;margin-bottom:6px!important}h4{font-size:15px!important;line-height:1.4!important;margin-bottom:6px!important}h5{font-size:14px!important;line-height:1.5!important;margin-bottom:4px!important}h6{font-size:13px!important;line-height:1.5!important;margin-bottom:4px!important}p,span,div,li{font-size:13px!important;line-height:1.5!important}small,.text-small,.text-xs{font-size:11px!important}.text-lg{font-size:15px!important}.text-xl{font-size:18px!important}a,.link{padding:8px 4px!important;display:inline-block!important;font-size:13px!important;color:var(--primary-color)!important;text-decoration:none!important;transition:opacity .2s ease!important}a:active,.link:active{opacity:.7!important}.actions,.tools,.operations,.action-bar{display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;padding:8px 0!important}.stat-card,.metric-card,.info-card,.dashboard-card{padding:12px!important;margin-bottom:8px!important;border-radius:8px!important;background:var(--bg-card)!important;border:1px solid var(--border-light)!important}.stat-value,.metric-value{font-size:24px!important;font-weight:700!important;color:var(--primary-color)!important;margin-bottom:4px!important}.stat-label,.metric-label{font-size:12px!important;color:var(--text-secondary)!important}.stat-change,.metric-change{font-size:11px!important;margin-top:4px!important}.chart-container,.graph-wrapper,.chart-box{width:100%!important;height:auto!important;min-height:250px!important;padding:12px!important;background:var(--bg-card)!important;border-radius:8px!important}.timeline,.activity-log,.timeline-container{padding-left:20px!important;position:relative!important}.timeline:before{left:8px!important;width:2px!important}.timeline-item,.activity-item{padding:8px 0!important;font-size:12px!important;position:relative!important}.timeline-item:before{width:10px!important;height:10px!important;left:-16px!important}.timeline-time{font-size:11px!important;color:var(--text-secondary)!important}.progress-bar,.progress,.progress-container{height:8px!important;border-radius:4px!important;background:var(--bg-input)!important;overflow:hidden!important}.progress-fill,.progress-value{height:100%!important;border-radius:4px!important;transition:width .3s ease!important}.progress-label{font-size:11px!important;margin-top:4px!important;display:flex!important;justify-content:space-between!important}input[type=range]{width:100%!important;height:40px!important;-webkit-appearance:none!important;background:transparent!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none!important;width:20px!important;height:20px!important;border-radius:50%!important;background:var(--primary-color)!important;cursor:pointer!important}input[type=checkbox],input[type=radio]{width:20px!important;height:20px!important;margin-right:8px!important;cursor:pointer!important}.checkbox-label,.radio-label{display:flex!important;align-items:center!important;padding:8px 0!important;min-height:44px!important;cursor:pointer!important}.switch,.toggle,.toggle-switch{width:50px!important;height:28px!important;border-radius:14px!important;position:relative!important;cursor:pointer!important}.switch-handle,.toggle-handle{width:24px!important;height:24px!important;border-radius:50%!important;top:2px!important;left:2px!important;transition:transform .2s ease!important}.switch.on .switch-handle,.toggle.on .toggle-handle{transform:translate(22px)!important}.avatar,.user-avatar,.profile-pic{width:40px!important;height:40px!important;font-size:16px!important;border-radius:50%!important;object-fit:cover!important}.avatar-sm{width:32px!important;height:32px!important;font-size:13px!important}.avatar-lg{width:56px!important;height:56px!important;font-size:20px!important}.avatar-xl{width:72px!important;height:72px!important;font-size:24px!important}hr,.divider,.separator{margin:12px 0!important;border:none!important;border-top:1px solid var(--border-light)!important}.breadcrumb,.breadcrumbs{flex-wrap:wrap!important;padding:8px 0!important;font-size:12px!important;gap:4px!important}.breadcrumb-item{display:flex!important;align-items:center!important;gap:4px!important}.breadcrumb-separator{color:var(--text-muted)!important}.steps,.step-bar,.stepper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important;gap:8px!important;padding:8px 0!important}.step-item,.step{min-width:80px!important;font-size:11px!important;text-align:center!important;flex-shrink:0!important}.step-number{width:28px!important;height:28px!important;font-size:12px!important;margin:0 auto 4px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.step-label{font-size:11px!important;color:var(--text-secondary)!important}.accordion,.collapse-panel{border-radius:8px!important;overflow:hidden!important}.accordion-item,.collapse-item{border-bottom:1px solid var(--border-light)!important}.accordion-header,.collapse-header{padding:12px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;cursor:pointer!important}.accordion-body,.collapse-body{padding:12px!important}.carousel,.slider,.swiper{width:100%!important;border-radius:8px!important;overflow:hidden!important}.carousel-item,.slide{width:100%!important}.carousel-indicators,.slider-dots{bottom:10px!important;gap:6px!important}.carousel-dot,.slider-dot{width:8px!important;height:8px!important;border-radius:50%!important}.fab,.floating-btn{width:56px!important;height:56px!important;bottom:20px!important;right:20px!important;border-radius:50%!important;box-shadow:0 4px 12px #0000004d!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:100!important}.sidebar,.drawer{width:85%!important;max-width:300px!important}.sidebar-overlay,.drawer-backdrop{background:#00000080!important}.bottom-nav,.tab-bar-bottom{padding:8px 0!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;box-shadow:0 -2px 10px #0000001a!important}.bottom-nav-item{padding:6px 4px!important;font-size:11px!important}.bottom-nav-icon{width:24px!important;height:24px!important}::-webkit-scrollbar{width:6px!important;height:6px!important}::-webkit-scrollbar-track{background:var(--bg-input)!important;border-radius:3px!important}::-webkit-scrollbar-thumb{background:var(--border-color)!important;border-radius:3px!important}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)!important}::selection{background:var(--primary-dim)!important;color:var(--primary-color)!important}::-moz-selection{background:var(--primary-dim)!important;color:var(--primary-color)!important}::placeholder{color:var(--text-muted)!important;opacity:.7!important}:-ms-input-placeholder{color:var(--text-muted)!important}::-ms-input-placeholder{color:var(--text-muted)!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;transition:background-color 5000s ease-in-out 0s!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important}input[type=number]{-moz-appearance:textfield!important}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.6!important;cursor:pointer!important}input[type=file]{padding:8px!important;font-size:13px!important}input[type=file]::-webkit-file-upload-button{padding:8px 12px!important;background:var(--primary-color)!important;color:#000!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:13px!important;margin-right:8px!important}@media print{body{background:#fff!important;color:#000!important}.no-print,.hide-on-print{display:none!important}}@media(prefers-contrast:high){:root{--border-color: rgba(255, 255, 255, .5) !important;--text-secondary: #cbd5e1 !important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){:root{color-scheme:dark!important}}@media(orientation:landscape)and (max-height:500px){.modal-content{max-height:85vh!important}.card-body{max-height:60vh!important;overflow-y:auto!important}}@media(max-width:374px){.main-content{padding:6px!important}h1{font-size:18px!important}h2{font-size:16px!important}h3{font-size:15px!important}button,.btn{min-height:40px!important;font-size:12px!important;padding:8px 10px!important}input,select,textarea{font-size:13px!important;padding:8px 10px!important;position:relative;z-index:100001!important}}@media(min-width:769px)and (max-width:1024px){.main-content{padding:12px!important}.card{margin-bottom:12px!important}}@media(min-width:1441px){.main-content{max-width:1600px!important;margin:0 auto!important}}}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-10px,0)}70%{transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--bg-hover) 50%,var(--bg-input) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-up{animation:slideInUp .3s ease-out}.animate-slide-down{animation:slideInDown .3s ease-out}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-bounce{animation:bounce 1s infinite}.animate-pulse{animation:pulse 2s infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active:after{width:300px;height:300px}.gradient-border{position:relative;background:var(--bg-card);border-radius:8px}.gradient-border:before{content:"";position:absolute;inset:0;border-radius:8px;padding:2px;background:linear-gradient(45deg,var(--primary-color),var(--secondary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glow{box-shadow:0 0 20px var(--primary-dim),0 0 40px var(--primary-dim),0 0 60px var(--primary-dim)}.glow-text{text-shadow:0 0 10px var(--primary-color),0 0 20px var(--primary-color),0 0 30px var(--primary-color)}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.neon{color:var(--primary-color);text-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color),0 0 20px var(--primary-color),0 0 40px var(--primary-color)}.flip-card{perspective:1000px}.flip-card-inner{transition:transform .6s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%}.flip-card-back{transform:rotateY(180deg)}.gpu-accelerated{transform:translateZ(0);will-change:transform}.content-visibility{content-visibility:auto;contain-intrinsic-size:0 500px}.lazy-load{min-height:200px;background:var(--bg-input)}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}th.sortable:hover{background-color:var(--bg-hover)}.th-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.table-container{overflow-x:auto;overflow-y:auto;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm)}div:has(>table){overflow-x:auto}.sort-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color);opacity:.8}table{border-spacing:0}thead th,table th{background:linear-gradient(180deg,var(--bg-hover),transparent);color:var(--text-secondary);font-weight:650;letter-spacing:0}tbody tr{transition:background-color .18s ease}tbody tr:hover{background:var(--bg-hover)}td,th{border-bottom-color:var(--border-light)}.filter-bar,.filters,.filter-content,.search-bar,.toolbar,.action-bar{border-radius:var(--radius-md)}.status-badge,.status-tag,.plate-badge{border-radius:999px;font-weight:650}:where(.analysis-container,.report-container,.vehicle-container,.device-management-container,.order-history-container,.registrations-container,.main-content,.settings-container){color:var(--text-main)}:where(.page-header,.header-section){background:linear-gradient(135deg,rgba(var(--primary-rgb),.08),transparent 48%),var(--bg-card)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-sm)!important}:where(.page-header h2,.header-section h2){letter-spacing:0!important;line-height:1.2!important}:where(.header-actions,.filter-content,.filter-bar,.filters,.search-bar,.search-row){gap:10px!important}:where(.filter-content,.filter-bar,.filters,.search-bar){background:var(--bg-card)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important}:where(.filter-group label,.form-group label){letter-spacing:0!important;font-weight:650!important}:where(.filter-input,.form-input,.search-input,.plate-input,.modern-input,textarea,select){min-height:34px;border-radius:var(--radius-sm)!important}:where(.chart-container,.chart-wrapper,.chart-card,.config-info-panel,.orders-table-container,.stats-cards){border-radius:var(--radius-md)!important}:where(.chart-container,.config-info-panel,.orders-table-container){background:var(--bg-card)!important;border:1px solid var(--border-light)!important;box-shadow:var(--shadow-sm)!important}:where(.card,.stat-card,.status-card,.config-section,.modal-content){border-radius:var(--radius-md)!important}:where(.data-table,.modern-table,.tech-table){width:100%;border-collapse:separate;border-spacing:0}:where(.data-table th,.modern-table th,.tech-table th){position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(var(--primary-rgb),.08),var(--bg-card))!important}:where(.data-table td,.data-table th,.modern-table td,.modern-table th,.tech-table td,.tech-table th){vertical-align:middle}:where(.action-buttons,.filter-actions,.modal-actions,.header-actions){display:flex;align-items:center;flex-wrap:wrap}:where(.action-btn,.btn,.btn-primary,.btn-secondary,.btn-default,.btn-info,.btn-success,.btn-warning,.btn-danger,.filter-toggle-btn){min-height:34px;border-radius:var(--radius-sm)!important}:where(.action-btn){display:inline-flex;align-items:center;justify-content:center;gap:6px}:where(.empty-state,.no-data,.no-notifications){color:var(--text-muted)!important}@media(max-width:768px){:where(.page-header,.header-section,.filter-content,.filter-bar,.filters,.search-bar){border-radius:var(--radius-md)!important}:where(.header-actions,.filter-content,.search-row,.filter-actions){align-items:stretch!important}:where(.header-actions>*,.filter-content>*,.search-row>*,.filter-actions>*){max-width:100%!important}}:root{--table-bg: rgba(13, 22, 38, .9);--table-header-bg: linear-gradient(180deg, rgba(var(--primary-rgb), .16), rgba(13, 22, 38, .96));--table-row-bg: rgba(255, 255, 255, .018);--table-row-alt-bg: rgba(var(--primary-rgb), .035);--table-row-hover-bg: rgba(var(--primary-rgb), .11);--table-border: rgba(148, 163, 184, .16);--table-divider: rgba(148, 163, 184, .12);--table-shadow: 0 14px 34px rgba(0, 0, 0, .22);--surface-strong: rgba(13, 22, 38, .94);--surface-soft: rgba(255, 255, 255, .045);--surface-muted: rgba(148, 163, 184, .08);--field-height: 36px}.light-theme{--table-bg: #ffffff;--table-header-bg: linear-gradient(180deg, #f8fafc, #eef6ff);--table-row-bg: #ffffff;--table-row-alt-bg: #f8fafc;--table-row-hover-bg: #eef6ff;--table-border: #dbeafe;--table-divider: #e2e8f0;--table-shadow: 0 14px 32px rgba(15, 23, 42, .08);--surface-strong: #ffffff;--surface-soft: #f8fafc;--surface-muted: #f1f5f9}:is(.main-content,.overview-container,.analysis-container,.report-container,.vehicle-container,.device-management-container,.order-history-container,.registrations-container,.settings-container,.update-management,.playback-page){color:var(--text-main)!important}:is(.main-content,.playback-page){gap:16px!important}:is(.overview-container,.analysis-container,.report-container,.vehicle-container,.device-management-container,.order-history-container,.registrations-container,.update-management){padding:18px!important}:is(.panel,.main-panel,.right-sidebar,.sidebar-panel){min-width:0}:is(.card,.stat-card,.chart-card,.status-card,.version-card,.update-card,.upload-card,.history-card,.info-card,.config-card,.config-section,.sidebar-section,.player-section,.map-container,.device-selector-panel,.notification-dropdown,.settings-nav,.ftp-status-section,.import-section,.success-modal-content){border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;background:linear-gradient(180deg,var(--surface-strong),var(--bg-card))!important;box-shadow:var(--shadow-sm)!important}:is(.card-header,.chart-card-header,.section-header,.panel-header,.map-header,.modal-header,.form-header,.config-card-header,.card-header-compact){border-bottom-color:var(--border-light)!important;background:linear-gradient(180deg,rgba(var(--primary-rgb),.08),transparent)!important}:is(.card-header h3,.chart-card-header h3,.section-header h3,.panel-header h3,.map-header h3,.modal-header h3,.form-header h3,.page-header h2,.header-section h2){color:var(--text-main)!important;letter-spacing:0!important}:is(.page-header p,.header-section p,.card-header p,.section-header p,.description,.hint-text,.form-text,.detail-item,.update-meta p){color:var(--text-secondary)!important}:is(.card-body,.modal-body,.config-card-body,.form-container,.edit-form-container,.bind-form-container,.renew-form-container,.expire-time-form-container){color:var(--text-main)!important}:is(input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-input,.filter-input,.search-input,.plate-input,.modern-input,.tech-select){min-height:var(--field-height)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius-sm)!important;background-color:var(--bg-input)!important;color:var(--text-main)!important;box-shadow:none!important}:is(input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-input,.filter-input,.search-input,.plate-input,.modern-input,.tech-select):hover{border-color:rgba(var(--primary-rgb),.45)!important;background-color:var(--bg-hover)!important}:is(input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-input,.filter-input,.search-input,.plate-input,.modern-input,.tech-select):focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)!important}:is(.date-picker-wrapper,.time-picker-wrapper,.time-picker,.datetime-picker){position:relative!important;display:inline-flex!important;align-items:center!important;min-width:0}:is(.date-picker-wrapper,.time-picker-wrapper,.time-picker,.datetime-picker) :is(.date-icon,.time-icon,.datetime-icon){position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-secondary)!important;pointer-events:none!important;z-index:2!important}:is(input[type=date],input[type=time],input[type=datetime-local],.date-input,.time-input,.time-input-modern){min-height:40px!important;padding:9px 36px 9px 38px!important;border:1px solid rgba(var(--primary-rgb),.2)!important;border-radius:var(--radius-sm)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--bg-input)!important;color:var(--text-main)!important;font-size:14px!important;line-height:1.35!important;box-shadow:inset 0 1px #ffffff09!important}:is(input[type=date],input[type=time],input[type=datetime-local],.date-input,.time-input,.time-input-modern):hover{border-color:rgba(var(--primary-rgb),.5)!important;background:linear-gradient(180deg,rgba(var(--primary-rgb),.055),transparent),var(--bg-hover)!important}:is(input[type=date],input[type=time],input[type=datetime-local],.date-input,.time-input,.time-input-modern):focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14),inset 0 1px #ffffff0a!important}:is(input[type=date],input[type=time],input[type=datetime-local],.date-input,.time-input,.time-input-modern)::-webkit-calendar-picker-indicator{background:transparent!important;color:transparent!important;cursor:pointer!important;height:auto!important;inset:0!important;opacity:0!important;position:absolute!important;width:auto!important}:is(.date-picker-wrapper,.time-picker-wrapper,.time-picker,.datetime-picker):focus-within :is(.date-icon,.time-icon,.datetime-icon),:is(.date-picker-wrapper,.time-picker-wrapper,.time-picker,.datetime-picker):hover :is(.date-icon,.time-icon,.datetime-icon){color:var(--primary-color)!important}:is(.date-separator,.time-separator,.range-separator,.time-separator-text){color:var(--text-secondary)!important;font-weight:650!important;margin-inline:8px!important;white-space:nowrap}.dp__theme_dark,.dp__theme_light{--dp-background-color: var(--surface-strong);--dp-text-color: var(--text-main);--dp-hover-color: rgba(var(--primary-rgb), .1);--dp-hover-text-color: var(--text-main);--dp-primary-color: var(--primary-color);--dp-primary-text-color: #fff;--dp-border-color: var(--border-light);--dp-menu-border-color: rgba(var(--primary-rgb), .28);--dp-border-color-hover: var(--primary-color);--dp-icon-color: var(--text-secondary);--dp-secondary-color: var(--text-secondary);--dp-disabled-color: var(--surface-muted);--dp-disabled-color-text: var(--text-muted);--dp-range-between-dates-background-color: rgba(var(--primary-rgb), .14);--dp-range-between-dates-text-color: var(--text-main)}.dp__main,.dp__input_wrap{min-width:0}.dp__input{min-height:40px!important;padding:9px 36px 9px 38px!important;border:1px solid rgba(var(--primary-rgb),.2)!important;border-radius:var(--radius-sm)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent),var(--bg-input)!important;color:var(--text-main)!important;font-size:14px!important;box-shadow:inset 0 1px #ffffff09!important}.dp__input:hover{border-color:rgba(var(--primary-rgb),.5)!important}.dp__input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)!important}.dp__input_icon{color:var(--text-secondary)!important;left:12px!important}.dp__clear_icon{color:var(--text-secondary)!important;right:10px!important}.dp__menu{overflow:hidden!important;border:1px solid rgba(var(--primary-rgb),.28)!important;border-radius:var(--radius-md)!important;background:var(--surface-strong)!important;box-shadow:0 20px 42px #00000052!important}.dp__menu_inner{padding:10px!important}.dp__calendar_header{color:var(--text-secondary)!important;border-bottom:1px solid var(--border-light)!important}.dp__month_year_row{min-height:42px!important}.dp__month_year_select{border-radius:var(--radius-sm)!important;color:var(--text-main)!important;font-weight:650!important}.dp__month_year_select:hover,.dp__button:hover,.dp__overlay_cell:hover,.dp__cell_inner:hover{background:rgba(var(--primary-rgb),.1)!important;color:var(--primary-color)!important}.dp__cell_inner{border-radius:var(--radius-sm)!important;color:var(--text-main)!important}.dp__today{border-color:rgba(var(--primary-rgb),.7)!important}.dp__active_date,.dp__range_start,.dp__range_end,.dp__overlay_cell_active,.dp__action_select{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))!important;color:#fff!important}.dp__range_between{background:rgba(var(--primary-rgb),.14)!important;color:var(--text-main)!important}.dp__action_row{border-top:1px solid var(--border-light)!important;padding:10px!important}.dp__action_button{min-height:34px!important;border-radius:var(--radius-sm)!important;font-weight:650!important}.dp__action_cancel{border:1px solid var(--border-light)!important;background:var(--bg-input)!important;color:var(--text-secondary)!important}.dp__time_input,.dp__time_col_reg{color:var(--text-main)!important}:is(.filter-content,.filter-bar,.filters,.toolbar,.search-bar,.search-row,.header-actions){align-items:center}:is(.filter-content,.filter-bar,.filters,.toolbar,.search-bar){border-radius:var(--radius-md)!important;background:var(--surface-strong)!important;border:1px solid var(--border-light)!important}:is(.filter-group,.form-group) label{color:var(--text-secondary)!important;font-weight:650!important}:is(.empty-state,.no-data,.no-update,.loading,.empty-list,.placeholder,.empty-state-slot){color:var(--text-muted)!important}:is(.pagination,.pagination-container,.pagination-wrapper){border-radius:var(--radius-md)!important}:is(.pagination button,.pagination-container button,.page-btn){border-radius:var(--radius-sm)!important}:is(pre,code,.release-notes pre,.log-box,.json-preview){border:1px solid var(--border-light)!important;border-radius:var(--radius-sm)!important;background:var(--bg-input)!important;color:var(--text-main)!important}:is(.version-number,.metric-value,.stat-value,.amount,.count,.number){color:var(--primary-color)!important}:is(.platform-badge,.update-badge,.badge,.tag,.status-badge,.status-tag){border:1px solid rgba(var(--primary-rgb),.24);border-radius:999px!important}.update-management :is(.version-card,.version-details,.update-card,.release-notes pre){background:var(--surface-strong)!important}.update-management :is(.page-header h2,.update-header h4,.release-notes h5,h3,h4,h5){color:var(--text-main)!important}.update-management :is(.page-header p,.detail-item,.update-meta p,.no-update-content p){color:var(--text-secondary)!important}.update-management .platform-badge{background:var(--surface-muted)!important;color:var(--text-secondary)!important}.update-management .check-update-btn{min-height:var(--field-height)!important;border-radius:var(--radius-sm)!important;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))!important;color:#fff!important;box-shadow:0 8px 18px rgba(var(--primary-rgb),.22)!important}.update-management .check-update-btn:disabled{opacity:.55!important;cursor:not-allowed!important;box-shadow:none!important}.update-management .spinner{border-color:var(--border-light)!important;border-top-color:var(--primary-color)!important}:is(.table-container,.orders-table-container,div:has(>table)){border:1px solid var(--table-border)!important;border-radius:var(--radius-md)!important;background:var(--table-bg)!important;box-shadow:var(--table-shadow)!important;overflow:auto!important;scrollbar-gutter:stable}:is(.table-container,.orders-table-container){position:relative}:is(.table-container,.orders-table-container):before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.7),transparent);pointer-events:none;z-index:3}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table){width:100%!important;min-width:max-content;border-collapse:separate!important;border-spacing:0!important;background:transparent!important;color:var(--text-main)!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) thead th,:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) th{position:sticky!important;top:0;z-index:2;min-height:44px;padding:13px 16px!important;background:var(--table-header-bg)!important;color:var(--text-secondary)!important;border-bottom:1px solid rgba(var(--primary-rgb),.26)!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:0!important;text-align:left;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) td{padding:13px 16px!important;border-bottom:1px solid var(--table-divider)!important;color:var(--text-main)!important;font-size:14px!important;line-height:1.45!important;vertical-align:middle!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) tbody tr{background:var(--table-row-bg)!important;transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) tbody tr:nth-child(2n){background:var(--table-row-alt-bg)!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) tbody tr:hover{background:var(--table-row-hover-bg)!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) tbody tr:hover td{color:var(--text-main)!important;border-bottom-color:rgba(var(--primary-rgb),.22)!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) tbody tr:last-child td{border-bottom:0!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) th:first-child,:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) td:first-child{padding-left:18px!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) th:last-child,:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) td:last-child{padding-right:18px!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) .th-content{gap:8px!important;min-height:18px}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) :is(.action-buttons,.action-group,.operation-buttons){display:flex;align-items:center;gap:8px;flex-wrap:wrap}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) :is(.status-badge,.status-tag,.plate-badge,.type-badge){display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px!important;font-size:12px;line-height:1;white-space:nowrap}@media(max-width:768px){:is(.table-container,.orders-table-container,div:has(>table)){border-radius:var(--radius-sm)!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) th,:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) td{padding:10px 12px!important;font-size:12px!important}:is(.overview-container,.analysis-container,.report-container,.vehicle-container,.device-management-container,.order-history-container,.registrations-container,.update-management,.playback-page){padding:10px!important}:is(.card-header,.chart-card-header,.section-header,.panel-header,.map-header,.modal-header,.form-header){gap:10px!important}}@media(max-width:768px){:is(.table-container,.orders-table-container,.result-table-wrapper,.record-list-container,.traffic-list-container,.list-container,.table-wrapper){position:relative!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch;border:1px solid var(--border-light)!important;border-radius:var(--radius-md)!important;background:linear-gradient(180deg,var(--surface-strong),var(--bg-card))!important;box-shadow:var(--shadow-sm)!important;scrollbar-color:rgba(var(--primary-rgb),.52) transparent;scrollbar-width:thin}:is(.table-container,.orders-table-container,.result-table-wrapper,.table-wrapper):after{content:"";position:sticky;right:0;display:block;width:30px;height:1px;margin-top:-1px;margin-left:auto;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.2))}:is(.table-container,.orders-table-container,.result-table-wrapper,.record-list-container,.traffic-list-container,.list-container,.table-wrapper)::-webkit-scrollbar{width:6px;height:6px}:is(.table-container,.orders-table-container,.result-table-wrapper,.record-list-container,.traffic-list-container,.list-container,.table-wrapper)::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb),.45);border-radius:999px}:is(.table-container,.orders-table-container,.result-table-wrapper,.table-wrapper)>table,:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table){display:table!important;width:max-content!important;min-width:max(680px,100%)!important;table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) thead{display:table-header-group!important;width:auto!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) tbody{display:table-row-group!important;width:auto!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) thead tr,:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) tbody tr{display:table-row!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) th,:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) td{min-width:92px!important;max-width:180px;height:42px;padding:10px 12px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) th:first-child,:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) td:first-child{position:sticky!important;left:0;z-index:3;min-width:104px!important;background:var(--surface-strong)!important;box-shadow:1px 0 0 var(--border-light),10px 0 18px #0000002e}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) th:first-child{z-index:5;background:var(--table-header-bg)!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) tbody tr:hover{transform:none!important;box-shadow:none!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) :is(.action-buttons,.action-group,.operation-buttons){flex-wrap:nowrap!important;gap:6px!important}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) :is(.action-btn,button){min-height:32px!important;white-space:nowrap}:is(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) :is(.status-badge,.status-tag,.plate-badge,.type-badge){max-width:138px;overflow:hidden;text-overflow:ellipsis}:is(.table-container,.orders-table-container) :is(.empty-state,.no-data,td.no-data){min-height:150px!important;margin:10px!important;padding:18px 14px!important;border:1px dashed rgba(148,163,184,.24)!important;border-radius:var(--radius-md)!important;background:#0714246b!important;text-align:center!important}:is(.pagination,.pagination-container,.pagination-wrapper){max-width:100%;padding:10px!important;overflow-x:auto}:is(.pagination,.pagination-container,.pagination-wrapper) :is(button,select,input){min-height:36px!important}.record-list-widget{border-radius:var(--radius-md)!important}.record-list-container{min-height:170px!important}}:is(.report-container,.device-management-container) .page-header{overflow:visible!important}:is(.report-container,.device-management-container) .page-header h2{flex:0 0 auto;white-space:nowrap}.report-container .page-header{display:flex!important;align-items:center!important;gap:16px!important}.report-container .page-header h2{flex:0 0 52px!important;min-width:52px!important}.report-container .header-actions{flex:1 1 auto!important;justify-content:flex-end!important}:is(.report-container,.device-management-container) :is(.filter-content,.header-actions){min-width:0}:is(.report-container,.device-management-container) :is(.btn,.action-btn,.filter-toggle-btn){display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}:is(.report-container,.device-management-container) :is(.btn,.action-btn) svg{flex:0 0 auto}.report-container .chart-container{min-height:250px}.report-container .chart{min-height:300px}.device-management-container .table-container{flex:0 0 auto!important;min-height:160px;max-height:calc(100vh - 265px)}.device-management-container .data-table th:last-child,.device-management-container .data-table td:last-child{min-width:190px}.device-management-container .pagination{padding-top:12px}.pagination-container{box-shadow:var(--shadow-sm)!important}@media(max-width:1100px){.report-container .page-header{grid-template-columns:max-content minmax(0,1fr)!important}.report-container .header-actions{gap:8px!important}.report-container .date-picker-wrapper{flex-basis:136px!important}.report-container .date-input{width:136px!important}.report-container .month-input{flex-basis:126px!important;width:126px!important}.report-container .device-select-wrapper,.report-container .plate-input-wrapper{flex-basis:130px!important;width:130px!important}.report-container .header-actions .btn{min-width:0;padding-inline:8px!important;font-size:13px!important}}@media(max-width:768px){:is(.report-container,.device-management-container) .page-header h2{white-space:normal}.device-management-container .table-container{max-height:none}}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid rgba(var(--primary-rgb),.72);outline-offset:2px}:where(button,.btn,.btn-primary,.btn-secondary,.btn-default,.btn-outline,.btn-info,.btn-success,.btn-warning,.btn-danger):disabled{filter:saturate(.75);pointer-events:none}:where(.btn,.btn-primary,.btn-secondary,.btn-default,.btn-outline,.btn-info,.btn-success,.btn-warning,.btn-danger,.action-btn) svg{flex:0 0 auto}:where(.badge,.tag,.status-badge,.status-tag,.plate-badge,.type-badge){max-width:100%}:where(.page-header,.header-section,.card-header,.section-header,.panel-header){min-width:0}:where(.page-header h1,.page-header h2,.header-section h1,.header-section h2,.card-header h3,.section-header h3,.panel-header h3){min-width:0;overflow-wrap:anywhere}:root{--radius-lg: 8px;--surface-strong: rgba(12, 20, 34, .96);--surface-raised: linear-gradient(180deg, rgba(18, 29, 48, .94), rgba(10, 16, 28, .92));--surface-line: rgba(148, 163, 184, .16);--shadow-card: 0 16px 34px rgba(0, 0, 0, .28);--shadow-dropdown: 0 18px 45px rgba(0, 0, 0, .34)}.light-theme{--surface-strong: #ffffff;--surface-raised: linear-gradient(180deg, #ffffff, #f8fafc);--surface-line: #dbe5ef;--shadow-card: 0 14px 32px rgba(15, 23, 42, .08);--shadow-dropdown: 0 18px 45px rgba(15, 23, 42, .12)}body{background-image:linear-gradient(120deg,rgba(var(--primary-rgb),.08),transparent 34%),linear-gradient(180deg,rgba(20,184,166,.05),transparent 42%),repeating-linear-gradient(0deg,transparent 0 47px,rgba(148,163,184,.035) 48px),repeating-linear-gradient(90deg,transparent 0 47px,rgba(148,163,184,.035) 48px);background-size:auto}.tech-border{border-color:rgba(var(--primary-rgb),.24);background:var(--surface-raised);box-shadow:var(--shadow-card)}.tech-border:before,.tech-border:after{width:11px;height:11px;border-width:1px;opacity:.78}:where(.page-header,.header-section,.card,.stat-card,.chart-card,.status-card,.config-section,.modal-content,.table-container,.orders-table-container){position:relative}:where(.page-header,.header-section,.card,.stat-card,.chart-card,.status-card,.config-section,.modal-content):after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.38),transparent);pointer-events:none}:where(.card,.stat-card,.chart-card,.status-card,.version-card,.update-card,.upload-card,.history-card,.info-card,.config-card,.config-section,.sidebar-section,.player-section,.device-selector-panel,.notification-dropdown,.settings-nav,.ftp-status-section,.import-section,.success-modal-content){background:var(--surface-raised)!important;border-color:var(--surface-line)!important}:where(.page-header,.header-section,.filter-content,.filter-bar,.filters,.toolbar,.search-bar){background:linear-gradient(180deg,var(--surface-strong),var(--bg-card))!important;border-color:var(--surface-line)!important}:where(.btn,.btn-primary,.btn-secondary,.btn-default,.btn-outline,.btn-info,.btn-success,.btn-warning,.btn-danger,.action-btn,.filter-toggle-btn){min-height:36px;border-radius:var(--radius-sm)!important;letter-spacing:0}:where(.btn-secondary,.btn-default,.btn-outline,.action-btn){border-color:var(--surface-line)!important}:where(.btn,.btn-primary,.btn-secondary,.btn-default,.btn-outline,.btn-info,.btn-success,.btn-warning,.btn-danger,.action-btn):hover:not(:disabled){transform:translateY(-1px)}:where(input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-input,.filter-input,.search-input,.plate-input,.modern-input,.tech-select){min-height:38px!important;border-color:var(--surface-line)!important}:where(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) thead th,:where(.data-table,.modern-table,.tech-table,.vehicle-table,.result-table,.user-table) th{box-shadow:inset 0 -1px rgba(var(--primary-rgb),.22)}:where(.status-badge,.status-tag,.plate-badge,.type-badge,.badge,.tag){background:rgba(var(--primary-rgb),.1);box-shadow:inset 0 1px #ffffff0a}@media(max-width:768px){:where(.card,.stat-card,.chart-card,.page-header,.header-section,.filter-content,.filter-bar,.filters,.toolbar,.search-bar){box-shadow:var(--shadow-sm)!important}}:root{--filter-bg: linear-gradient(180deg, var(--surface-strong), rgba(13, 22, 38, .86));--filter-border: rgba(148, 163, 184, .18);--filter-chip-bg: rgba(var(--primary-rgb), .08);--list-bg: linear-gradient(180deg, var(--surface-strong), var(--bg-card));--list-hover-bg: rgba(var(--primary-rgb), .1)}.light-theme{--filter-bg: linear-gradient(180deg, #ffffff, #f8fafc);--filter-border: #dbe5ef;--filter-chip-bg: rgba(14, 165, 233, .08);--list-bg: linear-gradient(180deg, #ffffff, #f8fafc);--list-hover-bg: #eef6ff}#app :is(.filter-bar,.filters,.search-bar,.toolbar,.filter-container){position:relative!important;display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;gap:12px!important;width:100%!important;margin-bottom:14px!important;padding:14px!important;overflow:visible!important;border:1px solid var(--filter-border)!important;border-radius:var(--radius-md)!important;background:var(--filter-bg)!important;box-shadow:var(--shadow-sm)!important}#app :is(.filter-bar,.filters,.search-bar,.toolbar,.filter-container):before{content:""!important;position:absolute!important;inset:0 0 auto!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(var(--primary-rgb),.44),transparent)!important;pointer-events:none!important}#app :is(.filter-content,.search-row,.header-actions){display:flex!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:12px!important;min-width:0!important}#app :is(.filter-content){flex:1 1 100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}#app :is(.filter-group,.search-group){display:flex!important;align-items:flex-start!important;flex-direction:column!important;gap:6px!important;min-width:150px!important;flex:1 1 180px!important}#app :is(.filter-group:has(.date-picker-wrapper),.filter-group:has(.time-picker-wrapper)){flex:2 1 340px!important;flex-direction:row!important;align-items:flex-end!important;flex-wrap:wrap!important}#app :is(.filter-group:has(.date-picker-wrapper),.filter-group:has(.time-picker-wrapper))>label{flex:0 0 100%!important}#app :is(.filter-group label,.search-group label,.form-group label){min-height:18px!important;color:var(--text-secondary)!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important}#app :is(.filter-input,.search-input,.form-input,.plate-input,.modern-input,.date-input,.time-input,input[type=search],input[type=text],input[type=number],input[type=date],input[type=time],select,textarea){min-height:38px!important;width:100%;border:1px solid var(--filter-border)!important;border-radius:var(--radius-sm)!important;background-color:var(--bg-input)!important;color:var(--text-main)!important;box-shadow:inset 0 1px #ffffff08!important}#app :is(.filter-input,.search-input,.form-input,.plate-input,.modern-input,.date-input,.time-input,input[type=search],input[type=text],input[type=number],input[type=date],input[type=time],select,textarea):hover{border-color:rgba(var(--primary-rgb),.42)!important;background-color:var(--bg-hover)!important}#app :is(.filter-input,.search-input,.form-input,.plate-input,.modern-input,.date-input,.time-input,input[type=search],input[type=text],input[type=number],input[type=date],input[type=time],select,textarea):focus{outline:none!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(var(--primary-rgb),.13),inset 0 1px #ffffff0a!important}#app :is(.filter-select,.custom-select-container,.date-picker-wrapper,.time-picker-wrapper,.plate-input-wrapper){width:100%!important;min-width:0!important}#app :is(.range-separator){align-self:center!important;color:var(--text-muted)!important;padding:0 2px!important}#app :is(.filter-actions,.action-buttons,.operation-buttons){display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}#app .filter-actions{flex:1 1 auto!important;align-self:flex-end!important;justify-content:flex-end!important;min-height:38px!important}#app :is(.filter-toggle-btn,.config-toggle-btn){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;padding:8px 12px!important;border:1px solid rgba(var(--primary-rgb),.24)!important;border-radius:var(--radius-sm)!important;background:var(--filter-chip-bg)!important;color:var(--primary-color)!important;font-weight:650!important;line-height:1!important}#app :is(.filter-toggle-btn,.config-toggle-btn):hover{border-color:rgba(var(--primary-rgb),.48)!important;background:rgba(var(--primary-rgb),.14)!important;transform:translateY(-1px)!important}#app :is(.table-container,.orders-table-container,.result-table-wrapper,.record-list-container,.traffic-list-container,.list-container,.table-wrapper){border:1px solid var(--table-border, var(--filter-border))!important;border-radius:var(--radius-md)!important;background:var(--list-bg)!important;box-shadow:var(--table-shadow, var(--shadow-sm))!important}#app :is(.list-item,.card-item,.list-group-item,.item-card,.record-item,.camera-item,.notification-item,.session-item,.announcement-item){position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;margin-bottom:8px!important;padding:12px!important;border:1px solid var(--filter-border)!important;border-radius:var(--radius-md)!important;background:var(--list-bg)!important;box-shadow:var(--shadow-sm)!important;transition:border-color .18s ease,background-color .18s ease,transform .18s ease!important}#app :is(.list-item,.card-item,.list-group-item,.item-card,.record-item,.camera-item,.notification-item,.session-item,.announcement-item):hover{border-color:rgba(var(--primary-rgb),.34)!important;background:var(--list-hover-bg)!important;transform:translateY(-1px)!important}#app :is(.empty-state,.no-data,.no-update,.empty-list,.placeholder,.empty-state-slot){min-height:140px!important;padding:24px!important;border:1px dashed rgba(148,163,184,.28)!important;border-radius:var(--radius-md)!important;background:rgba(var(--primary-rgb),.035)!important;color:var(--text-muted)!important;text-align:center!important}#app :is(.empty-content){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:10px!important;color:var(--text-muted)!important}#app :is(.pagination,.pagination-container,.pagination-wrapper){display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin-top:12px!important;padding:12px 14px!important;border:1px solid var(--filter-border)!important;border-radius:var(--radius-md)!important;background:var(--list-bg)!important;box-shadow:var(--shadow-sm)!important}#app :is(.pagination button,.pagination-container button,.page-btn){min-width:34px!important;min-height:34px!important;border:1px solid var(--filter-border)!important;border-radius:var(--radius-sm)!important;background:var(--bg-input)!important;color:var(--text-main)!important}#app :is(.pagination button,.pagination-container button,.page-btn):hover:not(:disabled){border-color:rgba(var(--primary-rgb),.48)!important;background:rgba(var(--primary-rgb),.12)!important;color:var(--primary-color)!important}#app :is(.pagination button.active,.pagination-container button.active,.page-btn.active){border-color:var(--primary-color)!important;background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))!important;color:#fff!important}@media(max-width:768px){#app :is(.filter-bar,.filters,.search-bar,.toolbar,.filter-container){padding:10px!important;gap:10px!important}#app :is(.filter-content){display:none!important;width:100%!important;padding-top:8px!important}#app .toolbar:has(>.filter-toggle-btn)>.filters:not(.show){display:none!important}#app .toolbar:has(>.filter-toggle-btn)>.filters.show{display:flex!important}#app :is(.filter-content.show,.filters.show,.filter-bar.show){display:flex!important}#app :is(.filter-group,.filter-group:has(.date-picker-wrapper),.filter-group:has(.time-picker-wrapper),.search-group){flex:1 1 100%!important;width:100%!important;flex-direction:column!important;align-items:stretch!important}#app .filter-actions{justify-content:stretch!important;width:100%!important}#app .filter-actions>*{flex:1 1 120px!important}#app :is(.pagination,.pagination-container,.pagination-wrapper){justify-content:center!important;padding:10px!important}}
