:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 24px;--radius-sm: 14px;--radius-xs: 10px;--transition: .35s cubic-bezier(.4, 0, .2, 1);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg: #000000;--bg-gradient: radial-gradient(ellipse at 20% 0%, #1a1246 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #0b2a5a 0%, transparent 55%), linear-gradient(160deg, #050510 0%, #0a0a1c 45%, #0d0618 100%);--surface: #1c1c1e;--surface-elev: #242428;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .65);--text-tertiary: rgba(255, 255, 255, .38);--glass-bg: rgba(255, 255, 255, .055);--glass-bg-strong: rgba(255, 255, 255, .09);--glass-bg-hover: rgba(255, 255, 255, .11);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .22);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .45);--glass-shadow-hover: 0 18px 56px rgba(0, 0, 0, .55);--glass-shadow-xl: 0 24px 80px rgba(0, 0, 0, .6);--glass-blur: blur(40px) saturate(180%);--glass-blur-strong: blur(60px) saturate(200%);--glass-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);--accent: #0A84FF;--accent-hover: #409cff;--accent-glow: rgba(10, 132, 255, .35);--accent-soft: rgba(10, 132, 255, .14);--danger: #ff453a;--success: #30d158;--warning: #ff9f0a;--orb-1: radial-gradient(circle, rgba(88, 86, 214, .55) 0%, transparent 70%);--orb-2: radial-gradient(circle, rgba(10, 132, 255, .45) 0%, transparent 70%);--orb-3: radial-gradient(circle, rgba(175, 82, 222, .4) 0%, transparent 70%);--orb-4: radial-gradient(circle, rgba(48, 209, 88, .22) 0%, transparent 70%);--scrollbar-bg: rgba(255, 255, 255, .04);--scrollbar-thumb: rgba(255, 255, 255, .18);--noise-opacity: .035;color-scheme:dark}[data-theme=light]{--bg: #f2f2f7;--bg-gradient: radial-gradient(ellipse at 15% -10%, #dce9ff 0%, transparent 55%), radial-gradient(ellipse at 90% 110%, #f3e5ff 0%, transparent 55%), linear-gradient(160deg, #f7f7fb 0%, #eef0f7 50%, #f7f0fa 100%);--surface: #ffffff;--surface-elev: #fbfbfd;--text-primary: #1c1c1e;--text-secondary: rgba(0, 0, 0, .6);--text-tertiary: rgba(0, 0, 0, .35);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .75);--glass-bg-hover: rgba(255, 255, 255, .82);--glass-border: rgba(0, 0, 0, .07);--glass-border-hover: rgba(0, 0, 0, .16);--glass-shadow: 0 8px 32px rgba(20, 20, 60, .08);--glass-shadow-hover: 0 18px 56px rgba(20, 20, 60, .14);--glass-shadow-xl: 0 24px 80px rgba(20, 20, 60, .18);--glass-blur: blur(30px) saturate(180%);--glass-blur-strong: blur(48px) saturate(200%);--glass-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);--accent: #007AFF;--accent-hover: #0969d6;--accent-glow: rgba(0, 122, 255, .25);--accent-soft: rgba(0, 122, 255, .1);--danger: #ff3b30;--success: #34c759;--warning: #ff9500;--orb-1: radial-gradient(circle, rgba(88, 86, 214, .18) 0%, transparent 70%);--orb-2: radial-gradient(circle, rgba(0, 122, 255, .16) 0%, transparent 70%);--orb-3: radial-gradient(circle, rgba(175, 82, 222, .15) 0%, transparent 70%);--orb-4: radial-gradient(circle, rgba(48, 209, 88, .1) 0%, transparent 70%);--scrollbar-bg: rgba(0, 0, 0, .03);--scrollbar-thumb: rgba(0, 0, 0, .18);--noise-opacity: .025;color-scheme:light}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background:var(--bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background var(--transition)}#root{min-height:100vh;position:relative}button{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--glass-border-hover)}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;background:var(--bg-gradient)}.ambient-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:var(--noise-opacity);mix-blend-mode:overlay;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(90px);animation:float 22s ease-in-out infinite;will-change:transform}.orb-1{width:640px;height:640px;background:var(--orb-1);top:-220px;left:-120px}.orb-2{width:560px;height:560px;background:var(--orb-2);bottom:-180px;right:-120px;animation-delay:-7s}.orb-3{width:440px;height:440px;background:var(--orb-3);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-14s}.orb-4{width:380px;height:380px;background:var(--orb-4);top:20%;right:12%;animation-delay:-4s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(30px,10px) scale(1.03)}}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow),var(--glass-inner-shadow);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.glass-card.interactive{cursor:pointer}.glass-card.interactive:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-inner-shadow);transform:translateY(-2px)}.glass-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;font-size:11px;font-weight:600;color:var(--text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:24px}.login-top-bar{position:fixed;top:24px;right:28px;z-index:10;display:flex;gap:10px}.login-container{z-index:1;width:100%;max-width:460px;position:relative}.login-card{padding:52px 44px 40px;text-align:center;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:-2px;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent)}[data-theme=light] .login-card:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}.login-logo{width:96px;height:96px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a84ff,#5856d6,#af52de);border-radius:28px;color:#fff;box-shadow:0 16px 48px #0a84ff66,inset 0 1px #ffffff4d;position:relative}.login-logo:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:27px;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}.login-card h1{font-size:30px;font-weight:800;letter-spacing:-.7px;margin-bottom:6px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{font-size:14px;color:var(--accent);font-weight:600;margin-bottom:20px;letter-spacing:.2px}.login-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px;max-width:340px;margin-inline:auto}.login-button{width:100%;padding:15px 24px;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition);box-shadow:0 8px 24px var(--accent-glow),inset 0 1px #fff3;letter-spacing:.2px}.login-button:hover{transform:translateY(-1px);box-shadow:0 12px 32px var(--accent-glow),inset 0 1px #ffffff40}.login-button:active{transform:translateY(0)}.login-footnote{margin-top:20px;font-size:12px;color:var(--text-tertiary);line-height:1.6}.login-features{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap;justify-content:center}.login-feature{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;font-size:11px;font-weight:500;color:var(--text-secondary)}.icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--glass-inner-shadow)}.icon-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.icon-btn.danger:hover{color:var(--danger);border-color:#ff453a4d;background:#ff453a14}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.app-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 28px;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);background:var(--glass-bg);border-bottom:1px solid var(--glass-border)}.header-brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#0a84ff,#5856d6,#af52de);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px;box-shadow:0 6px 18px #0a84ff59,inset 0 1px #ffffff4d}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-title{font-size:15px;font-weight:700;letter-spacing:-.2px}.brand-sub{font-size:11px;color:var(--text-secondary);font-weight:500}.header-nav{display:flex;align-items:center;gap:4px;padding:4px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px}.nav-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;background:transparent;border:none;transition:all var(--transition-fast);white-space:nowrap}.nav-link:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.nav-link.active{background:var(--accent);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.header-actions{display:flex;align-items:center;gap:10px}.user-chip{display:flex;align-items:center;gap:10px;padding:4px 14px 4px 4px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;transition:all var(--transition-fast)}.user-chip:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0a84ff,#5856d6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;box-shadow:inset 0 1px #ffffff40;flex-shrink:0}.user-details{display:flex;flex-direction:column;line-height:1.15;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.user-role{font-size:11px;color:var(--text-secondary);font-weight:500}.app-main{flex:1;padding:32px 28px 48px;max-width:1440px;width:100%;margin:0 auto}.hub-hero{margin-bottom:32px}.hub-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:12px}.hub-greeting h1{font-size:34px;font-weight:800;letter-spacing:-1px;margin-bottom:4px;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 140%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hub-greeting p{font-size:15px;color:var(--text-secondary);line-height:1.5}.hub-stats{display:flex;gap:10px;flex-wrap:wrap}.hub-stat{padding:14px 18px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);min-width:130px;box-shadow:var(--glass-inner-shadow)}.hub-stat-value{font-size:22px;font-weight:800;letter-spacing:-.4px;display:flex;align-items:baseline;gap:6px}.hub-stat-value small{font-size:13px;color:var(--text-secondary);font-weight:600}.hub-stat-label{font-size:11px;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.6px;margin-top:4px}.hub-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}.hub-search{position:relative;flex:1;min-width:240px;max-width:480px}.hub-search svg{position:absolute;top:50%;left:14px;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.hub-search input{width:100%;padding:11px 14px 11px 42px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:all var(--transition-fast)}.hub-search input::placeholder{color:var(--text-tertiary)}.hub-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--glass-bg-strong)}.category-chips{display:flex;gap:6px;flex-wrap:wrap}.category-chip{padding:8px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.category-chip:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.category-chip.active{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--accent-glow)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.app-card{position:relative;padding:22px;display:flex;flex-direction:column;gap:14px;min-height:190px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);box-shadow:var(--glass-shadow),var(--glass-inner-shadow);overflow:hidden;isolation:isolate}.app-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--accent)),transparent);opacity:0;transition:opacity var(--transition)}.app-card:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at var(--mx, 50%) var(--my, 0%),var(--card-accent, var(--accent)) 0%,transparent 40%);opacity:0;transition:opacity var(--transition);z-index:-1;pointer-events:none}.app-card:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover),var(--glass-inner-shadow);transform:translateY(-3px)}.app-card:hover:before{opacity:1}.app-card:hover:after{opacity:.15}.app-card.disabled{opacity:.55;cursor:not-allowed}.app-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-icon-box{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--icon-bg, var(--accent-soft));color:var(--card-accent, var(--accent));position:relative;box-shadow:inset 0 1px #ffffff26}.app-icon-box:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.app-card-category{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;padding:4px 10px;border-radius:12px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);color:var(--text-secondary);white-space:nowrap}.app-card-body{flex:1}.app-card-title{font-size:17px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.app-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.app-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}.app-launch{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--card-accent, var(--accent));color:#fff;border-radius:10px;font-size:12.5px;font-weight:600;box-shadow:0 6px 18px color-mix(in srgb,var(--card-accent, var(--accent)) 35%,transparent);transition:transform var(--transition-fast)}.app-card:hover .app-launch{transform:translate(2px)}.featured-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:3px 8px;background:#ffcc0024;color:#fc0;border:1px solid rgba(255,204,0,.3);border-radius:10px;text-transform:uppercase;letter-spacing:.4px}.fav-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);padding:0}.fav-btn:hover{color:#fc0;border-color:#fc06;background:#ffcc001a;transform:scale(1.08)}.fav-btn.on{color:#fc0;border-color:#ffcc0080;background:#ffcc0026}.empty-state{padding:64px 24px;text-align:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px dashed var(--glass-border);border-radius:var(--radius)}.empty-state svg{color:var(--text-tertiary);margin-bottom:16px}.empty-state h3{font-size:18px;font-weight:700;margin-bottom:6px}.empty-state p{font-size:14px;color:var(--text-secondary);max-width:420px;margin:0 auto;line-height:1.6}.admin-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.users-panel{padding:18px;position:sticky;top:92px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;gap:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-head h3{font-size:14px;font-weight:700;letter-spacing:-.1px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-xs);font-size:12.5px;font-weight:600;cursor:pointer;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-primary);transition:all var(--transition-fast);font-family:inherit}.btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;box-shadow:0 4px 14px var(--accent-glow)}.btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn.danger{color:var(--danger);border-color:#ff453a40;background:#ff453a14}.btn.danger:hover{background:#ff453a24;border-color:#ff453a66}.btn.small{padding:5px 10px;font-size:11.5px}.users-search input{width:100%;padding:9px 12px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xs);font-size:13px;color:var(--text-primary);outline:none;font-family:inherit}.users-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:50vh;padding-right:4px}.user-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast);background:transparent;border:1px solid transparent}.user-row:hover{background:var(--glass-bg-hover)}.user-row.active{background:var(--accent-soft);border-color:var(--accent)}.user-row-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#5856d6,#007aff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;flex-shrink:0}.user-row-info{display:flex;flex-direction:column;min-width:0;flex:1}.user-row-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row-email{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-badge{font-size:9.5px;font-weight:700;padding:2px 7px;background:#ff9f0a29;color:var(--warning);border-radius:8px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.details-panel{padding:24px;min-height:400px}.details-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}.details-head h2{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-bottom:2px}.details-head-sub{font-size:13px;color:var(--text-secondary)}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-secondary);margin-bottom:10px;margin-top:20px}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.perm-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xs);cursor:pointer;transition:all var(--transition-fast)}.perm-item:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.perm-item.checked{background:var(--accent-soft);border-color:var(--accent)}.perm-check{width:22px;height:22px;border:2px solid var(--glass-border-hover);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:all var(--transition-fast)}.perm-item.checked .perm-check{background:var(--accent);border-color:var(--accent)}.perm-label{display:flex;flex-direction:column;font-size:13px;font-weight:600;flex:1;min-width:0}.perm-label small{font-size:11px;font-weight:500;color:var(--text-tertiary);margin-top:2px}.perm-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toggle-switch{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xs);cursor:pointer;font-size:12.5px;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.toggle-switch:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.toggle-track{width:34px;height:20px;background:var(--glass-border-hover);border-radius:10px;position:relative;transition:all var(--transition-fast)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:all var(--transition-fast);box-shadow:0 2px 4px #0003}.toggle-switch.on .toggle-track{background:var(--accent)}.toggle-switch.on .toggle-track:after{left:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal{width:100%;max-width:480px;padding:28px;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow-xl);animation:scaleIn .22s ease-out}.modal h3{font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}.modal-desc{font-size:13px;color:var(--text-secondary);margin-bottom:18px;line-height:1.5}.field-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}.modal-input{width:100%;padding:11px 14px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xs);font-size:14px;color:var(--text-primary);outline:none;font-family:inherit;transition:border-color var(--transition-fast)}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.modal-actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.toast{position:fixed;bottom:24px;right:24px;z-index:300;padding:12px 18px 12px 14px;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--glass-shadow-xl);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;animation:slideUp .25s ease-out;max-width:380px}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--accent)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 24px;color:var(--text-secondary);font-size:13px}.spinner{width:38px;height:38px;border:3px solid var(--glass-border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{text-align:center;padding:24px;font-size:11.5px;color:var(--text-tertiary)}.app-footer strong{color:var(--text-secondary);font-weight:600}@media(max-width:960px){.admin-layout{grid-template-columns:1fr}.users-panel{position:static;max-height:none}.users-list{max-height:260px}}@media(max-width:720px){.app-header{padding:12px 16px}.app-main{padding:20px 16px 32px}.brand-sub,.header-nav{display:none}.user-name{max-width:110px;font-size:12px}.user-role{display:none}.hub-greeting h1{font-size:26px}.hub-greeting p{font-size:13px}.hub-stats{width:100%}.hub-stat{flex:1;min-width:90px;padding:10px 12px}.hub-stat-value{font-size:18px}.app-grid{grid-template-columns:1fr}.login-card{padding:40px 28px 32px}.login-card h1{font-size:24px}.details-panel{padding:18px}}