*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s var(--ease-out-cubic), border-color .3s var(--ease-out-cubic);margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;font-size:clamp(.875rem,1vw,1rem);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Poppins,sans-serif;font-weight:700;line-height:1.15}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:var(--radius-sm);border:2px solid var(--bg-main)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skip-link{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-sm);z-index:10000;box-shadow:0 8px 20px #0000004d, 0 0 0 1px var(--primary);padding:10px 20px;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:700;text-decoration:none;transition:top .2s cubic-bezier(.215,.61,.355,1);position:absolute;top:-100px;left:20px;color:#fff!important}.skip-link:focus{outline:none;top:20px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--primary)!important;outline-offset:2px!important;box-shadow:0 0 0 4px var(--primary-glow)!important}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{--space-1:4px;--space-2:8px;--space-3:10px;--space-4:14px;--space-5:16px;--space-6:20px;--space-8:24px;--space-10:32px;--space-12:40px;--space-16:48px;--space-20:64px;--text-xs:clamp(.7rem, .75vw, .8rem);--text-sm:clamp(.8rem, .85vw, .9rem);--text-base:clamp(.9rem, 1vw, 1rem);--text-lg:clamp(1.1rem, 1.25vw, 1.2rem);--text-xl:clamp(1.3rem, 1.5vw, 1.4rem);--text-2xl:clamp(1.5rem, 1.8vw, 1.6rem);--text-3xl:clamp(1.8rem, 2.2vw, 2rem);--text-4xl:clamp(2.2rem, 2.8vw, 2.4rem);--text-5xl:clamp(2.8rem, 3.6vw, 3rem);--radius-xs:4px;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--ease-out-cubic:cubic-bezier(.25, .46, .45, .94);--ease-in-out-cubic:cubic-bezier(.455, .03, .515, .955);--ease-elastic:cubic-bezier(.5, 1.2, .4, 1);--transition-fast:.15s var(--ease-out-cubic);--transition-normal:.3s var(--ease-out-cubic);--transition-slow:.5s var(--ease-out-cubic);--p-h:130;--p-s:15%;--p-l:55%;--s-h:calc(var(--p-h) + 20);--s-s:calc(var(--p-s) - 5%);--bg-main:#f9f8f6;--bg-sidebar:#ffffffe6;--bg-glass:#ffffffd9;--bg-glass-hover:#fff;--border-glass:#0000000a;--border-glass-focused:hsla(var(--p-h), var(--p-s), var(--p-l), .4);--text-primary:#303846;--text-secondary:#67707e;--text-muted:#8f97a3;--shadow-sm:0 4px 16px #00000005;--shadow-md:0 10px 30px #00000008;--shadow-lg:0 20px 40px #0000000a;--primary:hsl(var(--p-h), var(--p-s), var(--p-l));--primary-hover:hsl(var(--p-h), var(--p-s), calc(var(--p-l) - 6%));--primary-glow:hsla(var(--p-h), var(--p-s), var(--p-l), .15);--secondary:hsl(var(--s-h), var(--s-s), 45%);--success:#50955c;--success-glow:#50955c1a;--danger:#ba5e6e;--danger-glow:#ba5e6e1a;--warning:#d19847}[data-theme=dark]{--bg-main:#1c1e22;--bg-sidebar:#191a1ce6;--bg-glass:#1e2023d9;--bg-glass-hover:#26282c;--border-glass:#ffffff0d;--border-glass-focused:hsla(var(--p-h), var(--p-s), var(--p-l), .4);--text-primary:#f5f3f0;--text-secondary:#c6c1b9;--text-muted:#989081;--shadow-sm:0 4px 16px #0003;--shadow-md:0 10px 30px #0000004d;--shadow-lg:0 20px 40px #0006;--p-l:60%;--primary:hsl(var(--p-h), var(--p-s), var(--p-l));--primary-hover:hsl(var(--p-h), var(--p-s), calc(var(--p-l) - 6%));--primary-glow:hsla(var(--p-h), var(--p-s), var(--p-l), .2);--secondary:hsl(var(--s-h), var(--s-s), 55%);--success:#5eba6e;--success-glow:#5eba6e26;--danger:#d27988;--danger-glow:#d2798826;--warning:#e0a552}.app-container{min-height:100vh;display:flex;position:relative;overflow:hidden}.main-content{z-index:10;flex:1;min-width:0;margin-inline-start:0;padding-block:clamp(16px,3vw,32px);padding-inline:clamp(12px,3vw,40px);position:relative}.ambient-particles{pointer-events:none;z-index:0;position:absolute;inset:0}.dashboard-layout{grid-template-columns:1fr;gap:clamp(16px,3vw,32px);margin-block-start:var(--space-2);display:grid}.groups-grid{gap:var(--space-6);grid-template-columns:1fr;margin-block-start:var(--space-4);display:grid}.gallery-grid{gap:var(--space-6);grid-template-columns:1fr;margin-block-start:var(--space-6);display:grid}.wallpaper-selection-grid{gap:var(--space-3);margin-block:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.groups-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.wallpaper-selection-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.main-content{padding-block:var(--space-8);padding-inline:var(--space-10);margin-inline-start:290px}.dashboard-layout{gap:var(--space-8);grid-template-columns:2fr 1fr}.wallpaper-selection-grid{grid-template-columns:repeat(4,1fr)}}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal)}.glass-panel:hover{border-color:var(--border-glass-focused)}.glass-panel-hover:hover{background:var(--bg-glass-hover);box-shadow:var(--shadow-lg);border-color:hsla(var(--p-h), var(--p-s), var(--p-l), .3);transform:translateY(-2px)scale(1.005)}[data-theme=dark] .glass-panel-hover:hover{box-shadow:var(--shadow-lg), 0 16px 36px #0006;border-color:hsla(var(--p-h), var(--p-s), var(--p-l), .45)}.card-layout{padding-block:clamp(12px,2.5vw,22px);padding-inline:clamp(12px,2.5vw,22px)}.card-layout__title{margin-bottom:var(--space-5);font-size:clamp(1.1rem,1.25vw,1.2rem);font-weight:700}.header{z-index:40;align-items:stretch;gap:var(--space-4);padding-block:var(--space-4);padding-inline:var(--space-2);-webkit-backdrop-filter:blur();transition:background-color var(--transition-normal), border-color var(--transition-normal), backdrop-filter var(--transition-normal), padding-block var(--transition-normal);background:0 0;border-bottom:1px solid #0000;flex-direction:column;margin-block-end:clamp(20px,4vw,40px);display:flex;position:sticky;top:0}.header--scrolled{background:var(--bg-sidebar);border-bottom:1px solid var(--border-glass);-webkit-backdrop-filter:blur(24px);padding-block:var(--space-3)}.header-title-container{align-items:center;gap:var(--space-4);display:flex}.header-title__text{color:var(--text-primary);text-transform:capitalize;font-size:clamp(1.5rem,2.8vw,2.8rem);font-weight:800}.header-title__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-block-start:var(--space-1)}.header__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.header__action-btn{min-height:44px}.header__theme-toggle{min-width:44px;min-height:44px;padding:var(--space-3)}@media (width>=768px){.header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-direction:row}.header__actions{flex-wrap:nowrap;justify-content:flex-end;width:auto}}.hamburger-btn{cursor:pointer;z-index:60;background:0 0;border:none;outline:none;flex-direction:column;justify-content:space-between;width:44px;height:44px;padding:12px;display:flex}.hamburger-btn__line{background-color:var(--text-primary);width:100%;height:2px;transition:transform var(--transition-normal), opacity var(--transition-normal);border-radius:2px}.hamburger-btn--active .hamburger-btn__line:first-child{transform:translateY(8px)rotate(45deg)}.hamburger-btn--active .hamburger-btn__line:nth-child(2){opacity:0}.hamburger-btn--active .hamburger-btn__line:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width>=1280px){.hamburger-btn{display:none}}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(30px);border-inline-end:1px solid var(--border-glass);width:290px;padding-block:var(--space-10);padding-inline:var(--space-6);z-index:50;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;transform:translate(-100%);box-shadow:4px 0 24px #00000005}.sidebar--open{transform:translate(0)}@media (width>=1280px){.sidebar{transform:translate(0)}}.sidebar-logo{align-items:center;gap:var(--space-3);font-family:Poppins,sans-serif;font-size:var(--text-2xl);color:var(--text-primary);margin-block-end:var(--space-12);padding-inline-start:var(--space-2);font-weight:800;display:flex}.sidebar-logo svg{color:var(--primary);filter:drop-shadow(0 0 12px var(--primary-glow))}.nav-links{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.nav-item button{cursor:pointer;align-items:center;gap:var(--space-4);border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-size:var(--text-sm);text-align:left;background:0 0;border:none;outline:none;min-height:44px;padding-block:14px;padding-inline:18px;font-weight:600;transition:all .2s ease-in-out;display:flex}.nav-item button:hover{color:var(--text-primary);background:#ffffff0a;transform:translate(4px)}.nav-item.active button{color:#fff;background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 20px var(--primary-glow)}.sidebar__footer{border-block-start:1px solid var(--border-glass);margin-block-start:auto;padding-block-start:var(--space-6)}.sidebar__footer-info{margin-block-end:var(--space-4)}.sidebar__footer-title{font-weight:600;font-size:var(--text-sm)}.sidebar__footer-version{font-size:var(--text-xs);color:var(--text-muted);margin-block-start:2px}.sidebar__signout-btn{width:100%;min-height:44px}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;animation:fadeInUp .3s var(--ease-out-cubic);background:#05070d66;position:fixed;inset:0}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:clamp(16px,4vw,32px);display:flex}.login-bg{background:linear-gradient(-45deg, var(--bg-main), hsl(var(--p-h), 20%, 96%), hsl(var(--s-h), 20%, 95%));background-size:400% 400%;background-attachment:fixed;animation:25s infinite meshGradient;position:relative;overflow:hidden}[data-theme=dark] .login-bg{background:linear-gradient(-45deg, var(--bg-main), hsl(var(--p-h), 15%, 16%), hsl(var(--s-h), 15%, 15%))}.login-bg:before{content:"";background:radial-gradient(circle, hsla(var(--p-h), var(--p-s), var(--p-l), .05) 0%, transparent 60%), radial-gradient(circle, hsla(var(--s-h), var(--s-s), var(--p-l), .04) 0%, transparent 50%);pointer-events:none;width:200%;height:200%;animation:40s linear infinite rotateMesh;position:absolute;top:-50%;left:-50%}.login-card{width:100%;max-width:420px;padding-block:clamp(24px,4vw,32px);padding-inline:clamp(20px,4vw,32px);position:relative;overflow:hidden;background:var(--bg-glass)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--border-glass)!important;box-shadow:var(--shadow-lg), 0 0 60px var(--primary-glow)!important;border-radius:var(--radius-lg)!important}.login-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));z-index:10;height:5px;position:absolute;top:0;left:0;right:0}.login-card svg{filter:drop-shadow(0 0 16px hsla(var(--p-h), var(--p-s), var(--p-l), .6));margin-block-end:var(--space-2)}.login-card__header{flex-direction:column;align-items:center;margin-block-end:var(--space-6);display:flex}.login-card__title{letter-spacing:-.5px;margin-block-start:var(--space-3);font-size:clamp(1.6rem,2.2vw,1.8rem);font-weight:800}.login-card__subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin-block-start:var(--space-1)}.login-card__form{gap:var(--space-4);flex-direction:column;display:flex}.login-card__form .form-label{color:var(--text-secondary)}.login-card__form .form-input{background:var(--bg-main);border-color:var(--border-glass);color:var(--text-primary)}.login-card__form .form-input:focus{background:var(--bg-glass-hover);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 0 0 4px var(--primary-glow)}.login-card__error{color:#fca5a5;border-radius:var(--radius-sm);font-size:var(--text-xs);text-align:center;background:#ef444426;border:1px solid #ef44444d;padding-block:10px;padding-inline:14px;font-weight:600}.login-card__submit-btn{width:100%;min-height:40px;margin-block-start:var(--space-2)}.form-group--no-margin{margin-block-end:0!important}.accent-picker{margin-block:var(--space-2);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.accent-circle{background-color:var(--accent-color);cursor:pointer;border:2px solid #0000;border-radius:50%;outline:none;width:28px;height:28px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.accent-circle:hover{transform:scale(1.15)}.accent-circle.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-main), 0 0 12px var(--accent-color);transform:scale(1.1)}.custom-accent-wrapper{border:1px solid var(--border-glass);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.custom-accent-wrapper:hover{border-color:var(--text-muted);transform:scale(1.15)}.custom-accent-input{opacity:0;cursor:pointer;z-index:5;border:none;width:100%;height:100%;padding:0;position:absolute;top:0;left:0}.custom-accent-picker-icon{pointer-events:none;color:var(--text-secondary);background:var(--bg-glass-hover);z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);font-family:Poppins,sans-serif;font-weight:600;font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;outline:none;min-height:40px;padding-block:8px;padding-inline:18px;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 8px 24px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{border-color:var(--border-glass);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff14;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.btn-danger{background:linear-gradient(135deg, var(--danger), #bc1038);color:#fff;box-shadow:0 4px 14px var(--danger-glow)}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 8px 24px var(--danger-glow);transform:translateY(-2px)}.btn-icon{border-radius:var(--radius-sm);border:1px solid var(--border-glass);min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;background:#ffffff05;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff14;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.metrics-grid{gap:var(--space-6);grid-template-columns:1fr;margin-block-end:clamp(20px,4vw,40px);display:grid}@media (width>=768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}.metrics-grid--delayed{animation-delay:.1s}.metric-card{align-items:center;gap:var(--space-4);cursor:default;padding-block:clamp(16px,2.5vw,24px);padding-inline:clamp(20px,3vw,32px);transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.metric-card--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.metric-card--clickable:hover{box-shadow:var(--shadow-lg), 0 10px 20px #20c1610d;border-color:#20c16166;transform:translateY(-4px)scale(1.01)}[data-theme=dark] .metric-card--clickable:hover{box-shadow:var(--shadow-xl), 0 10px 25px #20c16126;border-color:#20c16199}.metric-card--clickable:focus-visible{box-shadow:0 0 0 1px var(--primary), 0 0 0 4px var(--primary-glow);border-color:var(--primary);outline:none}.metric-card-arrow{opacity:0;color:var(--text-muted);align-items:center;margin-inline-start:auto;transition:transform .2s,opacity .2s,color .2s;display:flex;transform:translate(-4px)}.metric-card--clickable:hover .metric-card-arrow{opacity:.8;color:var(--primary);transform:translate(0)}.metric-icon{border-radius:var(--radius-md);width:52px;height:52px;color:var(--primary);background:#20c16114;border:1px solid #20c1611f;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 2px 4px #ffffff0d}.metric-icon--success{color:var(--success);border-color:var(--success-glow)}.metric-icon--secondary{color:var(--secondary);border-color:#10b98126}.metric-icon--warning{color:var(--warning);border-color:#f59e0b26}.metric-info h3{color:var(--text-primary);font-size:clamp(1.6rem,2.2vw,2.2rem);font-weight:800;line-height:1.1}.metric-info p{color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.metric-delta{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:2px;margin-inline-start:var(--space-2);padding-block:2px;padding-inline:6px;font-weight:700;display:inline-flex}.metric-delta--up{color:var(--success);background:var(--success-glow)}.metric-delta--down{color:var(--danger);background:var(--danger-glow)}.metric-delta--neutral{color:var(--text-muted);background:#94a3b814}.form-group{gap:var(--space-2);flex-direction:column;margin-block-end:var(--space-5);display:flex;position:relative}.form-label{font-family:Poppins,sans-serif;font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700;transition:all .2s ease-in-out}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-glass);width:100%;color:var(--text-primary);font-size:var(--text-sm);background:#0000000d;outline:none;min-height:40px;padding-block:8px;padding-inline:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,background-color .15s ease-in-out}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary), 0 0 0 4px var(--primary-glow);background:#20c16105}[data-theme=dark] .form-input{background:#00000040}[data-theme=dark] .form-input:focus{background:#20c1610f}.form-input.input-error{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger), 0 0 0 4px var(--danger-glow)}.form-input.input-success{border-color:var(--success);box-shadow:0 0 0 1px var(--success), 0 0 0 4px var(--success-glow)}.form-input-wrapper{position:relative}.form-input-wrapper.input-success:after{content:"✓";color:var(--success);font-weight:700;font-size:var(--text-base);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-inline-end:var(--space-10)}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-glass);max-height:600px;overflow:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{font-family:Poppins,sans-serif;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-block-end:1px solid var(--border-glass);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;cursor:pointer;-webkit-user-select:none;user-select:none;padding-block:10px;padding-inline:16px;font-weight:700;transition:background-color .2s ease-in-out,color .2s ease-in-out;position:sticky;top:0}.data-table th:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.data-table th .sort-indicator{opacity:.5;margin-inline-start:4px;font-size:.7em;display:inline-block}.data-table th .sort-indicator--active{opacity:1;color:var(--primary)}.data-table td{font-size:var(--text-sm);color:var(--text-primary);border-block-end:1px solid var(--border-glass);vertical-align:middle;padding-block:10px;padding-inline:16px}.data-table tr:last-child td{border-block-end:none}.data-table tbody tr:nth-child(2n){background:#20c16104}[data-theme=dark] .data-table tbody tr:nth-child(2n){background:#ffffff04}.data-table tr:hover td{background:#20c16108}[data-theme=dark] .data-table tr:hover td{background:#ffffff08}.pc-name-cell{font-weight:700}.pc-username-tag{color:var(--text-muted);font-size:var(--text-xs);font-weight:500}.sync-wallpaper-name{font-size:var(--text-sm);font-weight:500}.no-wallpaper-label{color:var(--text-muted);font-size:var(--text-sm)}.time-cell{font-size:var(--text-xs);color:var(--text-secondary)}.empty-table-cell{text-align:center;color:var(--text-muted);padding-block:var(--space-12)}.status-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-family:Poppins,sans-serif;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.02em;min-height:28px;padding-block:6px;padding-inline:12px;font-weight:700;display:inline-flex}.status-online{color:var(--success);background:#10b98114;border:1px solid #10b98126}.status-online .dot{background:var(--success);border-radius:50%;width:6px;height:6px}.status-offline{color:var(--text-secondary);background:#94a3b814;border:1px solid #94a3b826}.status-offline .dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.shortcuts-container{gap:var(--space-4);flex-direction:column;display:flex}.instructions-box{padding-block:var(--space-4);padding-inline:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#20c16108}.instructions-title{font-size:var(--text-xs);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.instructions-text{font-size:var(--text-sm);color:var(--text-secondary);margin-block-start:var(--space-2);line-height:1.5}.shortcuts-actions{gap:var(--space-3);grid-template-columns:1fr;margin-block-start:var(--space-1);display:grid}@media (width>=768px){.shortcuts-actions{grid-template-columns:1fr 1fr}}.groups-tab{margin-block-start:var(--space-2)}.tab-header-actions{justify-content:flex-end;margin-block-end:var(--space-6);display:flex}.group-card{padding-block:var(--space-6);padding-inline:var(--space-6);flex-direction:column;min-height:290px;display:flex}.group-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);margin-block-end:var(--space-4);display:flex}.group-card__description{font-size:var(--text-xs);color:var(--text-secondary);margin-block-start:2px}.group-wallpaper-preview{aspect-ratio:21/9;border-radius:var(--radius-sm);border:1px solid var(--border-glass);width:100%;margin-block:var(--space-4);background:#00000026;justify-content:center;align-items:center;display:flex;overflow:hidden}.group-wallpaper-preview img{object-fit:cover;width:100%;height:100%}.group-wallpaper-empty{color:var(--text-muted);font-size:var(--text-xs);align-items:center;gap:var(--space-2);flex-direction:column;font-family:Poppins,sans-serif;font-weight:600;display:flex}.group-card__device-count{font-size:var(--text-xs);color:var(--text-secondary);margin-block-end:var(--space-4);font-weight:600}.group-card__device-count span{color:var(--primary);font-weight:800}.group-card-actions{align-items:center;gap:var(--space-3);border-block-start:1px solid var(--border-glass);margin-block-start:auto;padding-block-start:var(--space-4);display:flex}.group-card__assign-btn,.group-card__sync-btn{flex:1}.device-group-select{width:180px;font-size:var(--text-xs);min-height:36px;padding-block:8px;padding-inline:12px;font-weight:600}.device-wallpaper-cell{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.actions-cell{text-align:right}.upload-form-grid{gap:var(--space-4);grid-template-columns:1fr;align-items:end;margin-block-end:var(--space-6);display:grid}@media (width>=768px){.upload-form-grid{gap:var(--space-6);grid-template-columns:1fr auto}}.upload-form-group{margin-block-end:0}.upload-browse-btn{width:100%;min-height:44px;padding-block:14px;padding-inline:28px}@media (width>=768px){.upload-browse-btn{width:auto}}.hidden-file-input{display:none}.upload-dropzone{border:2px dashed var(--border-glass);border-radius:var(--radius-md);padding-block:clamp(32px,6vw,48px);padding-inline:var(--space-6);text-align:center;cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:var(--space-3);background:#20c16103;flex-direction:column;margin-block-end:var(--space-8);display:flex}.upload-dropzone:hover,.upload-dropzone.drag-active{border-color:var(--primary);background:#20c16108}.upload-dropzone svg{color:var(--text-muted);transition:all var(--transition-normal)}.upload-dropzone:hover svg{color:var(--primary);transform:translateY(-6px)}.upload-dropzone p{color:var(--text-secondary);font-size:var(--text-sm)}.upload-dropzone p span{color:var(--primary);font-weight:700}.upload-dropzone__details{font-size:var(--text-xs)!important;color:var(--text-muted)!important}.wallpaper-card{flex-direction:column;display:flex;position:relative;overflow:hidden}.wallpaper-preview{aspect-ratio:16/10;border-block-end:1px solid var(--border-glass);background:#00000026;width:100%;position:relative;overflow:hidden}.wallpaper-preview img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.wallpaper-card:hover .wallpaper-preview img{transform:scale(1.06)}.wallpaper-card-details{padding-block:var(--space-5);padding-inline:var(--space-5)}.wallpaper-card-details h4{font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-block-end:var(--space-1);font-weight:700;overflow:hidden}.wallpaper-card-details p{font-size:var(--text-xs);color:var(--text-secondary);margin-block-end:var(--space-4)}.wallpaper-card-actions{gap:var(--space-2);display:flex}.wallpaper-delete-btn{padding-block:var(--space-2);padding-inline:var(--space-4);font-size:var(--text-xs);width:100%}.empty-gallery-msg{text-align:center;padding-block:var(--space-16);color:var(--text-muted);grid-column:1/-1}.modal-overlay{z-index:100;padding-block:var(--space-4);padding-inline:var(--space-4);background:#080c18b3;justify-content:center;align-items:center;animation:.25s cubic-bezier(.215,.61,.355,1) forwards modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:500px;max-height:90vh;padding-block:var(--space-6);padding-inline:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--border-glass-focused);animation:.32s cubic-bezier(.34,1.56,.64,1) forwards modalScaleUp;position:relative;overflow-y:auto}[data-theme=light] .modal-content{background:#fffffffa;box-shadow:0 24px 50px #0000001f,0 0 0 1px #00000005}[data-theme=dark] .modal-content{background:#141b31f2;box-shadow:0 24px 64px #000000a6,0 0 0 1px #ffffff0d}.modal-content:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:var(--radius-md) var(--radius-md) 0 0;z-index:10;height:4px;position:absolute;top:0;left:0;right:0}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(16px)}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-block-end:var(--space-5);display:flex;position:relative}.modal-header h2{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.modal-close{border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#0000000a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;line-height:1;transition:all .15s;display:flex}[data-theme=dark] .modal-close{background:#ffffff0a}.modal-close:hover{color:var(--danger);background:#ef44441a;border-color:#ef444433;transform:rotate(90deg)}.modal-actions{gap:var(--space-3);justify-content:flex-end;margin-block-start:var(--space-5);display:flex}.wallpaper-thumbnail{cursor:pointer;aspect-ratio:16/10;border-radius:var(--radius-xs);border:1px solid var(--border-glass);opacity:.6;transition:all .2s ease-in-out;overflow:hidden}.wallpaper-thumbnail:hover{opacity:.85;transform:scale(1.03)}.wallpaper-thumbnail--active{border:2px solid var(--primary);opacity:1}.wallpaper-thumbnail__img{object-fit:cover;width:100%;height:100%}.toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-2);z-index:999;pointer-events:none;flex-direction:column;max-width:calc(100vw - 32px);display:flex;position:fixed}.toast{padding-block:var(--space-4);padding-inline:var(--space-5);border-radius:var(--radius-sm);background:var(--bg-sidebar);border:1px solid var(--border-glass);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--text-sm);pointer-events:auto;flex-direction:column;font-weight:600;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards toastSpring;display:flex;position:relative;overflow:hidden}@keyframes toastSpring{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.toast__content{margin-block-end:var(--space-1)}.toast__progress{background:var(--primary);transform-origin:0;width:100%;height:3px;animation:4s linear forwards toastProgress;position:absolute;bottom:0;left:0}.toast-success{border-left:4px solid var(--success)}.toast-success .toast__progress{background:var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-error .toast__progress{background:var(--danger)}.toast-info{border-left:4px solid var(--primary)}.toast-info .toast__progress{background:var(--primary)}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.hidden{display:none!important}.skeleton-row{gap:var(--space-4);padding-block:var(--space-4);padding-inline:var(--space-5);display:flex}.skeleton-cell{border-radius:var(--radius-xs);background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%) 0 0/200% 100%;height:18px;animation:1.5s ease-in-out infinite skeletonShimmer}[data-theme=dark] .skeleton-cell{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%}.skeleton-cell--wide{flex:3}.skeleton-cell--medium{flex:2}.skeleton-cell--narrow{flex:1}.count-up-value{min-width:1ch;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .5s var(--ease-out-cubic) forwards}.stagger-item{opacity:0;animation:fadeInUp .4s var(--ease-out-cubic) forwards;animation-delay:calc(var(--stagger-index,0) * 50ms);transform:translateY(16px)}.tab-transition-wrapper{animation:.45s cubic-bezier(.16,1,.3,1) forwards tabTransition}@keyframes tabTransition{0%{opacity:0;filter:blur(3px);transform:translateY(16px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--pulse-color);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 10px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.pulse-success{--pulse-color:var(--success-glow);animation:2.2s infinite pulse}@keyframes rotateSpinner{0%{stroke-dashoffset:0;transform:rotate(0)}50%{stroke-dashoffset:40px}to{stroke-dashoffset:0;transform:rotate(360deg)}}.animate-spin{animation:1s cubic-bezier(.4,0,.2,1) infinite rotateSpinner}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-text{background:linear-gradient(90deg, var(--primary), var(--secondary), var(--primary));-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:6s linear infinite shimmer}#ambient-particles{z-index:-1;pointer-events:none;position:absolute;inset:0}@keyframes meshGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes rotateMesh{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake-error{animation:.4s ease-in-out shake}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width>=768px){.header__action-btn{flex:initial;min-width:auto}}@media (width<=767px){.header__action-btn{flex:1;min-width:120px}.device-group-select{width:100%}}.setup-page{flex-direction:column;gap:clamp(20px,3vw,32px);margin-block-start:var(--space-2);display:flex}.setup-hero-card{padding-block:var(--space-8);padding-inline:var(--space-8);background:linear-gradient(135deg,#20c16108 0%,#10b98103 100%);border:1px solid #20c16126;position:relative}.setup-hero-badge{margin-block-end:var(--space-4)}.setup-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding-block:4px;padding-inline:10px;font-size:11px;font-weight:700;display:inline-flex}.setup-badge--recommended{color:var(--primary);background:linear-gradient(135deg,#20c16126,#10b9811a);border:1px solid #20c16140}.setup-badge--enterprise{color:#5e5eed;background:linear-gradient(135deg,#6366f126,#4f46e51a);border:1px solid #6366f140}.setup-badge--manual{color:#f59f0a;background:linear-gradient(135deg,#f59e0b26,#d977061a);border:1px solid #f59e0b40}.setup-badge--alt{color:#0da2e7;background:linear-gradient(135deg,#0ea5e926,#06b6d41a);border:1px solid #0ea5e940}.setup-title--hero{align-items:center;gap:var(--space-3);font-size:clamp(1.25rem,2vw,1.5rem);display:flex}.setup-title--hero svg{color:var(--primary);flex-shrink:0}.setup-card{padding-block:var(--space-6);padding-inline:var(--space-6)}.setup-title{color:var(--text-primary);align-items:center;gap:var(--space-2);margin-block-end:var(--space-3);font-size:clamp(1.1rem,1.25vw,1.2rem);font-weight:700;display:flex}.setup-title svg{color:var(--primary);flex-shrink:0}.setup-description{font-size:var(--text-sm);color:var(--text-secondary);margin-block-end:var(--space-5);line-height:1.6}.setup-description code{border-radius:var(--radius-xs);background:#0000000d;padding-block:2px;padding-inline:6px;font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:.85em;font-weight:600}[data-theme=dark] .setup-description code{background:#ffffff14}.setup-hero-details{gap:var(--space-2);grid-template-columns:1fr;margin-block-start:var(--space-5);display:grid}@media (width>=640px){.setup-hero-details{grid-template-columns:1fr 1fr}}.setup-hero-detail{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.setup-hero-detail svg{color:var(--primary);flex-shrink:0}.terminal-box{border-radius:var(--radius-md);background:#0f1219;border:1px solid #252a37;margin-block-end:var(--space-5);overflow:hidden;box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff08}[data-theme=light] .terminal-box{background:#eaebf1;border-color:#d3d6de;box-shadow:0 2px 12px #0000000f,inset 0 1px #ffffff80}.terminal-box__header{background:#ffffff08;border-block-end:1px solid #ffffff0f;align-items:center;gap:6px;padding-block:10px;padding-inline:14px;display:flex}[data-theme=light] .terminal-box__header{background:#00000008;border-block-end:1px solid #0000000f}.terminal-dot{border-radius:var(--radius-full);width:10px;height:10px}.terminal-dot--red{background:#e83030}.terminal-dot--yellow{background:#f4c025}.terminal-dot--green{background:#3c3}.terminal-box__label{color:#ffffff59;margin-inline-start:var(--space-2);font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:11px;font-weight:500}[data-theme=light] .terminal-box__label{color:#00000059}.terminal-box__body{padding-block:var(--space-4);padding-inline:var(--space-5);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.terminal-prompt{font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:var(--text-sm);color:#fff6;flex-shrink:0;font-weight:600}[data-theme=light] .terminal-prompt{color:#00000059}.terminal-code{font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:var(--text-sm);color:var(--primary);word-break:break-all;flex:1;font-weight:600;line-height:1.5}[data-theme=light] .terminal-code{color:#0f8a40}.terminal-copy-btn{flex-shrink:0}.setup-section-header{margin-block-start:var(--space-4)}.setup-section-title{color:var(--text-primary);align-items:center;gap:var(--space-2);margin-block-end:var(--space-2);font-size:clamp(1.15rem,1.5vw,1.3rem);font-weight:700;display:flex}.setup-section-title svg{color:var(--primary);flex-shrink:0}.setup-section-subtitle{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.deploy-methods-grid{grid-template-columns:1fr;gap:clamp(16px,2vw,24px);display:grid}@media (width>=768px){.deploy-methods-grid{grid-template-columns:1fr 1fr}}.deploy-card{padding-block:var(--space-6);padding-inline:var(--space-6);flex-direction:column;display:flex;position:relative;overflow:hidden}.deploy-card__header{justify-content:space-between;align-items:flex-start;margin-block-end:var(--space-4);display:flex}.deploy-card__icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.deploy-card__icon--primary{color:var(--primary);background:linear-gradient(135deg,#20c16126,#10b98114);border:1px solid #20c16133}.deploy-card__icon--enterprise{color:#5e5eed;background:linear-gradient(135deg,#6366f126,#4f46e514);border:1px solid #6366f133}.deploy-card__icon--manual{color:#f59f0a;background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid #f59e0b33}.deploy-card__icon--python{color:#0da2e7;background:linear-gradient(135deg,#0ea5e926,#06b6d414);border:1px solid #0ea5e933}.deploy-card__badges{gap:var(--space-2);display:flex}.deploy-card__title{font-size:var(--text-lg);color:var(--text-primary);margin-block-end:var(--space-1);font-weight:800}.deploy-card__subtitle{font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:var(--text-xs);color:var(--text-muted);margin-block-end:var(--space-3);font-weight:600}.deploy-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin-block-end:var(--space-5);line-height:1.55}.deploy-card__desc code{border-radius:var(--radius-xs);background:#0000000d;padding-block:1px;padding-inline:5px;font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:.85em;font-weight:600}[data-theme=dark] .deploy-card__desc code{background:#ffffff14}.deploy-card__features{margin-block-end:var(--space-5)}.deploy-card__features-title{font-size:var(--text-xs);color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;margin-block-end:var(--space-3);font-weight:700}.deploy-card__features-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.deploy-card__features-list li{align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;display:flex}.deploy-card__features-list li svg{color:var(--primary);flex-shrink:0;margin-block-start:1px}.deploy-card__features-list li code{border-radius:var(--radius-xs);background:#0000000d;padding-block:1px;padding-inline:4px;font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:.9em}[data-theme=dark] .deploy-card__features-list li code{background:#ffffff14}.deploy-card__requirements{margin-block-end:var(--space-5)}.deploy-card__requirements-title{font-size:var(--text-xs);color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;margin-block-end:var(--space-2);font-weight:700}.deploy-card__req-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.req-tag{border-radius:var(--radius-xs);color:var(--text-secondary);border:1px solid var(--border-glass);background:#0000000a;padding-block:3px;padding-inline:8px;font-size:11px;font-weight:600;display:inline-block}[data-theme=dark] .req-tag{background:#ffffff0a}.deploy-card__actions{gap:var(--space-2);border-block-start:1px solid var(--border-glass);flex-direction:column;margin-block-start:auto;padding-block-start:var(--space-4);display:flex}.deploy-card__download-btn,.deploy-card__copy-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;display:flex}.setup-bottom-grid{grid-template-columns:1fr;gap:clamp(16px,3vw,32px);display:grid}@media (width>=1280px){.setup-bottom-grid{gap:var(--space-8);grid-template-columns:1fr 1fr}}.arch-flow{justify-content:center;align-items:center;gap:var(--space-3);margin-block:var(--space-6);flex-wrap:wrap;display:flex}.arch-flow__step{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;flex:1;min-width:100px;display:flex}.arch-flow__icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--primary);background:linear-gradient(135deg,#20c1611f,#10b9810f);border:1px solid #20c16133;justify-content:center;align-items:center;display:flex}.arch-flow__icon--server{color:#5e5eed;background:linear-gradient(135deg,#6366f11f,#4f46e50f);border-color:#6366f133}.arch-flow__icon--wallpaper{color:#f59f0a;background:linear-gradient(135deg,#f59e0b1f,#d977060f);border-color:#f59e0b33}.arch-flow__title{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.arch-flow__desc{font-size:var(--text-xs);color:var(--text-secondary);max-width:180px;line-height:1.4}.arch-flow__connector{color:var(--text-muted);flex-shrink:0}@media (width<=640px){.arch-flow{flex-direction:column}.arch-flow__connector{transform:rotate(90deg)}}.arch-info-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=640px){.arch-info-grid{grid-template-columns:1fr 1fr}}.arch-info-item{padding-block:var(--space-4);padding-inline:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#00000005}[data-theme=dark] .arch-info-item{background:#ffffff05}.arch-info-item__title{font-size:var(--text-sm);color:var(--text-primary);margin-block-end:var(--space-1);font-weight:700}.arch-info-item__desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.arch-info-item__desc code{border-radius:var(--radius-xs);background:#0000000d;padding-block:1px;padding-inline:4px;font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:.9em}[data-theme=dark] .arch-info-item__desc code{background:#ffffff14}.steps-list{gap:var(--space-4);flex-direction:column;list-style:none;display:flex}.step-item{gap:var(--space-4);align-items:flex-start;display:flex}.step-number{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:28px;height:28px;font-family:Poppins,sans-serif;font-size:var(--text-xs);box-shadow:0 2px 8px var(--primary-glow);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step-content{flex:1}.step-title{font-size:var(--text-sm);color:var(--text-primary);margin-block-end:var(--space-1);font-weight:700}.step-desc{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5}.step-desc code{border-radius:var(--radius-xs);font-family:Fira Code,Cascadia Code,Consolas,Monaco,monospace;font-size:var(--text-xs);background:#0000000d;padding-block:2px;padding-inline:4px}[data-theme=dark] .step-desc code{background:#ffffff14}.settings-layout{grid-template-columns:1fr;gap:clamp(16px,3vw,32px);margin-block-start:var(--space-2);display:grid}@media (width>=1280px){.settings-layout{gap:var(--space-8);grid-template-columns:1.1fr .9fr}}.settings-card{padding-block:var(--space-6);padding-inline:var(--space-6);margin-block-end:var(--space-6)}.settings-description{font-size:var(--text-sm);color:var(--text-secondary);margin-block-end:var(--space-6)}.form-group-description{font-size:var(--text-xs);color:var(--text-muted);margin-block-start:var(--space-1)}.settings-submit-btn{align-self:flex-start;width:auto;margin-block-start:var(--space-4)}.branding-container{align-items:center;gap:var(--space-5);padding-block:var(--space-6);flex-direction:column;display:flex}.logo-preview-box{border-radius:var(--radius-md);background:var(--bg-main);border:1px solid var(--border-glass);width:120px;height:120px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex;overflow:hidden}.logo-preview-box svg{color:var(--primary);width:60%;height:60%}.logo-preview-box img{object-fit:contain;width:100%;height:100%}.branding-actions{gap:var(--space-3);flex-direction:column;width:100%;max-width:280px;display:flex}.branding-upload-btn,.branding-reset-btn{width:100%}.app-logo-custom{object-fit:contain;border-radius:var(--radius-xs);width:40px;height:40px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.glass-panel-hover:hover,.metric-card:hover,.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover,.btn-icon:hover,.nav-item button:hover,.wallpaper-thumbnail:hover,.wallpaper-card:hover .wallpaper-preview img,.upload-dropzone:hover svg{transform:none}.login-bg{background-attachment:scroll}.shake-error{animation:none}}.pc-details-modal{max-width:600px!important}.pc-details-grid{gap:var(--space-4);grid-template-columns:1fr;margin-block-start:var(--space-6);margin-block-end:var(--space-2);display:grid}@media (width>=576px){.pc-details-grid{grid-template-columns:1fr 1fr}}.pc-detail-item{border:1px solid var(--border-glass);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:#ffffff05;flex-direction:column;padding:12px;display:flex}[data-theme=light] .pc-detail-item{background:#00000003}.pc-detail-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-weight:700}.pc-detail-value{font-size:var(--text-sm);color:var(--text-primary);word-break:break-all;font-weight:600}.code-text{font-family:Courier New,Courier,monospace}.btn-link-spec{color:var(--primary);cursor:pointer;text-align:left;transition:color var(--transition-fast);background:0 0;border:none;padding:0;font-weight:700}.btn-link-spec:hover{color:var(--success);text-decoration:underline}.search-input-wrapper{min-width:260px;position:relative}.search-input{border-radius:var(--radius-sm);background:#00000008;padding-inline-start:16px}[data-theme=dark] .search-input{background:#00000040}.devices-tab-header{gap:var(--space-4);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-glass);padding-bottom:var(--space-4);flex-direction:column;display:flex}.devices-filters{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.filter-select-wrapper{min-width:160px}.filter-select{cursor:pointer}@media (width>=768px){.devices-tab-header{flex-direction:row;justify-content:space-between;align-items:center}}.library-header-actions{gap:var(--space-4);margin-top:var(--space-8);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-glass);padding-bottom:var(--space-4);flex-direction:column;display:flex}@media (width>=768px){.library-header-actions{flex-direction:row;justify-content:space-between;align-items:center}}.tab-header-actions{gap:var(--space-3);flex-direction:column;align-items:stretch;display:flex}@media (width>=576px){.tab-header-actions{flex-direction:row;justify-content:flex-end;align-items:center}}.devices-tab-container{gap:var(--space-6);flex-direction:column;display:flex}.devices-stats-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.dev-stat-card{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);display:flex}.dev-stat-card__icon{border-radius:var(--radius-sm);width:48px;height:48px;color:var(--primary);background:linear-gradient(135deg,#20c1611f,#10b9810f);border:1px solid #20c16126;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dev-stat-card__icon--os{color:#5e5eed;background:linear-gradient(135deg,#6366f11f,#4f46e50f);border-color:#6366f126}.dev-stat-card__icon--ram{color:#f59f0a;background:linear-gradient(135deg,#f59e0b1f,#d977060f);border-color:#f59e0b26}.dev-stat-card__data{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.dev-stat-card__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.dev-stat-card__value{font-size:var(--text-base);color:var(--text-primary);font-weight:800}.dev-stat-card__progress-track{border-radius:var(--radius-full);background:#0000000d;width:100%;height:6px;margin-top:4px;overflow:hidden}[data-theme=dark] .dev-stat-card__progress-track{background:#ffffff0d}.dev-stat-card__progress-bar{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal) ease}.dev-stat-card__os-badges{gap:var(--space-2);flex-wrap:wrap;margin-top:4px;display:flex}.os-badge,.ram-badge{border-radius:var(--radius-xs);color:#5a5af2;background:#6366f114;border:1px solid #6366f11f;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.ram-badge{color:#f59f0a;background:#f59e0b14;border-color:#f59e0b1f}.view-toggle-group{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#00000008;padding:3px;display:flex}[data-theme=dark] .view-toggle-group{background:#ffffff08}.view-toggle-btn{border-radius:var(--radius-xs);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-toggle-btn:hover{color:var(--text-primary);background:#00000008}[data-theme=dark] .view-toggle-btn:hover{background:#ffffff08}.view-toggle-btn.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff}[data-theme=dark] .view-toggle-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:0 2px 8px #0000004d}.table-os-badge{border-radius:var(--radius-xs);color:var(--text-secondary);background:#0000000d;margin-inline-start:var(--space-2);padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}[data-theme=dark] .table-os-badge{background:#ffffff14}.terminals-grid{margin-top:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(16px,2vw,24px);display:grid}.terminal-card{padding:var(--space-5);gap:var(--space-4);border-top:3px solid var(--border-glass);transition:all var(--transition-normal) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.terminal-card--online{border-top-color:var(--success)}.terminal-card--offline{border-top-color:var(--text-muted);opacity:.85}.terminal-card__header{align-items:center;gap:var(--space-3);display:flex}.terminal-card__icon{border-radius:var(--radius-xs);width:40px;height:40px;color:var(--text-secondary);border:1px solid var(--border-glass);background:#00000008;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=dark] .terminal-card__icon{background:#ffffff08}.terminal-card--online .terminal-card__icon{color:var(--success);background:#20c16114;border-color:#20c16126}.terminal-card__icon svg{width:22px;height:22px}.terminal-card__title-area{flex-direction:column;flex:1;min-width:0;display:flex}.terminal-card__hostname{font-size:var(--text-base);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.terminal-card__user{font-size:var(--text-xs);color:var(--text-muted)}.terminal-card__specs-strip{flex-wrap:wrap;gap:6px;display:flex}.spec-strip-badge{border-radius:var(--radius-xs);color:var(--text-secondary);border:1px solid var(--border-glass);text-overflow:ellipsis;white-space:nowrap;background:#00000005;max-width:140px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block;overflow:hidden}[data-theme=dark] .spec-strip-badge{background:#ffffff05}.terminal-card__wallpaper-preview{border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);background:#00000005;flex-direction:column;display:flex}[data-theme=dark] .terminal-card__wallpaper-preview{background:#00000026}.terminal-card__wp-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:10px;font-weight:800}.terminal-card__wp-container{align-items:center;gap:var(--space-3);display:flex}.terminal-card__wp-img{border-radius:var(--radius-xs);object-fit:cover;border:1px solid var(--border-glass);width:56px;height:38px}.terminal-card__wp-meta{flex-direction:column;min-width:0;display:flex}.terminal-card__wp-name{font-size:var(--text-xs);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.terminal-card__wp-date{color:var(--text-muted);font-size:10px}.terminal-card__wp-empty{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-xs);padding:var(--space-2) 0;display:flex}.terminal-card__wp-empty svg{opacity:.5}.terminal-card__group-assign{flex-direction:column;gap:6px;display:flex}.terminal-card__label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:10px;font-weight:800}.terminal-card__actions{gap:var(--space-2);border-top:1px solid var(--border-glass);padding-top:var(--space-3);margin-top:auto;display:flex}.terminal-card__actions .btn{flex:1}.terminal-card-skeleton{border-radius:var(--radius-md);background:linear-gradient(110deg,#ffffff08 30%,#ffffff14 50%,#ffffff08 70%) 0 0/200% 100%;height:290px;animation:1.5s infinite shimmer}[data-theme=light] .terminal-card-skeleton{background:linear-gradient(110deg,#00000003 30%,#0000000a 50%,#00000003 70%) 0 0/200% 100%}.pc-detail-progress-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.pc-detail-progress-track{border-radius:var(--radius-full);background:#0000000d;width:100%;height:6px;overflow:hidden}[data-theme=dark] .pc-detail-progress-track{background:#ffffff0f}.pc-detail-progress-bar{background:var(--primary);border-radius:var(--radius-full);height:100%}.pc-detail-progress-label{color:var(--text-muted);font-size:10px;font-weight:600}.pc-detail-wp-preview{align-items:center;gap:var(--space-4);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:var(--space-3);background:#00000005;margin-top:4px;display:flex}[data-theme=dark] .pc-detail-wp-preview{background:#0000001a}.pc-detail-wp-preview img{object-fit:cover;border-radius:var(--radius-xs);border:1px solid var(--border-glass);width:90px;height:60px}.pc-detail-wp-info{flex-direction:column;gap:2px;display:flex}.pc-detail-wp-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.pc-detail-wp-meta{font-size:var(--text-xs);color:var(--text-muted)}.pc-detail-wp-preview-empty{padding:var(--space-3);text-align:center;border:1px dashed var(--border-glass);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);margin-top:4px}.metric-sparkline-wrapper{opacity:.85;transition:opacity .2s}.metric-card:hover .metric-sparkline-wrapper{opacity:1}.donut-chart-container{justify-content:space-around;align-items:center;gap:var(--space-4);padding-block:var(--space-2);min-height:160px;display:flex}.donut-chart-svg-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.donut-center-val{font-family:Poppins,sans-serif;transition:all .15s}.donut-center-lbl{text-transform:uppercase;transition:all .15s}.donut-legend{gap:var(--space-2);flex-direction:column;flex:1;max-width:180px;display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-xs);padding:4px 8px;transition:background .15s,color .15s;display:flex}.legend-item:hover,.legend-item.active{color:var(--text-primary);background:#ffffff0a}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-label{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.legend-value{margin-inline-start:auto;font-family:monospace;font-weight:600}.donut-empty{justify-content:center;align-items:center;gap:var(--space-2);height:160px;color:var(--text-muted);font-size:var(--text-sm);flex-direction:column;width:100%;display:flex}.bar-chart-container{height:160px;flex-direction:column;justify-content:flex-end;padding-block-start:var(--space-4);display:flex}.bar-chart-grid{gap:var(--space-4);border-bottom:1px solid var(--border-glass);grid-template-columns:repeat(3,1fr);align-items:flex-end;height:100%;padding-bottom:4px;display:grid}.bar-column-wrapper{align-items:center;gap:var(--space-2);flex-direction:column;justify-content:flex-end;height:100%;display:flex}.bar-track{border-radius:var(--radius-xs) var(--radius-xs) 0 0;cursor:pointer;background:#ffffff05;align-items:flex-end;width:24px;height:100%;display:flex;position:relative}.bar-fill{border-radius:var(--radius-xs) var(--radius-xs) 0 0;width:100%;transition:height .5s var(--ease-out-cubic), box-shadow .2s ease;position:relative}.bar-label{color:var(--text-muted);text-align:center;white-space:nowrap;font-size:10px;font-weight:600}.bar-tooltip{background:var(--bg-glass-hover);border:1px solid var(--border-glass-focused);box-shadow:var(--shadow-sm);border-radius:var(--radius-xs);pointer-events:none;z-index:10;white-space:nowrap;animation:tooltipFadeIn .15s var(--ease-out-cubic);flex-direction:column;align-items:center;gap:2px;padding:4px 8px;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.bar-tooltip-title{color:var(--text-secondary);font-size:9px;font-weight:600}.bar-tooltip-value{color:var(--text-primary);font-size:11px;font-weight:700}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(-8px)}}.timeline-chart-container{flex-direction:column;justify-content:center;height:160px;display:flex}.timeline-tooltip{pointer-events:none;animation:tooltipFadeIn .15s var(--ease-out-cubic)}@media (width<=768px){.donut-chart-container{padding-block:var(--space-4);gap:var(--space-4);flex-direction:column}.donut-legend{width:100%;max-width:100%}}.settings-layout{gap:var(--space-6);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=1024px){.settings-layout{grid-template-columns:1.2fr .8fr}}.branding-preview-container{gap:var(--space-4);margin-top:var(--space-4);perspective:1000px;flex-direction:column;display:flex}.branding-preview-card{border-radius:var(--radius-md);border:1px solid var(--border-glass);width:100%;box-shadow:var(--shadow-md);background:#0003;flex-direction:column;height:240px;transition:transform .3s;display:flex;overflow:hidden}.branding-preview-card:hover{transform:rotateX(2deg)rotateY(-2deg)translateY(-2px)}.mockup-app{width:100%;height:100%;font-size:11px;display:flex}.mockup-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-glass);width:70px;padding:var(--space-2) var(--space-1);flex-direction:column;align-items:center;gap:12px;display:flex}.mockup-brand{text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex;overflow:hidden}.mockup-logo-img{object-fit:contain;border-radius:4px;width:22px;height:22px}.mockup-logo-placeholder{width:22px;height:22px;color:var(--primary);justify-content:center;align-items:center;display:flex}.mockup-title{white-space:nowrap;text-overflow:ellipsis;max-width:62px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:8px;font-weight:800;overflow:hidden}.mockup-nav{flex-direction:column;gap:4px;width:100%;display:flex}.mockup-nav-item{border-radius:var(--radius-xs);background:#ffffff08;width:80%;height:16px}.mockup-nav-item.active{background:linear-gradient(135deg, var(--primary), var(--secondary))}.mockup-main{background:var(--bg-main);flex-direction:column;flex:1;display:flex}.mockup-header{border-bottom:1px solid var(--border-glass);height:36px;padding-inline:var(--space-3);background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.mockup-header-title{color:var(--text-primary);font-size:9px;font-weight:700}.mockup-header-badge{border-radius:var(--radius-full);background:var(--primary-glow);border:1px solid #20c16133;width:28px;height:12px}.mockup-content{padding:var(--space-3);flex-direction:column;flex:1;gap:8px;display:flex}.mockup-metrics{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mockup-metric-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:6px;flex-direction:column;gap:2px;padding:6px;display:flex}.mockup-metric-lbl{color:var(--text-muted);font-size:6px}.mockup-metric-val{color:var(--text-primary);font-size:10px;font-weight:800}.mockup-chart-panel{background:var(--bg-glass);border:1px solid var(--border-glass);padding:var(--space-2);gap:var(--space-1);border-radius:6px;flex-direction:column;flex:1;display:flex}.mockup-chart-title{color:var(--text-secondary);font-size:7px;font-weight:600}.mockup-chart-lines{flex:1;align-items:flex-end;gap:8px;padding-bottom:2px;display:flex}.mockup-chart-bar{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:2px 2px 0 0;flex:1}.legend-item.dimmed,.bar-column-wrapper.dimmed{opacity:.3;filter:grayscale(40%)}.legend-item,.bar-column-wrapper{transition:opacity .25s,filter .25s,transform .2s}.legend-item.highlighted,.bar-column-wrapper.highlighted{transform:scale(1.03)}.active-filter-badge{background:var(--primary-glow);color:var(--primary);font-size:var(--text-xs);border-radius:var(--radius-full);border:1px solid #20c1614d;align-items:center;gap:6px;padding:4px 10px;font-weight:600;animation:.2s ease-out modalScaleUp;display:inline-flex}.active-filter-badge button{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.active-filter-badge button:hover{color:var(--danger)}