@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--bg-default:#121212;--bg-surface:#1e1e1e;--bg-contrast-grey:#2c2c2c;--bg-primary:#90caf9;--bg-primary-variant:#64b5f6;--text-on-surface:#fff;--text-on-surface-medium:#ffffffb3;--text-on-primary:#121212;--border-color:#ffffff1f;--sidebar-bg:#0a0a0af2;--status-error:#e57373;--status-success:#81c784;--status-warning:#ffb74d;--pico-primary:var(--bg-primary);--pico-primary-hover:var(--bg-primary-variant);--pico-background-color:var(--bg-default);--pico-color:var(--text-on-surface);--pico-border-color:var(--border-color);--pico-card-background-color:var(--bg-surface);--pico-muted-color:var(--text-on-surface-medium)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]):not([data-theme=light]),:root[data-theme=system]{--bg-default:#f5f5f5;--bg-surface:#fff;--bg-contrast-grey:#e0e0e0;--bg-primary:#1976d2;--bg-primary-variant:#1565c0;--text-on-surface:#121212;--text-on-surface-medium:#0009;--text-on-primary:#fff;--border-color:#0000001f;--sidebar-bg:#fffffff2;--status-error:#d32f2f;--status-success:#388e3c;--status-warning:#f57c00;--pico-primary:var(--bg-primary);--pico-primary-hover:var(--bg-primary-variant);--pico-background-color:var(--bg-default);--pico-color:var(--text-on-surface);--pico-border-color:var(--border-color);--pico-card-background-color:var(--bg-surface);--pico-muted-color:var(--text-on-surface-medium)}}[data-theme=light]{--bg-default:#f5f5f5;--bg-surface:#fff;--bg-contrast-grey:#e0e0e0;--bg-primary:#1976d2;--bg-primary-variant:#1565c0;--text-on-surface:#121212;--text-on-surface-medium:#0009;--text-on-primary:#fff;--border-color:#0000001f;--sidebar-bg:#fffffff2;--status-error:#d32f2f;--status-success:#388e3c;--status-warning:#f57c00;--pico-primary:var(--bg-primary);--pico-primary-hover:var(--bg-primary-variant);--pico-background-color:var(--bg-default);--pico-color:var(--text-on-surface);--pico-border-color:var(--border-color);--pico-card-background-color:var(--bg-surface);--pico-muted-color:var(--text-on-surface-medium)}[data-theme=dark]{--bg-default:#121212;--bg-surface:#1e1e1e;--bg-contrast-grey:#2c2c2c;--bg-primary:#90caf9;--bg-primary-variant:#64b5f6;--text-on-surface:#fff;--text-on-surface-medium:#ffffffb3;--text-on-primary:#121212;--border-color:#ffffff1f;--sidebar-bg:#0a0a0af2;--status-error:#e57373;--status-success:#81c784;--status-warning:#ffb74d;--pico-primary:var(--bg-primary);--pico-primary-hover:var(--bg-primary-variant);--pico-background-color:var(--bg-default);--pico-color:var(--text-on-surface);--pico-border-color:var(--border-color);--pico-card-background-color:var(--bg-surface);--pico-muted-color:var(--text-on-surface-medium)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-default);color:var(--text-on-surface);-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:24px}.layout-wrapper{min-height:100vh;display:flex}.main-content{flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.layout-wrapper.authenticated .main-content{margin-left:240px}.layout-wrapper.authenticated.collapsed .main-content{margin-left:68px}.card{background-color:var(--bg-surface);border-radius:8px;padding:24px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.card:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.btn-primary{background-color:var(--bg-primary);color:var(--text-on-primary);text-transform:uppercase;letter-spacing:1.25px;cursor:pointer;border:none;border-radius:4px;padding:12px 16px;font-weight:500;transition:all .2s;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.btn-primary:hover{background-color:var(--bg-primary-variant);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-on-surface);border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:1.25px;cursor:pointer;background-color:#0000;border-radius:4px;padding:12px 16px;font-weight:500;transition:all .2s}.btn-secondary:hover{border-color:var(--text-on-surface-medium);background-color:#ffffff0d}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.error-msg{color:#cf6679;text-align:center;margin-top:16px;font-size:14px}.divider{text-align:center;border-top:1px solid var(--border-color);margin:32px 0;position:relative}.divider span{background:var(--bg-surface);color:var(--text-on-surface-medium);padding:0 16px;font-size:12px;font-weight:500;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.win95-logo{filter:drop-shadow(1px 1px #00000080);image-rendering:pixelated;transition:transform .2s}.btn-secondary:hover .win95-logo{transform:scale(1.1)rotate(-5deg)}.has-tooltip{cursor:help;position:relative}.has-tooltip .tooltip{visibility:hidden;background-color:var(--bg-surface);width:240px;color:var(--text-on-surface);text-align:left;z-index:100;opacity:0;border:1px solid var(--border-color);pointer-events:none;border-radius:6px;margin-left:-120px;padding:12px;font-size:12px;line-height:1.4;transition:opacity .3s;position:absolute;bottom:125%;left:50%;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.has-tooltip .tooltip:after{content:"";border-style:solid;border-width:5px;border-color:var(--bg-surface) transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.has-tooltip .tooltip .tooltip-title{color:var(--bg-primary);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.has-tooltip .tooltip .tooltip-calc{color:var(--text-on-surface-medium);border-top:1px solid #ffffff1a;margin-top:8px;padding-top:8px;font-style:italic;display:block}.has-tooltip:hover .tooltip{visibility:visible;opacity:1}.toast-container{z-index:2000;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast{border-radius:4px;align-items:center;min-width:200px;max-width:400px;padding:12px 24px;font-weight:500;animation:.3s cubic-bezier(.175,.885,.32,1.275) toast-slide-in;display:flex;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.toast.success{background-color:var(--status-success);color:#121212}.toast.error{background-color:var(--status-error);color:#fff}.toast.info{background-color:var(--bg-primary);color:#fff}.toast.warning{background-color:var(--status-warning);color:#121212}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.dashboard-home .header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.dashboard-home .header h1{color:var(--bg-primary);font-size:24px;font-weight:500}.summary-metrics{flex-wrap:wrap;gap:24px;margin-bottom:32px;display:flex}.summary-metrics .metric-card{text-align:center;flex:1;min-width:200px}.summary-metrics .metric-card .label{color:var(--text-on-surface-medium);text-transform:uppercase;margin-bottom:8px;font-size:14px;display:block}.summary-metrics .metric-card .value{font-size:32px;font-weight:300}.pulse-table-container{margin-bottom:32px;overflow-x:auto}.pulse-table-container h3{margin-bottom:16px;font-weight:500}.pulse-table-container table{border-collapse:collapse;background-color:var(--bg-surface);border-radius:8px;width:100%;overflow:hidden}.pulse-table-container table th,.pulse-table-container table td{text-align:left;border-bottom:1px solid var(--border-color);padding:16px}.pulse-table-container table th{color:var(--text-on-surface-medium);text-transform:uppercase;font-size:12px}.pulse-table-container table tr:last-child td{border-bottom:none}.pulse-table-container table tbody tr:hover{background-color:#ffffff0a}.status-pill{border-radius:16px;padding:4px 12px;font-size:12px;font-weight:500}.status-pill.online{color:#81c784;background:#4caf5026}.status-pill.warning{color:#ffb74d;background:#ff980026}.chart-container{background:#ffffff05;border-radius:8px;height:200px;margin-top:16px;padding:12px;overflow:hidden}.chart-container svg{width:100%;height:100%}.chart-container svg text{font-size:10px;fill:#fff9!important}.chart-container svg line{stroke:#ffffff1a!important}.chart-container svg rect{rx:2;fill:var(--bg-primary)!important}.dashboard-content .metric-card .value-container{flex-direction:column;align-items:center;display:flex}.dashboard-content .metric-card .value-container .value{color:var(--bg-primary);font-size:48px;font-weight:300}.dashboard-content .alerts-container h3{margin-top:0;margin-bottom:16px;font-size:18px;font-weight:500}.dashboard-content .alerts-container .alert-item .status-pill.high{color:#e57373;background:#f4433626}.dashboard-content .alerts-container .alert-item .status-pill.medium{color:#ffb74d;background:#ff980026}.dashboard-content .alerts-container .alert-item .status-pill.low{color:#64b5f6;background:#2196f326}.dashboard-content .connectivity-container h3{margin-top:0;font-size:18px;font-weight:500}.dashboard-content .connectivity-container .status-pill.online{color:#81c784;background:#4caf5026}.dashboard-content .connectivity-container .status-pill.degraded{color:#ffb74d;background:#ff980026}.dashboard-content .connectivity-container .status-pill.offline{color:#e57373;background:#f4433626}.login-page-container{perspective:1200px;background-color:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.login-page-container .world{width:100%;height:100%;transform-style:preserve-3d;z-index:1;position:absolute;top:0;left:0}.login-page-container .transition-flare,.login-page-container .transition-blackout{z-index:1000;pointer-events:none;opacity:0;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.login-page-container .transition-flare{background:#fff;box-shadow:0 0 20px 10px #fff}.login-page-container .transition-blackout{background:#000;box-shadow:0 0 20px 10px #000}.login-page-container .locker-system{opacity:0;pointer-events:none;background-color:#0d47a1;justify-content:center;align-items:center;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.4,0,.2,1),opacity 1.5s ease-in-out;display:flex;position:absolute;transform:translate(100%)}.login-page-container .locker-system .locker-bank{background:#1565c0;border:10px solid #0a3a82;border-radius:8px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:10px;width:80%;height:80%;padding:20px;display:grid;box-shadow:0 0 50px #00000080}.login-page-container .locker-system .compartment{transform-style:preserve-3d;background:#1976d2;border:2px solid #0a3a82;border-radius:4px;position:relative}.login-page-container .locker-system .compartment .door{z-index:2;transform-origin:0;background:#1e88e5;border:1px solid #ffffff1a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:transform 1s;display:flex;position:absolute;top:0;left:0}.login-page-container .locker-system .compartment .door .handle{background:#bdbdbd;border-radius:2px;width:6px;height:30px;position:absolute;right:10px}.login-page-container .locker-system .compartment .door .vents{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.login-page-container .locker-system .compartment .door .vents span{background:#0003;width:40px;height:2px}.login-page-container .locker-system .compartment .door .number{color:#ffffff4d;font-family:monospace;font-weight:700}.login-page-container .locker-system .compartment .interior{z-index:1;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.login-page-container .locker-system .compartment .interior .bright-light{opacity:0;background:#fff;border-radius:50%;width:10px;height:10px;transition:all .5s;box-shadow:0 0 100px 50px #fff}.login-page-container .locker-system .brand-overlay{z-index:10;position:absolute;top:20px;left:50%;transform:translate(-50%)}.login-page-container .locker-system .brand-overlay .brand-text{color:#fff;text-transform:uppercase;letter-spacing:4px;text-shadow:2px 2px 10px #00000080;font-size:48px;font-weight:900}.login-page-container.is-locker .locker-system{opacity:1;pointer-events:auto;transform:translate(0)}.login-page-container.is-transitioning.to-locker .transition-flare{animation:3s forwards flareAnimation}.login-page-container.is-transitioning.to-locker .locker-system{opacity:1;transition:opacity 1.5s ease-in-out .5s}.login-page-container.is-transitioning.to-classic .transition-blackout{animation:3s forwards blackoutAnimation}.login-page-container.is-transitioning.to-classic .world{animation:3s cubic-bezier(.4,0,.2,1) forwards cameraZoomIn}.login-page-container.is-transitioning.to-classic .locker-system{opacity:0;transition:opacity 1.5s ease-in-out}.login-page-container.is-transitioning .compartment.active-compartment .door{transition-delay:.5s;transform:rotateY(-110deg)}.login-page-container.is-transitioning .compartment.active-compartment .bright-light{opacity:1;transition-delay:1s;transform:scale(200)}.login-page-container.is-transitioning .compartment.active-compartment .black-hole{opacity:1;background:#000;border-radius:50%;width:10px;height:10px;transition-delay:1s;transform:scale(200)}.login-page-container.is-transitioning .login-views{opacity:0;transition:opacity .5s}.login-page-container .login-content{z-index:10;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.login-page-container .login-views{flex:1;justify-content:center;align-items:center;transition:opacity 1s;display:flex}.login-page-container .card-toggle-wrapper{z-index:100;align-items:center;gap:12px;display:flex;position:absolute;top:24px;right:24px}.login-page-container .card-toggle-wrapper .toggle-label{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:500}.login-page-container .classic-view .login-card{position:relative}.login-page-container .classic-view .card-toggle-wrapper .toggle-label{color:var(--text-on-surface-medium)}.login-page-container .classic-view .card-toggle-wrapper .slider{background-color:#ffffff1a}.login-page-container .classic-view .card-toggle-wrapper input:checked+.slider{background-color:var(--bg-primary)}.login-page-container .locker-view .locker-terminal{position:relative}.login-page-container .locker-view .card-toggle-wrapper .toggle-label{color:#4af62699}.login-page-container .locker-view .card-toggle-wrapper .slider{background-color:#0000004d;border:1px solid #4af62633}.login-page-container .locker-view .card-toggle-wrapper input:checked+.slider,.login-page-container .locker-view .card-toggle-wrapper .slider:before{background-color:#4af626}.login-page-container .view{opacity:0;pointer-events:none;transition:all .8s;position:absolute;transform:translateY(20px)}.login-page-container .view.active{opacity:1;pointer-events:auto;transform:translateY(0)}.login-page-container .classic-view .login-card{background-color:var(--bg-surface);background-color:var(--bg-contrast-grey);border:1px solid #ffffff0d;border-radius:8px;width:100%;max-width:400px;padding:40px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.login-page-container .classic-view .login-card:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.login-page-container .classic-view .login-card header{text-align:center;margin-bottom:32px}.login-page-container .classic-view .login-card header h1{color:var(--bg-primary);font-size:28px}.login-page-container .classic-view .login-card header .subtitle{color:var(--text-on-surface-medium);font-size:14px}.login-page-container .classic-view .login-card .form-group{margin-bottom:24px}.login-page-container .classic-view .login-card .form-group label{color:var(--bg-primary);margin-bottom:4px;font-size:12px;display:block}.login-page-container .classic-view .login-card .form-group input{border:none;border-bottom:1px solid var(--text-on-surface-medium);color:#fff;background:0 0;width:100%;padding:8px 0;font-size:16px}.login-page-container .classic-view .login-card .form-group input:focus{border-bottom:2px solid var(--bg-primary);outline:none}.login-page-container .locker-view .locker-terminal{background:#050505;border:2px solid #4af626;width:400px;padding:40px;position:relative;overflow:hidden;box-shadow:0 0 20px #4af62633}.login-page-container .locker-view .locker-terminal .scanline{z-index:3;opacity:.1;background:linear-gradient(#0000 0%,#4af6261a 50%,#0000 100%);width:100%;height:100px;animation:10s linear infinite scanline;position:absolute;bottom:100%}.login-page-container .locker-view .locker-terminal .terminal-content header{margin-bottom:30px}.login-page-container .locker-view .locker-terminal .terminal-content header .status-dot{background:#4af626;border-radius:50%;width:10px;height:10px;margin-right:10px;display:inline-block;box-shadow:0 0 10px #4af626}.login-page-container .locker-view .locker-terminal .terminal-content header h1{color:#4af626;font-family:monospace;font-size:20px;display:inline}.login-page-container .locker-view .locker-terminal .terminal-content header .subtitle{color:#4af626;opacity:.6;margin-top:5px;font-size:10px}.login-page-container .locker-view .locker-terminal .terminal-content .form-group{margin-bottom:20px}.login-page-container .locker-view .locker-terminal .terminal-content .form-group label{color:#4af626;font-family:monospace;font-size:12px}.login-page-container .locker-view .locker-terminal .terminal-content .form-group input{color:#4af626;background:0 0;border:none;border-bottom:1px solid #4af6264d;width:100%;padding:10px 0;font-family:monospace}.login-page-container .locker-view .locker-terminal .terminal-content .form-group input:focus{border-bottom:1px solid #4af626;outline:none}.login-page-container .locker-view .locker-terminal .terminal-content .btn-terminal{color:#4af626;cursor:pointer;background:0 0;border:1px solid #4af626;width:100%;padding:12px;font-family:monospace;transition:all .3s}.login-page-container .locker-view .locker-terminal .terminal-content .btn-terminal:hover{background:#4af6261a}.login-page-container .locker-view .locker-terminal .terminal-content .btn-terminal:disabled{opacity:.5}@keyframes scanline{0%{bottom:100%}80%{bottom:100%}to{bottom:-100px}}@keyframes flareAnimation{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}25%{opacity:1;filter:blur(5px);transform:translate(-50%,-50%)scale(5)}50%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(300)}75%{opacity:1;transform:translate(-50%,-50%)scale(300)}to{opacity:0;transform:translate(-50%,-50%)scale(300)}}@keyframes blackoutAnimation{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}35%{opacity:1;transform:translate(-50%,-50%)scale(5)}50%{opacity:1;transform:translate(-50%,-50%)scale(500)}75%{opacity:1;transform:translate(-50%,-50%)scale(500)}to{opacity:0;transform:translate(-50%,-50%)scale(500)}}@keyframes cameraZoomIn{0%{transform:translateZ(0)scale(1)}to{transform:translateZ(1500px)scale(3)}}.switch{width:40px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#444;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#4af626}input:focus+.slider{box-shadow:0 0 1px #4af626}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.side-bar{background:var(--sidebar-bg);backdrop-filter:blur(12px);border-right:1px solid var(--border-color);z-index:1000;flex-direction:column;justify-content:space-between;width:240px;height:100vh;padding:1.5rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-x:hidden;box-shadow:10px 0 30px #0003}.side-bar.collapsed{width:68px}.side-bar.collapsed .brand-text,.side-bar.collapsed .link-text{opacity:0;pointer-events:none;width:0}.side-bar.collapsed .brand-link{justify-content:center;padding:0}.side-bar.collapsed .side-link,.side-bar.collapsed .settings-link,.side-bar.collapsed .logout-link{justify-content:center;width:calc(100% - 20px);margin:0 10px;padding:12px}.side-bar.collapsed .collapse-toggle{justify-content:center}.side-bar .side-bar-top,.side-bar .side-bar-bottom{flex-direction:column;width:100%;display:flex}.side-bar .side-bar-top .nav-section,.side-bar .side-bar-bottom .nav-section{margin-bottom:1.5rem}.side-bar .side-bar-top ul,.side-bar .side-bar-bottom ul{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.side-bar .side-bar-top li,.side-bar .side-bar-bottom li{width:100%;padding:0 12px}.side-bar .brand-link{align-items:center;gap:16px;margin-bottom:3rem;padding:0 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.side-bar .brand-link .brand-icon{background:linear-gradient(135deg, var(--bg-primary), #0003);background-blend-mode:multiply;width:40px;height:40px;color:var(--text-on-primary);box-shadow:0 4px 15px rgba(var(--bg-primary), .4);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:900;transition:all .3s;display:flex}.side-bar .brand-link .brand-text{color:var(--text-on-surface);letter-spacing:-.5px;white-space:nowrap;opacity:1;font-size:1.2rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.side-bar .brand-link:hover .brand-icon{box-shadow:0 6px 20px rgba(var(--bg-primary), .6);transform:scale(1.05)rotate(-5deg)}.side-bar .side-link,.side-bar .settings-link,.side-bar .logout-link{width:100%;color:var(--text-on-surface-medium);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;font-family:inherit;font-size:.95rem;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.side-bar .side-link svg,.side-bar .settings-link svg,.side-bar .logout-link svg{opacity:.6;flex-shrink:0;width:22px;height:22px;transition:all .25s}.side-bar .side-link .link-text,.side-bar .settings-link .link-text,.side-bar .logout-link .link-text{white-space:nowrap;opacity:1;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.side-bar .side-link:hover,.side-bar .settings-link:hover,.side-bar .logout-link:hover{color:var(--text-on-surface);background:rgba(var(--text-on-surface), .08)}.side-bar .side-link:hover svg,.side-bar .settings-link:hover svg,.side-bar .logout-link:hover svg{opacity:1;transform:translateY(-1px)}.side-bar .side-link.active,.side-bar .settings-link.active,.side-bar .logout-link.active{color:var(--text-on-surface);background:rgba(var(--bg-primary), .15);font-weight:600}.side-bar .side-link.active svg,.side-bar .settings-link.active svg,.side-bar .logout-link.active svg{color:var(--bg-primary);opacity:1;filter:drop-shadow(0 0 8px rgba(var(--bg-primary), .5))}.side-bar .side-link.active:after,.side-bar .settings-link.active:after,.side-bar .logout-link.active:after{content:"";background:var(--bg-primary);width:4px;height:60%;box-shadow:-2px 0 10px rgba(var(--bg-primary), .6);border-radius:4px 0 0 4px;position:absolute;top:20%;right:0}.side-bar .logout-link:hover{color:var(--status-error);background:rgba(var(--status-error), .1)}.side-bar .logout-link:hover svg{color:var(--status-error);transform:translate(4px)}.side-bar .settings-link:hover svg{transform:rotate(60deg)}.side-bar .collapse-toggle-wrapper{border-top:1px solid rgba(var(--text-on-surface), .05);margin-top:1rem;padding:1rem 12px 0}.side-bar .collapse-toggle{width:100%;color:var(--text-on-surface-medium);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:flex-end;align-items:center;padding:10px;transition:all .2s;display:flex}.side-bar .collapse-toggle:hover{background:rgba(var(--text-on-surface), .05);color:var(--text-on-surface)}.side-bar .collapse-toggle svg{width:20px;height:20px}.locker-page-container{padding-top:2rem;padding-bottom:5rem}.locker-card{background-color:var(--bg-surface);border-radius:8px;height:100%;margin-bottom:0;padding:0;transition:box-shadow .28s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.locker-card:hover{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.locker-card header{background:#ffffff08;border-bottom:1px solid #ffffff1a;padding:12px 20px}.locker-card header strong{letter-spacing:.02em;font-size:1.1em}.locker-card table{margin-bottom:0;font-size:.95rem}.locker-card table th{color:var(--pico-muted-color);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #ffffff0d;padding:12px 16px;font-size:.75rem;font-weight:600}.locker-card table td{vertical-align:middle;border-bottom:1px solid #ffffff08;padding:14px 16px}.locker-card table.striped tbody tr:nth-of-type(odd){background-color:#ffffff04}.locker-card table code{color:#90caf9;background:#2196f31a;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em}.status-pill-badge,.status-unknown,.status-error,.status-expired,.status-deposited{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.status-deposited{color:#81c784;background:#4caf5026;border:1px solid #4caf504d}.status-expired{color:#ffb74d;background:#ff980026;border:1px solid #ff98004d}.status-error{color:#e57373;background:#f4433626;border:1px solid #f443364d}.status-unknown{color:#bdbdbd;background:#9e9e9e26;border:1px solid #9e9e9e4d}@media (width<=992px){.locker-dashboard-grid{grid-template-columns:1fr!important}}