:root{--primary-color: #3b82f6;--bg-color: #0f172a;--primary-glow: rgba(59, 130, 246, .5);--glass-bg: rgba(17, 24, 39, .35);--glass-border: rgba(255, 255, 255, .08);--input-bg: rgba(255, 255, 255, .05);--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--text-color: #f8fafc;--title-color: #e2e8f0;--box-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--box-shadow-hover: 0 12px 40px 0 rgba(0, 0, 0, .4);--input-text: #fff;--group-header: #a78bfa}body.light-theme{--primary-color: #2563eb;--bg-color: #f8fafc;--primary-glow: rgba(59, 130, 246, .3);--glass-bg: rgba(255, 255, 255, .35);--glass-border: rgba(255, 255, 255, .7);--input-bg: rgba(255, 255, 255, .55);--bg-gradient: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);--text-color: #334155;--title-color: #0f172a;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--box-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--input-text: #0f172a;--group-header: #6d28d9}body{background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;margin:0;padding:0;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:10px;border:1px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--primary-color);border-radius:10px}body.light-theme ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1)}body.light-theme ::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.spacer_30{min-height:30px}.card-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #0000001a;overflow:hidden;position:relative}.card-container:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:.2rem 0}.setting-info{flex:1}.setting-title{font-size:.8rem;font-weight:600;color:var(--text-color);margin-bottom:0}.setting-desc{font-size:.65rem;color:var(--text-color);opacity:.6}.group-box{border:none;border-radius:12px;padding:.75rem;margin-bottom:.5rem;position:relative}.group-header{display:flex;align-items:center;gap:8px;margin-bottom:1rem}.group-header .icon{color:var(--group-header);font-size:1.1rem}.group-header h5{font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin:0;color:var(--primary-color)}.group-header .line{flex-grow:1;height:1px;background:var(--glass-border)}.card-body{padding:.75rem;min-height:92vh}.form-control::placeholder,.form-select::placeholder{color:#fff6}input[type=number]{transition:all .4s cubic-bezier(.34,1.56,.64,1);padding-right:.6rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important;opacity:0!important;pointer-events:none!important;transform:translate(10px);-webkit-transition:all .4s cubic-bezier(.34,1.56,.64,1)!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}input[type=number]:focus:hover::-webkit-inner-spin-button,input[type=number]:focus:hover::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button!important;opacity:1!important;pointer-events:auto!important;transform:translate(0) scale(1.2);cursor:pointer}input[type=number]:focus:hover{padding-right:1.8rem!important}input[type=number]{-moz-appearance:textfield!important}input[type=number]:focus:hover{-moz-appearance:number-input!important}body.light-theme .form-control::placeholder,body.light-theme .form-select::placeholder{color:#0006}.form-control,.form-select{background-color:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-color);border-radius:8px;padding:.3rem .6rem;font-weight:500;font-size:.8rem;box-shadow:inset 0 2px 4px #0000000d;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px}body.light-theme .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232563eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-control:focus,.form-select:focus{background-color:var(--input-bg);color:var(--title-color);border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow),inset 0 2px 4px #0000001a;transform:translateY(-2px);outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.form-control:hover,.form-select:hover{border-color:#3b82f680;background-color:#ffffff14;box-shadow:0 4px 12px #0000001a}body.light-theme .form-control:hover,body.light-theme .form-select:hover{background-color:#00000005}.input-group-text{background-color:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-color);border-radius:12px}body.light-theme .form-control:focus,body.light-theme .form-select:focus{background:#fff!important;box-shadow:0 4px 20px #2563eb1a}.form-range{height:1.5rem;padding:0;background:transparent}.form-range::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--range-progress, 0%),var(--glass-border) var(--range-progress, 0%),var(--glass-border) 100%);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}.form-range:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--range-progress, 0%),rgba(255,255,255,.15) var(--range-progress, 0%),rgba(255,255,255,.15) 100%)}body.light-theme .form-range:hover::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--range-progress, 0%),rgba(0,0,0,.1) var(--range-progress, 0%),rgba(0,0,0,.1) 100%)}.form-range::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:0 0 10px #3b82f64d;-webkit-transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s cubic-bezier(.34,1.56,.64,1);border:2px solid #fff;position:relative;z-index:2}.form-range:hover::-webkit-slider-thumb{transform:scale(1.2);box-shadow:0 0 15px #3b82f699}.form-range:active::-webkit-slider-thumb{transform:scale(.95)}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 6px #3b82f64d;transform:scale(1.15)}.form-range::-moz-range-track{width:100%;height:6px;cursor:pointer;background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--range-progress, 0%),var(--glass-border) var(--range-progress, 0%),var(--glass-border) 100%);border-radius:10px;-moz-transition:all .3s ease;transition:all .3s ease}.form-range:hover::-moz-range-track{background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--range-progress, 0%),rgba(255,255,255,.15) var(--range-progress, 0%),rgba(255,255,255,.15) 100%)}.form-range::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:2px solid #fff;box-shadow:0 0 10px #3b82f64d;-moz-transition:all .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.form-range:hover::-moz-range-thumb{transform:scale(1.2);box-shadow:0 0 15px #3b82f699}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 6px #3b82f64d;transform:scale(1.15)}.form-check-input{width:2.5em;height:1.25em;margin-top:.125em;vertical-align:top;background-color:#ffffff0d;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid var(--glass-border);appearance:none;color-adjust:exact;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;box-shadow:inset 0 2px 4px #0000001a}body.light-theme .form-check-input{background-color:#0000000d}.form-check-input:checked{background-color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 15px #3b82f666}.form-check-input:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 4px #3b82f626}.form-check-input:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch .form-check-input{width:2.8em;height:1.4em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.3%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-label,h4,h5,h6{color:var(--title-color)!important;font-weight:500;letter-spacing:.5px}h2{font-weight:700;background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(96,165,250,.2)}body.light-theme h2{background:linear-gradient(to right,#2563eb,#6d28d9);-webkit-background-clip:text;text-shadow:none}.theme-toggle-btn{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--title-color);border-radius:8px;padding:6px 12px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.85rem}.theme-toggle-btn:hover{background:var(--glass-border)}.btn{border-radius:8px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;text-transform:uppercase;font-size:.85rem;padding:.6rem 1.2rem}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:none}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none}.btn-outline-danger{background:transparent;color:#ef4444;border:1px solid #ef4444}.btn-outline-danger:hover{background:#ef4444;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.tp-card{background:rgba(255,255,255,.02)!important;border:1px solid var(--glass-border)!important;border-radius:12px;animation:slideIn .4s cubic-bezier(.16,1,.3,1)}body.light-theme .tp-card{background:var(--input-bg)!important}.theme-table{background-color:transparent;--bs-table-bg: transparent;--bs-table-color: var(--text-color);--bs-table-striped-bg: rgba(255, 255, 255, .02);--bs-table-striped-color: var(--text-color);--bs-table-hover-bg: rgba(255, 255, 255, .05);--bs-table-hover-color: var(--text-color)}body.light-theme .theme-table{--bs-table-striped-bg: rgba(0, 0, 0, .02);--bs-table-hover-bg: rgba(0, 0, 0, .05)}.theme-table th{background-color:var(--input-bg);color:var(--title-color);font-weight:600;border-bottom:1px solid var(--glass-border)}.theme-table td{background-color:transparent;color:var(--text-color);border-bottom:1px solid var(--glass-border);vertical-align:middle}.bg-success,.bg-danger,.bg-primary{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--glass-border)}.bg-success{background:linear-gradient(135deg,rgba(5,150,105,.8),rgba(16,185,129,.8))!important;color:#fff!important}.bg-danger{background:linear-gradient(135deg,rgba(220,38,38,.8),rgba(239,68,68,.8))!important;color:#fff!important}.theme-toggle{background:transparent;border:none;padding:0;cursor:pointer;outline:none;display:flex;align-items:center}.toggle-track{width:52px;height:28px;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:20px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:inset 0 2px 4px #0000001a}.toggle-thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 5px #0003}.toggle-thumb.is-light{transform:translate(24px);background:#f59e0b}.toggle-icon{font-size:.85rem;transition:transform .4s ease}.theme-toggle:hover .toggle-track{border-color:var(--primary-color);background:var(--glass-border)}.theme-toggle:active .toggle-thumb{transform:scale(.9)}.theme-toggle:active .toggle-thumb.is-light{transform:translate(24px) scale(.9)}.split-toggle-btn{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-color);padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.split-toggle-btn:hover{background:var(--glass-border);border-color:var(--primary-color)}.split-toggle-btn.active{background:var(--primary-color);color:#fff;box-shadow:0 0 15px #3b82f666}:root{--sidebar-width: 260px;--topbar-height: 48px;--transition-speed: .3s}.dashboard-wrapper{display:flex;height:100vh;width:100vw;overflow:hidden}.resize-overlay{position:fixed;inset:0;z-index:9999;cursor:col-resize;background:transparent}.dashboard-main{flex:1;display:flex;flex-direction:column;height:100vh;width:100%}.dashboard-topbar{height:var(--topbar-height);background-color:var(--card-bg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;z-index:1020}.topbar-left{display:flex;align-items:center}.topbar-left h5{font-size:.95rem;margin-bottom:0}.dashboard-content-scroll{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column}.main-container{flex:1;display:flex;flex-direction:column;height:100%}.dashboard-content-scroll.split-layout{display:flex;flex-direction:row;padding:0;overflow:hidden}.split-layout .main-container,.split-layout .secondary-container{height:100%;display:flex;flex-direction:column;padding:0;border:2px solid transparent;position:relative;transition:filter .4s ease,opacity .4s ease,transform .4s ease;cursor:pointer;filter:grayscale(40%) opacity(.8)}.split-resizer{width:8px;cursor:col-resize;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s ease;background:transparent;margin:0 -4px}.split-resizer:hover .resizer-bar{background:var(--primary-color);width:4px;box-shadow:0 0 10px var(--primary-color)}.resizer-bar{width:2px;height:40px;background:var(--glass-border);border-radius:10px;transition:all .2s ease}.split-layout .main-container.focused,.split-layout .secondary-container.focused{border-color:var(--primary-color);background:rgba(59,130,246,.05);z-index:5;filter:grayscale(0%) opacity(1);box-shadow:inset 0 0 20px #3b82f61a,0 0 30px #0003;transform:scale(1.005)}.split-layout .main-container.drag-over,.split-layout .secondary-container.drag-over{border-color:#10b981;background:rgba(16,185,129,.1);box-shadow:inset 0 0 30px #10b98133;transform:scale(1.01);z-index:10}.pane-header{display:flex;align-items:center;gap:10px;padding:6px 16px;background:var(--input-bg);border-bottom:1px solid var(--glass-border);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-color);opacity:.4;transition:all .3s ease;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.focused .pane-header{opacity:1;color:#fff;background:linear-gradient(to right,var(--primary-color),rgba(59,130,246,.2));border-bottom-color:var(--primary-color);box-shadow:0 2px 10px #0000001a}body.light-theme .focused .pane-header{color:#fff;background:linear-gradient(to right,var(--primary-color),rgba(37,99,235,.2))}.focus-indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-block;transition:all .3s ease}.focused .focus-indicator{background:#fff;box-shadow:0 0 10px #fff,0 0 20px var(--primary-color);animation:pulse-focus 2s infinite}@keyframes pulse-focus{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}.pane-content{flex:1;overflow-y:auto;padding:1rem}.split-layout .secondary-container{border-left:1px solid var(--glass-border)}.nav-focus-info .badge{font-size:.6rem;padding:4px 8px;letter-spacing:.5px;box-shadow:0 2px 5px #0003}.split-layout .card-container{margin-bottom:1rem}.pane-btn{background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text-color);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease}.pane-btn:hover{background:var(--glass-border);transform:translateY(-1px)}.pane-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 0 10px #3b82f64d}.dashboard-content-scroll.has-bottom-nav{padding-bottom:0}.bottom-nav-wrapper{position:fixed;bottom:20px;left:0;width:100%;display:flex;justify-content:center;z-index:1050;pointer-events:none}.bottom-nav-container{pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--glass-bg);padding:4px 8px;border-radius:40px;box-shadow:0 10px 25px #0000004d;border:1px solid var(--glass-border);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);overflow:visible;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.nav-border-wrapper{position:absolute;inset:-1px;border-radius:40px;z-index:5;pointer-events:none;opacity:0;transition:opacity .3s ease;padding:1.5px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;overflow:hidden}.nav-border-wrapper.show{opacity:1}.nav-border-active{position:absolute;top:50%;left:50%;width:150%;height:300%;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0% 15%,var(--nav-border-color, var(--primary-color)) 15% calc(15% + var(--nav-border-length, 20%)),transparent calc(15% + var(--nav-border-length, 20%)) 65%,var(--nav-border-color, var(--primary-color)) 65% calc(65% + var(--nav-border-length, 20%)),transparent calc(65% + var(--nav-border-length, 20%)) 100%);animation:rotate-border var(--nav-border-speed, 3s) linear infinite}@keyframes rotate-border{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.bottom-nav-container:hover{background:rgba(255,255,255,.1);box-shadow:0 15px 35px #0006}body.light-theme .bottom-nav-container{box-shadow:0 10px 25px #0000001a}body.light-theme .bottom-nav-container:hover{background:rgba(255,255,255,.5)}.bottom-nav-item{display:flex;align-items:center;justify-content:center;height:36px;border-radius:18px;cursor:pointer;padding:0 10px;color:var(--text-color);background:rgba(255,255,255,.05);transition:all .3s cubic-bezier(.25,1,.5,1);overflow:hidden;text-decoration:none;position:relative}body.light-theme .bottom-nav-item{background:rgba(0,0,0,.03)}.bottom-nav-item .nav-icon{font-size:1.05rem;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.bottom-nav-item .nav-text{max-width:0;opacity:0;margin-left:0;font-weight:600;font-size:.8rem;white-space:nowrap;transition:all .3s cubic-bezier(.25,1,.5,1)}.bottom-nav-item:hover{background:var(--nav-link-color, var(--primary-color))!important;color:#fff}.bottom-nav-item:hover .nav-text{max-width:120px;opacity:1;margin-left:8px}body.light-theme .bottom-nav-item:hover{background:var(--nav-link-color, var(--primary-color))!important}.bottom-nav-item.active{background:var(--nav-link-color, var(--primary-color))!important;color:#fff;width:auto;min-width:100px;padding:0 18px;box-shadow:0 5px 15px #3b82f666}.bottom-nav-item.active .nav-text{max-width:120px;opacity:1;margin-left:8px}.bg-primary{background:linear-gradient(135deg,rgba(37,99,235,.8),rgba(59,130,246,.8))!important;color:#fff!important}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:.5;cursor:pointer}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated-item{opacity:0;animation:slideUpFadeIn .5s cubic-bezier(.16,1,.3,1) forwards}.animated-item:nth-child(1){animation-delay:.05s}.animated-item:nth-child(2){animation-delay:.1s}.animated-item:nth-child(3){animation-delay:.15s}.animated-item:nth-child(4){animation-delay:.2s}.animated-item:nth-child(5){animation-delay:.25s}.animated-item:nth-child(6){animation-delay:.3s}@media (max-width: 768px){.dashboard-content-scroll{padding:.75rem!important}.card-body{padding:.5rem!important}.group-box,.card-container.p-3{padding:.75rem!important}.col-md-6{padding-left:.25rem!important;padding-right:.25rem!important}.row.g-3,.row.g-4{margin-left:-.25rem!important;margin-right:-.25rem!important}}