:root{color-scheme:light dark;--breakpoint-xs: 480px;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-lighter: #93c5fd;--color-primary-dark: #2563eb;--color-primary-darker: #1d4ed8;--color-primary-5: rgba(59, 130, 246, .05);--color-primary-10: rgba(59, 130, 246, .1);--color-primary-20: rgba(59, 130, 246, .2);--color-primary-30: rgba(59, 130, 246, .3);--color-primary-40: rgba(59, 130, 246, .4);--color-primary-50: rgba(59, 130, 246, .5);--color-primary-60: rgba(59, 130, 246, .6);--color-primary-80: rgba(59, 130, 246, .8);--color-success: #22c55e;--color-success-light: #4ade80;--color-success-dark: #16a34a;--color-success-10: rgba(34, 197, 94, .1);--color-success-20: rgba(34, 197, 94, .2);--color-success-30: rgba(34, 197, 94, .3);--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-warning-10: rgba(245, 158, 11, .1);--color-warning-20: rgba(245, 158, 11, .2);--color-warning-30: rgba(245, 158, 11, .3);--color-error: #ef4444;--color-error-light: #f87171;--color-error-dark: #dc2626;--color-error-10: rgba(239, 68, 68, .1);--color-error-20: rgba(239, 68, 68, .2);--color-error-30: rgba(239, 68, 68, .3);--color-info: var(--color-primary);--color-info-light: var(--color-primary-light);--color-info-10: var(--color-primary-10);--color-info-20: var(--color-primary-20);--control-close: #ff5f57;--control-minimize: #febc2e;--control-maximize: #28c840;--space-0: 0;--space-px: 1px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-2xs: var(--space-0-5);--space-xs: var(--space-1);--space-sm: var(--space-2);--space-md: var(--space-4);--space-lg: var(--space-6);--space-xl: var(--space-8);--space-2xl: var(--space-12);--space-3xl: var(--space-16);--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--blur-none: 0;--blur-sm: 4px;--blur-md: 8px;--blur-lg: 12px;--blur-xl: 20px;--blur-2xl: 40px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--transition-colors: color .15s ease, background-color .15s ease, border-color .15s ease;--transition-transform: transform .2s ease;--transition-opacity: opacity .2s ease;--transition-all: all .2s ease;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-desktop-icons: 50;--z-windows: 100;--z-window-active: 500;--z-taskbar: 1000;--z-start-menu: 1100;--z-context-menu: 2000;--z-notifications: 3000;--z-modal: 5000;--z-dialogs: 10000;--z-toast: 11000;--z-tooltip: 12000;--taskbar-height: 48px;--window-header-height: 36px;--sidebar-width: 220px;--sidebar-width-collapsed: 60px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Inter", sans-serif;--font-mono: "SF Mono", "Monaco", "Cascadia Code", "Consolas", monospace;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 30px;--text-5xl: 36px;--text-6xl: 48px;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-md);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-xxl: var(--text-3xl);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--line-height-normal: var(--leading-normal);--chrome-white: #f8fafc;--chrome-light: #e2e8f0;--chrome-silver: #cbd5e1;--chrome-mid: #94a3b8;--chrome-dark: #64748b;--chrome-darker: #475569;--chrome-5: rgba(248, 250, 252, .05);--chrome-10: rgba(248, 250, 252, .1);--chrome-15: rgba(248, 250, 252, .15);--chrome-20: rgba(248, 250, 252, .2);--chrome-30: rgba(248, 250, 252, .3);--galaxy-black: #030712;--galaxy-darker: #0a0f1e;--galaxy-dark: #111827;--galaxy-mid: #1e293b;--galaxy-light: #334155;--galaxy-blue: #7dd3fc;--galaxy-blue-dark: #38bdf8;--galaxy-blue-glow: rgba(125, 211, 252, .4);--galaxy-dark-90: rgba(17, 24, 39, .9);--galaxy-dark-95: rgba(17, 24, 39, .95);--bg-galaxy: radial-gradient(ellipse at 20% 20%, rgba(59, 130, 246, .15) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, rgba(125, 211, 252, .1) 0%, transparent 50%), radial-gradient(ellipse at center, var(--galaxy-dark) 0%, var(--galaxy-darker) 50%, var(--galaxy-black) 100%);--bg-starfield: radial-gradient(1px 1px at 10% 10%, var(--chrome-30), transparent), radial-gradient(1px 1px at 20% 40%, var(--chrome-20), transparent), radial-gradient(1.5px 1.5px at 35% 25%, var(--galaxy-blue-glow), transparent), radial-gradient(1px 1px at 50% 60%, var(--chrome-20), transparent), radial-gradient(1px 1px at 65% 35%, var(--chrome-30), transparent), radial-gradient(1.5px 1.5px at 80% 70%, var(--galaxy-blue-glow), transparent), radial-gradient(1px 1px at 90% 20%, var(--chrome-20), transparent);--glass-bg: rgba(17, 24, 39, .85);--glass-bg-solid: rgba(17, 24, 39, .95);--glass-bg-light: rgba(248, 250, 252, .05);--glass-bg-lighter: rgba(248, 250, 252, .1);--glass-bg-hover: rgba(248, 250, 252, .08);--glass-bg-active: rgba(248, 250, 252, .12);--glass-border: rgba(148, 163, 184, .2);--glass-border-light: rgba(148, 163, 184, .1);--glass-border-hover: rgba(148, 163, 184, .3);--glass-border-focus: rgba(59, 130, 246, .5);--text-primary: var(--chrome-white);--text-secondary: var(--chrome-light);--text-tertiary: var(--chrome-silver);--text-muted: var(--chrome-mid);--text-disabled: var(--chrome-dark);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .7);--shadow-glow-sm: 0 0 10px var(--color-primary-30);--shadow-glow-md: 0 0 20px var(--color-primary-40);--shadow-glow-lg: 0 0 30px var(--color-primary-50);--shadow-glow-blue: 0 0 20px var(--galaxy-blue-glow);--shadow-chrome: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(0, 0, 0, .2) inset}@media(prefers-color-scheme:light){:root{--chrome-white: #0f172a;--chrome-light: #1e293b;--chrome-silver: #334155;--chrome-mid: #64748b;--chrome-dark: #94a3b8;--chrome-darker: #cbd5e1;--chrome-5: rgba(15, 23, 42, .03);--chrome-10: rgba(15, 23, 42, .06);--chrome-15: rgba(15, 23, 42, .09);--chrome-20: rgba(15, 23, 42, .12);--chrome-30: rgba(15, 23, 42, .18);--galaxy-black: #030712;--galaxy-darker: #0a0f1e;--galaxy-dark: #111827;--galaxy-mid: #1e293b;--galaxy-light: #334155;--galaxy-blue: #7dd3fc;--galaxy-blue-dark: #38bdf8;--galaxy-blue-glow: rgba(125, 211, 252, .4);--galaxy-dark-90: rgba(17, 24, 39, .9);--galaxy-dark-95: rgba(17, 24, 39, .95);--bg-galaxy: radial-gradient(ellipse at 20% 20%, rgba(59, 130, 246, .15) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, rgba(125, 211, 252, .1) 0%, transparent 50%), radial-gradient(ellipse at center, var(--galaxy-dark) 0%, var(--galaxy-darker) 50%, var(--galaxy-black) 100%);--bg-starfield: radial-gradient(1px 1px at 10% 10%, var(--chrome-30), transparent), radial-gradient(1px 1px at 20% 40%, var(--chrome-20), transparent), radial-gradient(1.5px 1.5px at 35% 25%, var(--galaxy-blue-glow), transparent), radial-gradient(1px 1px at 50% 60%, var(--chrome-20), transparent), radial-gradient(1px 1px at 65% 35%, var(--chrome-30), transparent), radial-gradient(1.5px 1.5px at 80% 70%, var(--galaxy-blue-glow), transparent), radial-gradient(1px 1px at 90% 20%, var(--chrome-20), transparent);--glass-bg: rgba(255, 255, 255, .85);--glass-bg-solid: rgba(255, 255, 255, .95);--glass-bg-light: rgba(15, 23, 42, .03);--glass-bg-lighter: rgba(15, 23, 42, .05);--glass-bg-hover: rgba(15, 23, 42, .06);--glass-bg-active: rgba(15, 23, 42, .09);--glass-border: rgba(148, 163, 184, .25);--glass-border-light: rgba(148, 163, 184, .15);--glass-border-hover: rgba(148, 163, 184, .35);--glass-border-focus: rgba(59, 130, 246, .5);--text-primary: #0f172a;--text-secondary: #1e293b;--text-tertiary: #475569;--text-muted: #64748b;--text-disabled: #94a3b8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .12);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shadow-glow-sm: 0 0 10px rgba(59, 130, 246, .15);--shadow-glow-md: 0 0 20px rgba(59, 130, 246, .2);--shadow-glow-lg: 0 0 30px rgba(59, 130, 246, .25);--shadow-glow-blue: 0 0 20px var(--galaxy-blue-glow);--shadow-chrome: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 -1px 0 rgba(0, 0, 0, .05) inset}}@media(max-height:500px)and (orientation:landscape){:root{--taskbar-height: 40px;--window-header-height: 32px}}@media(max-width:576px){:root{--sidebar-width: 100%}}@media(hover:none)and (pointer:coarse){:root{--taskbar-height: 60px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-galaxy);background-color:var(--galaxy-black);background-attachment:fixed;color:var(--text-primary);line-height:var(--leading-normal);overflow:hidden;min-height:100vh;min-height:100dvh;width:100vw;overscroll-behavior:none;position:fixed;inset:0}#root{height:100vh;height:100dvh;width:100vw;overflow:hidden}button{font-family:inherit;font-size:inherit;background:none;border:none;padding:0;cursor:pointer;outline:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:none;background:none;color:inherit}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,svg{display:block;max-width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--glass-bg-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--chrome-dark);border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--chrome-mid);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--chrome-dark) var(--glass-bg-light)}::selection{background:var(--color-primary);color:var(--chrome-white)}::-moz-selection{background:var(--color-primary);color:var(--chrome-white)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(hover:none)and (pointer:coarse){button,a,input[type=checkbox],input[type=radio],select{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}*:hover{transition-duration:0ms!important}*{-webkit-tap-highlight-color:transparent}}@media(max-width:576px){html{font-size:14px}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{word-wrap:break-word}.invisible{visibility:hidden}.visible{visibility:visible}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-move{cursor:move}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.glass-solid{background:var(--glass-bg-solid);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.glass-light{background:var(--glass-bg-light);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-lg)}.glass-card-glow{background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow-blue);padding:var(--space-lg)}.backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.backdrop-dark{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.glass-button{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition-all)}.glass-button:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover)}.glass-button:active{background:var(--glass-bg-active)}.glass-input{background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);padding:var(--space-sm) var(--space-md);transition:var(--transition-all)}.glass-input:focus{border-color:var(--glass-border-focus);box-shadow:0 0 0 3px var(--color-primary-20)}.glass-input::placeholder{color:var(--text-muted)}.glass-sidebar{background:#0003;border-right:1px solid var(--glass-border)}.surface{background:#0003;border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.surface-elevated{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes popIn{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary-30)}50%{box-shadow:0 0 20px var(--color-primary-50),0 0 30px var(--color-primary-30)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--galaxy-blue-glow),0 8px 32px #0000004d}50%{box-shadow:0 0 40px var(--galaxy-blue-glow),0 0 60px var(--color-primary-30),0 8px 32px #0006}}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes starsMove{0%{transform:translate(0)}to{transform:translate(-300px,-250px)}}@keyframes starsMoveSlow{0%{transform:translate(0)}to{transform:translate(-200px,-180px)}}@keyframes starShine{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes indicatorPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-out{animation:fadeOut var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-pop-in{animation:popIn var(--transition-slow) ease-out}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-all);text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-chrome)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background:var(--glass-bg-light);border-color:var(--glass-border);color:var(--text-secondary)}.btn-secondary:hover{background:var(--glass-bg-lighter);border-color:var(--glass-border-hover);color:var(--text-primary)}.btn-secondary:active{background:var(--glass-bg-active)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.btn-ghost:active{background:var(--glass-bg-active)}.btn-danger{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-dark) 100%);border-color:var(--color-error-dark);color:#fff}.btn-danger:hover{background:linear-gradient(135deg,var(--color-error-light) 0%,var(--color-error) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 20px var(--color-error-20)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);border-color:var(--color-success-dark);color:#fff}.btn-success:hover{background:linear-gradient(135deg,var(--color-success-light) 0%,var(--color-success) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 20px var(--color-success-20)}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-md)}.btn-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-icon{padding:var(--space-sm);aspect-ratio:1}.btn-icon-sm{padding:var(--space-xs);aspect-ratio:1}.btn-icon-lg{padding:var(--space-md);aspect-ratio:1}.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.btn.loading{position:relative;color:transparent;pointer-events:none}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.btn-secondary.loading:after,.btn-ghost.loading:after{border-color:var(--chrome-30);border-top-color:var(--text-primary)}.btn-block{width:100%}.btn-group{display:flex;gap:var(--space-sm)}.btn-group-vertical{flex-direction:column}@media(hover:none)and (pointer:coarse){.btn{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.btn:active:not(:disabled){transform:scale(.98)}}@media(max-width:576px){.btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.btn-lg{padding:var(--space-sm) var(--space-lg)}.btn-group{flex-direction:column}.btn-group .btn{width:100%}}.desktop{height:100vh;height:100dvh;width:100vw;position:relative;background:var(--bg-galaxy);overflow:hidden}.desktop:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background-image:radial-gradient(3px 3px at 50px 80px,#fff,transparent),radial-gradient(2px 2px at 150px 200px,#93c5fd,transparent),radial-gradient(3px 3px at 300px 100px,#fff,transparent),radial-gradient(2px 2px at 450px 350px,#7dd3fc,transparent),radial-gradient(3px 3px at 600px 180px,#fff,transparent),radial-gradient(2px 2px at 200px 400px,#93c5fd,transparent),radial-gradient(3px 3px at 500px 50px,#fff,transparent),radial-gradient(2px 2px at 100px 300px,#7dd3fc,transparent),radial-gradient(3px 3px at 400px 450px,#fff,transparent),radial-gradient(2px 2px at 250px 150px,#93c5fd,transparent),radial-gradient(3px 3px at 550px 280px,#fff,transparent),radial-gradient(2px 2px at 350px 380px,#7dd3fc,transparent);background-size:600px 500px;animation:starsMove 25s linear infinite,starShine 3s ease-in-out infinite;pointer-events:none}.desktop:after{content:"";position:absolute;inset:-50%;width:200%;height:200%;background-image:radial-gradient(2px 2px at 80px 120px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 220px 80px,rgba(147,197,253,.6),transparent),radial-gradient(2px 2px at 380px 220px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 120px 320px,rgba(125,211,252,.6),transparent),radial-gradient(2px 2px at 480px 150px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 280px 420px,rgba(147,197,253,.6),transparent),radial-gradient(2px 2px at 520px 350px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 180px 50px,rgba(125,211,252,.6),transparent);background-size:550px 450px;animation:starsMoveSlow 40s linear infinite reverse,starShine 5s ease-in-out infinite reverse;pointer-events:none}.desktop-icons{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;height:calc(100vh - var(--taskbar-height) - var(--space-md));height:calc(100dvh - var(--taskbar-height) - var(--space-md));padding:var(--space-md);gap:var(--space-md);position:relative;z-index:var(--z-desktop-icons)}.desktop-icons>*{flex:0 0 auto}.desktop-icon{display:flex;flex-direction:column;align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-lg);transition:var(--transition-all);width:80px}.desktop-icon:hover{background:var(--glass-bg-hover)}.desktop-icon.selected{background:var(--color-primary-30)}.desktop-icon-image{width:48px;height:48px;background:var(--glass-bg-lighter);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:var(--space-xs);transition:var(--transition-transform)}.desktop-icon:hover .desktop-icon-image{transform:scale(1.05)}.desktop-icon-label{font-size:var(--text-sm);text-align:center;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.8);word-break:break-word;max-width:100%;line-height:var(--leading-tight)}.desktop-content{height:calc(100vh - var(--taskbar-height));height:calc(100dvh - var(--taskbar-height));width:100%;overflow:hidden;position:relative}@media(max-width:768px){.desktop-icons{gap:var(--space-md);padding:var(--space-md);height:calc(100vh - var(--taskbar-height) - var(--space-md));height:calc(100dvh - var(--taskbar-height) - var(--space-md))}.desktop-icon{width:72px}.desktop-icon-image{width:44px;height:44px;font-size:22px}.desktop-icon-label{font-size:var(--text-xs)}}@media(max-width:576px){.desktop-icons{flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--space-sm);padding:var(--space-sm);height:auto;max-height:calc(100vh - var(--taskbar-height) - var(--space-sm));max-height:calc(100dvh - var(--taskbar-height) - var(--space-sm))}.desktop-icon{width:64px;padding:var(--space-xs)}.desktop-icon-image{width:40px;height:40px;font-size:20px;border-radius:var(--radius-lg)}.desktop-icon-label{font-size:10px;margin-top:var(--space-0-5)}}@media(hover:none)and (pointer:coarse){.desktop-icon{padding:var(--space-sm);min-height:var(--touch-target-min)}.desktop-icon:active{background:var(--glass-bg-active);transform:scale(.95)}}@media(max-height:500px)and (orientation:landscape){.desktop-icons{flex-direction:row;height:calc(100vh - var(--taskbar-height));height:calc(100dvh - var(--taskbar-height));align-items:flex-start}.desktop-content{height:calc(100vh - var(--taskbar-height));height:calc(100dvh - var(--taskbar-height))}}@media(prefers-color-scheme:light){.desktop-icon-label{color:#f8fafc}}.taskbar{position:fixed;bottom:0;left:0;right:0;height:var(--taskbar-height);background:var(--glass-bg-solid);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border-top:1px solid var(--color-primary-30);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-sm);z-index:var(--z-taskbar);box-shadow:0 -4px 20px var(--color-primary-20)}.taskbar-left{display:flex;align-items:center;gap:var(--space-sm)}.taskbar-center{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:absolute;left:50%;transform:translate(-50%)}.taskbar-right{display:flex;align-items:center;gap:var(--space-sm)}.start-button{width:48px;height:36px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);position:relative;z-index:var(--z-start-menu)}.start-button:hover{background:var(--glass-bg-hover)}.start-button.active{background:var(--color-primary-20)}.start-button-logo{width:100%;height:100%;object-fit:contain}.taskbar-separator{width:1px;height:24px;background:var(--glass-border);margin:0 var(--space-xs)}.taskbar-app{width:40px;height:32px;border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);font-size:18px;position:relative;background:var(--glass-bg-light)}.taskbar-app:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.taskbar-app.active{background:var(--color-primary-30)!important;border-color:var(--color-primary-60);color:var(--text-primary);box-shadow:inset 0 -2px 0 var(--color-primary-80)}.taskbar-app.minimized:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--text-primary);border-radius:var(--radius-full)}.taskbar-app.has-window:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--color-primary-light);border-radius:1px}.taskbar-app-indicator{position:absolute;top:2px;right:2px;min-width:14px;height:14px;background:var(--color-primary-light);color:var(--galaxy-black);font-size:9px;font-weight:var(--font-bold);border-radius:7px;display:flex;align-items:center;justify-content:center;padding:0 3px}.taskbar-app-icon{width:24px;height:24px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.taskbar-app-icon svg{width:16px;height:16px;color:#fff}.taskbar-clock{color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;line-height:var(--leading-tight);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-colors)}.taskbar-clock:hover{background:var(--glass-bg-hover)}.taskbar-clock-time{font-weight:var(--font-medium)}.taskbar-clock-date{font-size:var(--text-xs);color:var(--text-tertiary)}.notification-button{width:32px;height:32px;background:var(--glass-bg-light);border:none;border-radius:var(--radius-md);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);position:relative}.notification-button:hover{background:var(--glass-bg-hover)}.notification-button svg{width:18px;height:18px}.notification-badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-error);border-radius:var(--radius-full)}@media(max-width:768px){.taskbar{padding:0 var(--space-xs)}.taskbar-center{gap:var(--space-xs)}.taskbar-app{width:36px;height:30px}.taskbar-app-icon{width:22px;height:22px}.taskbar-app-icon svg{width:14px;height:14px}.start-button{width:44px;height:30px}.taskbar-clock{font-size:var(--text-sm);padding:var(--space-xs)}.taskbar-clock-date{font-size:10px}.notification-button{width:30px;height:30px}.notification-button svg{width:16px;height:16px}}@media(max-width:576px){.taskbar{height:var(--taskbar-height);padding:0 var(--space-xs);padding-bottom:env(safe-area-inset-bottom,0)}.taskbar-left{display:none}.taskbar-center{position:static;transform:none;flex:1;justify-content:flex-start;gap:var(--space-0-5);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:0 var(--space-xs)}.taskbar-center::-webkit-scrollbar{display:none}.taskbar-right{gap:var(--space-xs);flex-shrink:0}.start-button{width:40px;height:32px;flex-shrink:0}.taskbar-separator{display:none}.taskbar-app{width:40px;height:32px;flex-shrink:0}.taskbar-clock{display:none}.notification-button{width:32px;height:32px}.taskbar-app-indicator{min-width:12px;height:12px;font-size:8px}}@media(hover:none)and (pointer:coarse){.taskbar{padding-top:var(--space-xs);padding-bottom:max(var(--space-xs),env(safe-area-inset-bottom,0))}.taskbar-app,.start-button,.notification-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}.taskbar-app:active,.start-button:active,.notification-button:active{transform:scale(.95)}}@media(max-height:500px)and (orientation:landscape){.taskbar{height:40px}.taskbar-app{width:36px;height:28px}.start-button{width:40px;height:28px}.taskbar-clock{flex-direction:row;gap:var(--space-xs);align-items:center}.taskbar-clock-date{display:inline;font-size:var(--text-xs)}}.window{position:absolute;background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);min-width:300px;min-height:200px;z-index:var(--z-windows);display:flex;flex-direction:column}.window-header{height:var(--window-header-height);background:var(--glass-bg-light);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;padding:0 var(--space-sm);cursor:move;-webkit-user-select:none;user-select:none;flex-shrink:0}.window-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:var(--space-xs)}.window-controls{display:flex;gap:var(--space-sm)}.window-control{width:12px;height:12px;border:none;border-radius:var(--radius-full);cursor:pointer;font-size:8px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);padding:0}.window-control svg{width:8px;height:8px;opacity:0;transition:var(--transition-opacity)}.window-controls:hover .window-control svg{opacity:.8}.window-control-close{background:var(--control-close)}.window-control-minimize{background:var(--control-minimize)}.window-control-maximize{background:var(--control-maximize)}.window-control:hover{filter:brightness(1.1);transform:scale(1.1)}.window-content{color:var(--text-primary);flex:1;overflow:hidden;background:transparent;position:relative}.window.maximized{top:0!important;left:0!important;width:100vw!important;height:calc(100vh - var(--taskbar-height))!important;height:calc(100dvh - var(--taskbar-height))!important;border-radius:0}.window.focused{z-index:var(--z-window-active);box-shadow:var(--shadow-2xl),var(--shadow-glow-sm)}.resize-handle{position:absolute;background:transparent}.resize-handle-right{top:0;right:0;width:4px;height:100%;cursor:ew-resize}.resize-handle-bottom{bottom:0;left:0;width:100%;height:4px;cursor:ns-resize}.resize-handle-left{top:0;left:0;width:4px;height:100%;cursor:ew-resize}.resize-handle-top{top:0;left:0;width:100%;height:4px;cursor:ns-resize}.resize-handle-corner{width:8px;height:8px}.resize-handle-bottom-right{bottom:0;right:0;cursor:nwse-resize}.resize-handle-bottom-left{bottom:0;left:0;cursor:nesw-resize}.resize-handle-top-right{top:0;right:0;cursor:nesw-resize}.resize-handle-top-left{top:0;left:0;cursor:nwse-resize}.snap-indicator{position:fixed;background:var(--color-primary-30);border:2px solid var(--color-primary-80);z-index:9999;pointer-events:none;transition:var(--transition-opacity);opacity:1;animation:indicatorPulse 1.5s infinite;border-radius:var(--radius-xl)}.snap-indicator.maximize{top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);bottom:calc(var(--taskbar-height) + var(--space-sm))}.snap-indicator.left{top:var(--space-sm);left:var(--space-sm);width:calc(50% - var(--space-sm));bottom:calc(var(--taskbar-height) + var(--space-sm))}.snap-indicator.right{top:var(--space-sm);right:var(--space-sm);width:calc(50% - var(--space-sm));bottom:calc(var(--taskbar-height) + var(--space-sm))}@media(max-width:768px){.window{min-width:280px;min-height:200px}.window-header{height:36px;padding:0 var(--space-sm)}.window-title{font-size:var(--text-sm)}.window-control{width:14px;height:14px}.window-controls{gap:var(--space-sm)}.resize-handle-right,.resize-handle-left{width:8px}.resize-handle-bottom,.resize-handle-top{height:8px}.resize-handle-corner{width:12px;height:12px}}@media(max-width:576px){.window{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:var(--taskbar-height)!important;width:100vw!important;height:calc(100vh - var(--taskbar-height))!important;height:calc(100dvh - var(--taskbar-height))!important;border-radius:0;min-width:unset;min-height:unset}.window.maximized{height:calc(100vh - var(--taskbar-height))!important;height:calc(100dvh - var(--taskbar-height))!important}.window-header{height:44px;padding:0 var(--space-md);cursor:default}.window-title{font-size:var(--text-sm);font-weight:var(--font-medium)}.window-control{width:16px;height:16px}.window-control svg{width:10px;height:10px}.window-controls{gap:var(--space-md)}.resize-handle,.window-control-maximize{display:none!important}.window-content{overflow-y:auto;-webkit-overflow-scrolling:touch}}@media(hover:none)and (pointer:coarse){.window-header{min-height:var(--touch-target-min)}.window-control{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center}.window-control svg{opacity:.7}.window-content{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.resize-handle-right,.resize-handle-left{width:12px}.resize-handle-bottom,.resize-handle-top{height:12px}.resize-handle-corner{width:20px;height:20px}}@media(max-height:500px)and (orientation:landscape){.window,.window.maximized{height:calc(100vh - 40px)!important;height:calc(100dvh - 40px)!important}.window-header{height:32px}}.start-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:var(--taskbar-height);background:#0006;z-index:calc(var(--z-start-menu) - 1);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.start-menu{position:fixed;bottom:calc(var(--taskbar-height) + var(--space-sm));left:50%;transform:translate(-50%);width:600px;max-width:90vw;background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl),var(--shadow-glow-sm);z-index:var(--z-start-menu);animation:slideUp var(--transition-slow) ease-out;padding:var(--space-lg);max-height:70vh;overflow-y:auto}.start-menu-search{display:flex;align-items:center;gap:var(--space-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);transition:var(--transition-all)}.start-menu-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.start-menu-search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:var(--text-sm);outline:none}.start-menu-search-input::placeholder{color:var(--text-muted)}.start-menu-section{margin-bottom:var(--space-lg)}.start-menu-section:last-child{margin-bottom:0}.start-menu-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.start-menu-header-logo{width:20px;height:20px;object-fit:contain}.start-menu-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-sm)}.start-menu-app{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-sm);background:var(--glass-bg-light);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-all);color:var(--text-primary);text-decoration:none}.start-menu-app:hover{background:var(--glass-bg-lighter);transform:translateY(-2px);box-shadow:var(--shadow-md)}.start-menu-app-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:24px}.start-menu-app-label{font-size:var(--text-sm);text-align:center;line-height:var(--leading-tight);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.start-menu-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-md);border-top:1px solid var(--glass-border);margin-top:var(--space-lg)}.start-menu-user{display:flex;align-items:center;gap:var(--space-sm)}.start-menu-user-avatar{width:40px;height:40px;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--chrome-white);border:2px solid var(--glass-border);font-size:var(--text-lg);font-weight:var(--font-medium);flex-shrink:0}.start-menu-user-info{display:flex;flex-direction:column;gap:var(--space-0-5)}.start-menu-user-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.start-menu-user-email{color:var(--text-tertiary);font-size:var(--text-sm)}.start-menu-power{width:40px;height:40px;background:var(--glass-bg-light);border:none;border-radius:var(--radius-full);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);font-size:var(--text-lg)}.start-menu-power:hover{background:var(--color-error-20);color:var(--color-error)}.start-menu-power svg{width:18px;height:18px}@media(max-width:768px){.start-menu{width:95vw;max-height:80vh}.start-menu-apps{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.start-menu-app{padding:var(--space-sm)}.start-menu-app-icon{width:40px;height:40px;font-size:20px}.start-menu-search{padding:var(--space-sm)}.start-menu-search-input{font-size:16px}}@media(max-width:576px){.start-menu-backdrop{background:#0009}.start-menu{position:fixed!important;bottom:var(--taskbar-height)!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;max-height:calc(80vh - var(--taskbar-height));max-height:calc(80dvh - var(--taskbar-height));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0!important;padding:var(--space-md);padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom,0));transform:translate(0)!important;animation:slideInFromBottom var(--transition-slow) ease-out}.start-menu-search{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md)}.start-menu-search-input{font-size:16px;padding:var(--space-xs) 0}.start-menu-section{margin-bottom:var(--space-md)}.start-menu-section-header{font-size:var(--text-sm);margin-bottom:var(--space-xs)}.start-menu-apps{grid-template-columns:repeat(4,1fr);gap:var(--space-xs)}.start-menu-app{padding:var(--space-xs);gap:var(--space-xs)}.start-menu-app-icon{width:44px;height:44px;font-size:22px}.start-menu-app-icon svg{width:24px;height:24px}.start-menu-app-label{font-size:10px;-webkit-line-clamp:1}.start-menu-footer{padding:var(--space-sm) 0;margin-top:var(--space-md)}.start-menu-user-avatar{width:36px;height:36px;font-size:var(--text-sm)}.start-menu-user-name{font-size:var(--text-sm)}.start-menu-user-email{font-size:var(--text-xs)}.start-menu-power{width:36px;height:36px}}@media(max-width:480px){.start-menu-apps{grid-template-columns:repeat(3,1fr)}.start-menu-app-icon{width:40px;height:40px}}@media(hover:none)and (pointer:coarse){.start-menu-app{min-height:var(--touch-target-min)}.start-menu-app:active{background:var(--glass-bg-active);transform:scale(.98)}.start-menu-power:active{transform:scale(.95)}}@media(max-height:500px)and (orientation:landscape){.start-menu{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);padding:var(--space-sm) var(--space-md)}.start-menu-search{margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.start-menu-apps{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-xs)}.start-menu-app{padding:var(--space-xs)}.start-menu-app-icon{width:32px;height:32px;font-size:16px}.start-menu-app-label{font-size:10px}.start-menu-footer{padding:var(--space-xs) 0;margin-top:var(--space-sm)}}.notification-panel-backdrop{position:fixed;inset:0;background:#0006;z-index:calc(var(--z-notifications) - 1);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm))}.notification-panel{position:fixed;top:0;right:0;width:400px;height:100vh;height:100dvh;background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border-left:1px solid var(--glass-border);z-index:var(--z-notifications);display:flex;flex-direction:column;animation:slideInFromRight var(--transition-slow) ease-out}.notification-panel-header{padding:var(--space-lg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.notification-panel-title{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-medium)}.notification-count{background:var(--color-primary);color:var(--chrome-white);border-radius:var(--radius-full);padding:2px var(--space-sm);font-size:var(--text-sm);font-weight:var(--font-bold);min-width:20px;text-align:center}.notification-panel-actions{display:flex;gap:var(--space-sm)}.notification-action-btn{width:32px;height:32px;background:var(--glass-bg-light);border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all)}.notification-action-btn:hover{background:var(--glass-bg-lighter);color:var(--text-primary)}.notification-view-toggle{padding:var(--space-xs) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);min-width:70px}.notification-view-toggle:hover{background:var(--glass-bg-lighter);border-color:var(--glass-border-hover);color:var(--text-primary)}.notification-panel-content{flex:1;overflow-y:auto;padding:0}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px var(--space-lg);text-align:center;color:var(--text-muted)}.notification-empty h3{margin:var(--space-md) 0 var(--space-sm) 0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-medium)}.notification-empty p{margin:0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-tertiary)}.notification-empty svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}.notification-list{padding:var(--space-md) 0}.notification-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-left:3px solid var(--color-primary);border-bottom:1px solid var(--glass-border-light);transition:var(--transition-colors);position:relative}.notification-item:hover{background:var(--glass-bg-hover)}.notification-icon{margin-top:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-md);font-size:var(--text-sm)}.notification-content{flex:1;min-width:0}.notification-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-xs)}.notification-message{color:var(--text-primary);font-size:var(--text-sm);line-height:var(--leading-snug);margin-bottom:var(--space-xs);word-wrap:break-word}.notification-time{color:var(--text-muted);font-size:var(--text-sm)}.notification-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);transition:var(--transition-all);margin-top:-2px;display:flex;align-items:center;justify-content:center}.notification-close:hover{background:var(--glass-bg-hover);color:var(--text-tertiary)}.notification-panel-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--glass-border);flex-shrink:0}.notification-footer-btn{width:100%;padding:var(--space-sm) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-all)}.notification-footer-btn:hover{background:var(--glass-bg-lighter);border-color:var(--glass-border-hover)}.notification-compose-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.notification-compose{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden}.notification-compose-error{padding:var(--space-sm) var(--space-md);background:#ff5f5726;border:1px solid rgba(255,95,87,.3);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--text-sm)}.notification-compose-field{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;overflow:hidden}.notification-compose-field label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium)}.notification-compose-field textarea{resize:vertical;min-height:80px}.notification-type-selector{display:flex;gap:var(--space-sm)}.notification-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);background:var(--glass-bg-light);border:2px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-xs);text-transform:capitalize;cursor:pointer;transition:var(--transition-all)}.notification-type-btn:hover,.notification-type-btn.active{background:var(--glass-bg-lighter);color:var(--text-primary)}.notification-role-selector{display:flex;gap:var(--space-xs);flex-wrap:wrap}.notification-role-btn{padding:var(--space-sm) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:capitalize;cursor:pointer;transition:var(--transition-all)}.notification-role-btn:hover{background:var(--glass-bg-lighter);border-color:var(--glass-border-hover);color:var(--text-primary)}.notification-role-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--chrome-white)}.notification-compose-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.notification-compose-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}@media(max-width:576px){.notification-panel{width:100vw;right:0}.notification-type-selector{flex-wrap:wrap}.notification-type-btn{flex:1 1 calc(50% - var(--space-xs))}.notification-recipient-input{flex-wrap:wrap}.notification-recipient-type{width:100%}.notification-recipient-value{flex:1}}.context-menu{position:fixed;background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xs) 0;min-width:180px;max-width:250px;box-shadow:var(--shadow-2xl);z-index:var(--z-context-menu);animation:scaleIn var(--transition-fast) ease-out;overflow:hidden}.context-menu-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;width:100%;text-align:left;transition:var(--transition-colors);white-space:nowrap;-webkit-user-select:none;user-select:none}.context-menu-item:hover:not(.disabled){background:var(--glass-bg-hover)}.context-menu-item:active:not(.disabled){background:var(--glass-bg-active)}.context-menu-item.disabled{opacity:.5;cursor:not-allowed;color:var(--text-muted)}.context-menu-item svg,.context-menu-item i{flex-shrink:0;width:16px;height:16px;font-size:var(--text-sm)}.context-menu-separator{height:1px;background:var(--glass-border);margin:var(--space-xs) 0;border:none}.context-menu-shortcut{margin-left:auto;color:var(--text-muted);font-size:var(--text-sm);font-family:var(--font-mono)}.context-menu-label{flex:1}.context-menu-item.danger{color:var(--color-error)}.context-menu-item.danger:hover:not(.disabled){background:var(--color-error-10);color:var(--color-error)}@media(max-width:768px){.context-menu{min-width:200px;font-size:var(--text-lg)}.context-menu-item{padding:var(--space-md)}.context-menu-item svg,.context-menu-item i{width:18px;height:18px;font-size:var(--text-lg)}}@media(max-width:576px){.context-menu{min-width:180px;max-width:calc(100vw - var(--space-md) * 2);border-radius:var(--radius-lg)}.context-menu-item{padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min);font-size:var(--text-base)}.context-menu-item svg,.context-menu-item i{width:20px;height:20px}.context-menu-shortcut{display:none}}@media(hover:none)and (pointer:coarse){.context-menu-item{padding:var(--space-md);min-height:var(--touch-target-min)}}.dialog-overlay,.confirm-dialog-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;z-index:var(--z-dialogs);animation:fadeIn var(--transition-normal) ease-out}.confirm-dialog{background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);min-width:400px;max-width:90vw;max-height:90vh;box-shadow:var(--shadow-2xl),var(--shadow-glow-sm);animation:slideUp var(--transition-slow) ease-out;overflow:hidden}.confirm-dialog-header{padding:var(--space-lg);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.confirm-dialog-title-wrapper{display:flex;align-items:center;gap:var(--space-sm)}.confirm-dialog-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.confirm-dialog-icon-warning{color:var(--color-warning)}.confirm-dialog-icon-info{color:var(--color-primary)}.confirm-dialog-icon-question{color:var(--color-primary-light)}.confirm-dialog-icon-error{color:var(--color-error)}.confirm-dialog-icon-success{color:var(--color-success)}.confirm-dialog-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-all)}.confirm-dialog-close:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.confirm-dialog-content{padding:var(--space-lg);max-height:60vh;overflow-y:auto}.confirm-dialog-message{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-normal);margin:0}.confirm-dialog-footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:var(--space-sm)}.confirm-dialog-button{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all);border:none;min-width:80px}.confirm-dialog-button-cancel{background:var(--glass-bg-light);color:var(--text-secondary);border:1px solid var(--glass-border)}.confirm-dialog-button-cancel:hover{background:var(--glass-bg-lighter);border-color:var(--glass-border-hover);color:var(--text-primary)}.confirm-dialog-button-confirm{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--chrome-white)}.confirm-dialog-button-confirm:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:var(--shadow-glow-sm)}@media(max-width:768px){.confirm-dialog{min-width:320px;width:95vw;margin:var(--space-md)}.confirm-dialog-header,.confirm-dialog-content,.confirm-dialog-footer{padding:var(--space-md)}.confirm-dialog-footer{flex-direction:column-reverse}.confirm-dialog-button{width:100%;padding:var(--space-md)}}@media(max-width:576px){.confirm-dialog{min-width:unset;width:calc(100vw - var(--space-md) * 2);max-height:calc(100vh - var(--space-lg) * 2);max-height:calc(100dvh - var(--space-lg) * 2);border-radius:var(--radius-xl)}.confirm-dialog-header{padding:var(--space-sm) var(--space-md)}.confirm-dialog-title{font-size:var(--text-lg)}.confirm-dialog-content{padding:var(--space-md)}.confirm-dialog-message{font-size:var(--text-sm)}.confirm-dialog-footer{padding:var(--space-sm) var(--space-md) var(--space-md)}.confirm-dialog-button{min-height:var(--touch-target-min);font-size:var(--text-base)}}@media(hover:none)and (pointer:coarse){.confirm-dialog-button{min-height:var(--touch-target-min)}.confirm-dialog-close{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}}.toast-container{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;max-width:400px}.toast{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:slideInFromRight var(--transition-slow) ease-out;pointer-events:auto;min-width:280px;max-width:100%}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-info{border-left:4px solid var(--color-primary)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:var(--color-success)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info .toast-icon{color:var(--color-primary)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-0-5)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);word-wrap:break-word}.toast-close{flex-shrink:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-0-5);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);margin:calc(var(--space-0-5) * -1)}.toast-close:hover{background:var(--glass-bg-hover);color:var(--text-primary)}@media(max-width:576px){.toast-container{top:var(--space-sm);right:var(--space-sm);left:var(--space-sm);max-width:none}.toast{min-width:unset;width:100%}}@media(hover:none)and (pointer:coarse){.toast-close{min-width:32px;min-height:32px;padding:var(--space-xs)}}.login-screen{position:fixed;inset:0;background:var(--bg-galaxy);display:flex;align-items:center;justify-content:center;z-index:var(--z-dialogs);overflow:hidden}.login-screen-exit{animation:fadeOut .8s ease-out forwards}.login-background{position:absolute;inset:0;pointer-events:none}.login-background:before{content:"";position:absolute;inset:-50%;width:200%;height:200%;background-image:radial-gradient(3px 3px at 50px 80px,#fff,transparent),radial-gradient(2px 2px at 150px 200px,#93c5fd,transparent),radial-gradient(3px 3px at 300px 100px,#fff,transparent),radial-gradient(2px 2px at 450px 350px,#7dd3fc,transparent),radial-gradient(3px 3px at 600px 180px,#fff,transparent),radial-gradient(2px 2px at 200px 400px,#93c5fd,transparent),radial-gradient(3px 3px at 500px 50px,#fff,transparent),radial-gradient(2px 2px at 100px 300px,#7dd3fc,transparent),radial-gradient(3px 3px at 400px 450px,#fff,transparent),radial-gradient(2px 2px at 250px 150px,#93c5fd,transparent);background-size:600px 500px;animation:starsMove 25s linear infinite,starShine 3s ease-in-out infinite}.login-background:after{content:"";position:absolute;inset:-50%;width:200%;height:200%;background-image:radial-gradient(2px 2px at 80px 120px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 220px 80px,rgba(147,197,253,.6),transparent),radial-gradient(2px 2px at 380px 220px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 120px 320px,rgba(125,211,252,.6),transparent),radial-gradient(2px 2px at 480px 150px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 280px 420px,rgba(147,197,253,.6),transparent);background-size:550px 450px;animation:starsMoveSlow 40s linear infinite reverse,starShine 5s ease-in-out infinite reverse}.login-time-display{position:absolute;bottom:100px;left:60px;text-align:left;z-index:1}.login-time{font-size:var(--text-6xl);font-weight:var(--font-light);line-height:1;margin-bottom:var(--space-sm);background:linear-gradient(135deg,var(--chrome-white),var(--galaxy-blue),var(--chrome-white));background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s ease-in-out infinite;text-shadow:none}.login-date{font-size:var(--text-3xl);font-weight:var(--font-light);color:var(--text-secondary);text-shadow:0 0 20px var(--galaxy-blue-glow)}.login-card{background:var(--glass-bg);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-xl) var(--space-xl);width:400px;box-shadow:var(--shadow-2xl),var(--shadow-glow-blue);animation:slideUp .6s ease-out,glowPulse 4s ease-in-out infinite;position:relative;z-index:2}.login-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,var(--color-primary-40),transparent,var(--galaxy-blue-glow),transparent);border-radius:var(--radius-2xl);z-index:-1;animation:borderGlow 3s linear infinite;opacity:.5}.login-form{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);position:relative}.login-logo{display:flex;align-items:center;justify-content:center}.login-logo img{height:160px;filter:drop-shadow(0 0 15px var(--color-primary-40))}.login-logo{margin-bottom:calc(var(--space-lg) * -.5)}.login-title{color:var(--text-primary);font-size:var(--text-3xl);font-weight:var(--font-medium);margin:0;text-align:center}.login-subtitle{color:var(--text-tertiary);font-size:var(--text-lg);margin:0;text-align:center}.login-input-group{position:relative;width:100%}.login-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-xs)}.login-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-xl);color:var(--text-primary);font-size:var(--text-lg);transition:var(--transition-all)}.login-input:focus{border-color:var(--color-primary);background:var(--glass-bg-lighter);box-shadow:0 0 0 3px var(--color-primary-20),var(--shadow-glow-sm)}.login-input::placeholder{color:var(--text-muted)}.login-input-error{border-color:var(--color-error)!important;background:var(--color-error-10)!important}.login-input-error:focus{border-color:var(--color-error)!important;box-shadow:0 0 0 3px var(--color-error-20),0 0 20px var(--color-error-10)!important}.login-input-toggle{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-lg);transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.login-input-toggle:hover{color:var(--text-primary);background:var(--glass-bg-hover)}.login-button,.login-submit{width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:1px solid var(--color-primary-dark);border-radius:var(--radius-xl);color:#fff;font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:var(--transition-all);position:relative;overflow:hidden;min-height:52px;box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.login-button:before,.login-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--chrome-20),transparent);transition:left .5s}.login-button:hover:not(:disabled),.login-submit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-md)}.login-button:hover:not(:disabled):before,.login-submit:hover:not(:disabled):before{left:100%}.login-button:active:not(:disabled),.login-submit:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.login-button:disabled,.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-loading-overlay{position:absolute;inset:calc(var(--space-xl) * -1);background:#0009;backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl);z-index:10}.login-spinner{width:32px;height:32px;border:3px solid var(--glass-border);border-top-color:var(--color-primary-light);border-radius:50%;animation:spin 1s linear infinite}.login-back-arrow{position:absolute;top:0;left:0;background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);z-index:10}.login-back-arrow:hover{background:var(--glass-bg-lighter);border-color:var(--color-primary-40);color:var(--text-primary);transform:translate(-2px);box-shadow:var(--shadow-glow-sm)}.login-error{color:var(--color-error-light);font-size:var(--text-sm);text-align:center;padding:var(--space-sm) var(--space-md);background:var(--color-error-10);border:1px solid var(--color-error-20);border-radius:var(--radius-lg);width:100%;animation:shake .5s ease-in-out}@media(max-width:768px){.login-card{width:90%;max-width:400px;padding:var(--space-lg)}.login-time{font-size:var(--text-5xl)}.login-date{font-size:var(--text-xl)}.login-time-display{bottom:200px;left:var(--space-lg)}.login-title{font-size:var(--text-2xl)}.login-subtitle{font-size:var(--text-base)}}@media(max-width:576px){.login-screen{padding:var(--space-xl)}.login-card{width:100%;max-width:none;padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-xl)}.login-time-display{bottom:auto;top:var(--space-xl);left:var(--space-md);text-align:center;width:calc(100% - var(--space-xl))}.login-time{font-size:var(--text-4xl)}.login-date{font-size:var(--text-base)}.login-logo img{height:110px}.login-title{font-size:var(--text-xl)}.login-subtitle{font-size:var(--text-sm)}.login-form{gap:var(--space-md)}.login-input{padding:var(--space-sm) var(--space-md);font-size:16px}.login-button,.login-submit{padding:var(--space-sm) var(--space-md);min-height:48px;font-size:var(--text-base)}.login-back-arrow{width:32px;height:32px}}@media(max-width:480px){.login-card{padding:var(--space-md)}.login-time{font-size:var(--text-3xl)}.login-title{font-size:var(--text-lg)}}@media(max-height:500px)and (orientation:landscape){.login-time-display{display:none}.login-card{padding:var(--space-md) var(--space-lg);max-height:90vh;overflow-y:auto}.login-logo img{height:80px}.login-form{gap:var(--space-sm)}}@media(prefers-color-scheme:light){.login-time{background:linear-gradient(135deg,#f8fafc,#7dd3fc,#f8fafc);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-date{color:#e2e8f0}.login-loading-overlay{background:#ffffffb3}}.form-group{margin-bottom:var(--space-md)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-xs)}.form-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-all)}.form-input:hover{border-color:var(--glass-border-hover)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-20);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--glass-bg)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(148,163,184,0.7)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;padding-right:var(--space-xl);cursor:pointer}.form-textarea{resize:vertical;min-height:100px;font-family:inherit}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-xs)}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-xs)}.form-success{font-size:var(--text-xs);color:var(--color-success);margin-top:var(--space-xs)}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.form-checkbox input,.form-radio input{appearance:none;width:18px;height:18px;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all);flex-shrink:0}.form-radio input{border-radius:50%}.form-checkbox input:checked,.form-radio input:checked{background:var(--color-primary);border-color:var(--color-primary)}.form-checkbox input:checked:after{content:"";display:block;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px);margin:2px auto}.form-radio input:checked:after{content:"";display:block;width:8px;height:8px;background:#fff;border-radius:50%;margin:4px auto}.form-checkbox input:focus,.form-radio input:focus{box-shadow:0 0 0 3px var(--color-primary-20)}.loading-spinner{width:24px;height:24px;border:2px solid var(--glass-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-sm{width:16px;height:16px;border-width:2px}.loading-spinner-lg{width:40px;height:40px;border-width:3px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md)}.loading-text{font-size:var(--text-sm);color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.empty-state-icon{color:var(--text-muted);margin-bottom:var(--space-md);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.empty-state-description{font-size:var(--text-sm);color:var(--text-secondary);max-width:300px}.app-error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:var(--space-xl);background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}.app-error-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.app-error-icon{color:var(--color-warning);margin-bottom:var(--space-lg);filter:drop-shadow(0 0 10px var(--color-warning-30))}.app-error-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-sm)}.app-error-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-md);line-height:1.6}.app-error-details{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-error-10);border:1px solid var(--color-error-30);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.app-error-details code{font-size:var(--text-xs);color:var(--color-error-light);word-break:break-word;font-family:SF Mono,Monaco,Consolas,monospace}.app-error-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.app-error-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-all)}.app-error-button-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:1px solid var(--color-primary-dark);color:var(--chrome-white);box-shadow:var(--shadow-sm),var(--shadow-chrome)}.app-error-button-primary:hover{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.app-error-button-secondary{background:var(--glass-bg-light);border:1px solid var(--glass-border);color:var(--text-secondary)}.app-error-button-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.badge-primary{background:var(--color-primary-20);border-color:var(--color-primary-30);color:var(--color-primary-light)}.badge-success{background:var(--color-success-20);border-color:var(--color-success-30);color:var(--color-success)}.badge-warning{background:var(--color-warning-20);border-color:var(--color-warning-30);color:var(--color-warning)}.badge-error{background:var(--color-error-20);border-color:var(--color-error-30);color:var(--color-error)}.divider{height:1px;background:var(--glass-border);margin:var(--space-md) 0}.divider-vertical{width:1px;height:100%;background:var(--glass-border);margin:0 var(--space-md)}@media(max-width:576px){.form-input{font-size:16px;padding:var(--space-sm)}.form-select{font-size:16px;min-height:var(--touch-target-min)}.app-error-boundary{padding:var(--space-md)}.app-error-title{font-size:var(--text-lg)}.app-error-message{font-size:var(--text-sm)}.app-error-actions{flex-direction:column;width:100%}.app-error-button{width:100%;justify-content:center}}@media(hover:none)and (pointer:coarse){.form-input,.form-select{min-height:var(--touch-target-min)}.form-checkbox input,.form-radio input{width:22px;height:22px}}.crud-app{display:flex;flex-direction:column;height:100%;overflow:hidden}.crud-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border);background:var(--glass-bg-light)}.crud-search{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);min-height:36px;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition-all)}.crud-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.crud-search-icon{color:var(--text-muted);flex-shrink:0}.crud-search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:var(--text-sm);outline:none}.crud-search-input::placeholder{color:var(--text-muted)}.crud-filter-select{padding:0 var(--space-md);min-height:36px;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;transition:var(--transition-all);flex-shrink:0}.crud-filter-select:focus{border-color:var(--color-primary)}.crud-content{display:flex;flex:1;overflow:hidden}.crud-loading,.crud-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:var(--text-sm)}.crud-list-container{width:280px;flex-shrink:0;border-right:1px solid var(--glass-border);overflow-y:auto}.crud-list{display:flex;flex-direction:column}.crud-list-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:var(--transition-all);border-bottom:1px solid var(--glass-border);position:relative}.crud-list-item:hover{background:var(--glass-bg-hover)}.crud-list-item.selected{background:var(--color-primary-10);border-left:3px solid var(--color-primary)}.crud-list-item-icon{width:36px;height:36px;border-radius:50%;background:var(--glass-bg-light);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.crud-list-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.crud-list-item-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crud-list-item-subtitle{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.crud-list-item-status{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize;flex-shrink:0}.crud-list-item-status.status-active{background:var(--color-success-10);color:var(--color-success);border:1px solid rgba(46,204,113,.2)}.crud-list-item-status.status-inactive{background:#ffffff1a;color:var(--text-muted);border:1px solid var(--glass-border)}.crud-list-item-status.status-suspended{background:var(--color-error-10);color:var(--color-error);border:1px solid var(--color-error-20)}.crud-list-item-status.status-pending{background:var(--color-warning-10);color:var(--color-warning);border:1px solid rgba(255,193,7,.2)}.crud-list-item-status.status-archived{background:var(--color-error-10);color:var(--color-error);border:1px solid var(--color-error-20)}.crud-detail{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:var(--glass-bg)}.crud-detail-close{display:none}@media(max-width:576px){.crud-detail-close{display:flex}}.crud-detail-header{display:grid;grid-template-columns:1fr auto;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--glass-border);background:var(--glass-bg-light);flex-shrink:0}.crud-detail-header-main{display:flex;align-items:center;gap:var(--space-md);min-width:0}.crud-detail-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.crud-detail-avatar.rounded{border-radius:var(--radius-lg)}.crud-detail-title{flex:1;min-width:0}.crud-detail-title h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crud-detail-subtitle{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-xs)}.crud-detail-badge{display:inline-block;padding:2px 8px;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:capitalize}.crud-detail-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);flex-shrink:0}.crud-detail-body{flex:1;padding:var(--space-lg);overflow-y:auto}.crud-detail-section{margin-bottom:var(--space-xl)}.crud-detail-section:last-child{margin-bottom:0}.crud-detail-section h3{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-md)}.crud-detail-field{display:flex;justify-content:space-between;padding:var(--space-sm) 0;border-bottom:1px solid var(--glass-border)}.crud-detail-field:last-child{border-bottom:none}.crud-detail-field .label{font-size:var(--text-sm);color:var(--text-muted)}.crud-detail-field .value{font-size:var(--text-sm);color:var(--text-primary)}.crud-detail-field-icon{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;color:var(--text-primary);font-size:var(--text-sm)}.crud-detail-field-icon svg{color:var(--text-muted);flex-shrink:0}.crud-detail-field-icon a{color:var(--color-primary);text-decoration:none}.crud-detail-field-icon a:hover{text-decoration:underline}.crud-danger-zone{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--glass-border)}.crud-danger-zone h3{color:var(--color-error)}.crud-danger-warning{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-error-10);border:1px solid var(--color-error-20);border-radius:var(--radius-lg)}.crud-danger-warning>svg{flex-shrink:0;color:var(--color-error);margin-top:2px}.crud-danger-text{flex:1}.crud-danger-text strong{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.crud-danger-text p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;margin:0}.crud-delete-btn{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;align-self:center}.crud-modal-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;z-index:200}.crud-modal{width:90%;max-width:420px;max-height:85vh;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--blur-xl));backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column}.crud-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border);flex-shrink:0}.crud-modal-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.crud-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition-all)}.crud-modal-close:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.crud-modal-content{flex:1;padding:var(--space-lg);overflow-y:auto}.crud-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--glass-border);background:var(--glass-bg-light);flex-shrink:0}.crud-modal-footer .btn{display:flex;align-items:center;gap:var(--space-xs)}.crud-form{display:flex;flex-direction:column;gap:var(--space-md)}.crud-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.crud-form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.crud-form-field.full-width{grid-column:1 / -1}.crud-form-field label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.crud-form-field input,.crud-form-field select,.crud-form-field textarea{padding:var(--space-sm) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none;transition:var(--transition-all)}.crud-form-field input:focus,.crud-form-field select:focus,.crud-form-field textarea:focus{border-color:var(--color-primary);background:var(--glass-bg)}.crud-form-field input::placeholder,.crud-form-field textarea::placeholder{color:var(--text-muted)}.crud-form-field textarea{resize:vertical;min-height:80px;font-family:inherit}.crud-option-select{display:flex;gap:var(--space-sm)}.crud-option-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--glass-bg-light);border:2px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all)}.crud-option-btn:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-light)}.crud-option-btn.selected{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.crud-option-btn span{font-size:var(--text-sm);font-weight:var(--font-medium)}.crud-card{padding:var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);margin-bottom:var(--space-sm)}.crud-card-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);color:var(--text-secondary)}.crud-card-title{font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:capitalize}.crud-card-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.crud-primary-badge{padding:2px 6px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase}.crud-label-badge{padding:2px 6px;background:var(--glass-bg-light);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium)}.crud-card-interactive .crud-card-header{display:flex;align-items:center;gap:var(--space-xs)}.crud-card-actions{display:flex;align-items:center;gap:var(--space-xs);margin-left:auto;opacity:0;transition:var(--transition-all)}.crud-card-interactive:hover .crud-card-actions{opacity:1}.crud-card-subtitle{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium);margin-bottom:var(--space-xs)}.crud-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.crud-section-header h3{margin:0}.crud-empty-text{font-size:var(--text-sm);color:var(--text-muted);margin:0;padding:var(--space-sm) 0}.btn-icon-sm{width:28px;height:28px}.btn-icon-xs{width:22px;height:22px;padding:0;border-radius:var(--radius-sm)}.btn-icon-danger:hover{background:var(--color-error-10);color:var(--color-error)}@media(max-width:768px){.crud-list-container{width:240px}}@media(max-width:576px){.crud-header{padding:var(--space-sm) var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.crud-search{padding:var(--space-xs) var(--space-md);flex:1 1 100%}.crud-filter-select{flex:1 1 0;min-width:0}.crud-action-btn{flex:0 0 auto}.crud-app:has(.crud-list-container.has-selection) .crud-header{display:none}.crud-content{position:relative;flex:1}.crud-list-container{width:100%;border-right:none;flex:1}.crud-list-container.has-selection{display:none}.crud-list-item{padding:var(--space-md)}.crud-list-item-icon{width:40px;height:40px}.crud-detail{position:absolute;inset:0;background:var(--glass-bg);z-index:10}.crud-detail-header{grid-template-columns:1fr;padding:var(--space-md);position:relative}.crud-detail-header-main{flex-direction:column;align-items:center;text-align:center}.crud-detail-avatar{width:48px;height:48px}.crud-detail-title{display:flex;flex-direction:column;align-items:center;width:100%}.crud-detail-title h2{font-size:var(--text-base);white-space:normal}.crud-detail-subtitle{text-align:center}.crud-detail-actions{position:absolute;top:var(--space-sm);right:var(--space-sm);flex-direction:column;gap:var(--space-xs)}.crud-detail-body{padding:var(--space-md)}.crud-detail-section{margin-bottom:var(--space-md)}.crud-detail-field{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.crud-detail-field .value{word-break:break-all}.crud-danger-warning{flex-direction:column;gap:var(--space-sm)}.crud-delete-btn{width:100%;justify-content:center}.crud-modal{width:95%;max-width:none;margin:var(--space-md);max-height:calc(100% - var(--space-xl))}.crud-modal-header{padding:var(--space-sm) var(--space-md)}.crud-modal-content{padding:var(--space-md)}.crud-modal-footer{flex-direction:column-reverse;padding:var(--space-sm) var(--space-md)}.crud-modal-footer .btn{width:100%;justify-content:center}.crud-form-row{grid-template-columns:1fr}.crud-option-select{flex-direction:column}.crud-option-btn{flex-direction:row;justify-content:flex-start;padding:var(--space-sm) var(--space-md)}.crud-card{padding:var(--space-sm)}}@media(max-width:480px){.crud-detail-avatar{width:40px;height:40px}.crud-detail-title h2{font-size:var(--text-sm)}.crud-detail-subtitle{font-size:var(--text-xs)}.crud-detail-badge{font-size:10px}.crud-list-item-status{font-size:10px;padding:2px 6px}}.settings-container{display:flex;height:100%;overflow:hidden}.settings-sidebar{width:220px;flex-shrink:0;background:var(--glass-bg-light);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden}.settings-sidebar-header{padding:var(--space-lg) var(--space-md);border-bottom:1px solid var(--glass-border)}.settings-sidebar-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);background:linear-gradient(135deg,var(--chrome-white) 0%,var(--chrome-silver) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-nav{flex:1;overflow-y:auto;padding:var(--space-sm)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);margin-bottom:var(--space-xs);border:1px solid transparent}.settings-nav-item:hover{background:var(--glass-bg-hover);color:var(--text-primary);border-color:var(--glass-border-light)}.settings-nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--chrome-white);border-color:var(--color-primary-dark);box-shadow:var(--shadow-sm),var(--shadow-glow-sm)}.settings-nav-item svg{width:18px;height:18px;flex-shrink:0}.settings-content{flex:1;overflow-y:auto;padding:var(--space-lg)}.settings-section{margin-bottom:var(--space-xl)}.settings-section:last-child{margin-bottom:0}.settings-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border)}.settings-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.settings-role-badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--chrome-white);box-shadow:var(--shadow-sm);text-transform:capitalize}.settings-section-description{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md);line-height:1.5}.settings-group{background:var(--glass-bg);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--glass-border);transition:var(--transition-all)}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:var(--glass-bg-hover)}.settings-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-item-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.settings-item-description{display:block;font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.settings-item-control{flex-shrink:0;margin-left:var(--space-md)}.settings-input{width:200px;max-width:100%;padding:var(--space-sm) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);transition:var(--transition-all)}.settings-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-20);outline:none}.settings-select{width:150px;max-width:100%;padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(148,163,184,0.7)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;transition:var(--transition-all)}.settings-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-20);outline:none}.settings-mobile-nav{display:flex;gap:var(--space-xs);padding:var(--space-xs);margin:calc(var(--space-sm) * -1);margin-bottom:var(--space-md);background:var(--glass-bg-light);border-bottom:1px solid var(--glass-border);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.settings-mobile-nav::-webkit-scrollbar{display:none}.settings-mobile-nav-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:none;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:var(--transition-all);flex-shrink:0}.settings-mobile-nav-item:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.settings-mobile-nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--chrome-white);box-shadow:var(--shadow-sm)}.settings-mobile-nav-item svg{flex-shrink:0}.settings-warning-banner{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-warning-10);border:1px solid var(--color-warning-30);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.settings-warning-banner svg{width:18px;height:18px;color:var(--color-warning);flex-shrink:0}.settings-warning-banner span{font-size:var(--text-sm);color:var(--color-warning)}@media(max-width:768px){.settings-sidebar{width:180px}.settings-content{padding:var(--space-md)}}@media(max-width:576px){.settings-container{flex-direction:column;overflow:hidden}.settings-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--glass-border);max-height:none;flex-shrink:0}.settings-sidebar-header{padding:var(--space-md)}.settings-sidebar-title{font-size:var(--text-lg)}.settings-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);scrollbar-width:none;-ms-overflow-style:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-item{flex:0 0 auto;margin-bottom:0;padding:var(--space-sm) var(--space-md);white-space:nowrap;min-height:var(--touch-target-min)}.settings-content{padding:var(--space-sm);overflow-y:auto;overflow-x:hidden;flex:1}.settings-section{margin-bottom:var(--space-lg)}.settings-section-title{font-size:var(--text-base)}.settings-item{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-sm)}.settings-item-info{width:100%}.settings-item-control{margin-left:0;width:100%}.settings-input,.settings-select,.settings-group .form-input{width:100%}}@media(max-width:480px){.settings-role-badge{font-size:var(--text-2xs);padding:2px var(--space-xs)}}@media(hover:none)and (pointer:coarse){.settings-nav-item{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md)}.settings-nav-item:active{background:var(--glass-bg-active);transform:scale(.98)}.settings-mobile-nav-item{min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-md)}.settings-mobile-nav-item:active{background:var(--glass-bg-active);transform:scale(.98)}.settings-item{min-height:var(--touch-target-min)}}@media(max-width:480px){.settings-mobile-nav-item span{display:none}.settings-mobile-nav-item{padding:var(--space-sm)}}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--glass-bg-light);border:1px solid var(--glass-border);transition:var(--transition-all);border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:var(--transition-all);border-radius:50%}.toggle input:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-color:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px);background-color:var(--chrome-white)}.toggle input:focus+.toggle-slider{box-shadow:0 0 0 3px var(--color-primary-20)}.users-timeline-empty{font-size:var(--text-sm);color:var(--text-muted);text-align:center;padding:var(--space-md)}.users-timeline{display:flex;flex-direction:column}.users-timeline-item{display:flex;align-items:flex-start;gap:var(--space-md);position:relative;padding-bottom:var(--space-md)}.users-timeline-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:4px;z-index:1}.users-timeline-line{position:absolute;left:5px;top:16px;bottom:0;width:2px;background:var(--glass-border)}.users-timeline-content{flex:1;display:flex;flex-direction:column;gap:2px}.users-timeline-status{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.users-timeline-time{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-muted)}.users-modal-field{margin-bottom:var(--space-lg)}.users-modal-field label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-sm)}.users-role-select{display:flex;gap:var(--space-sm)}.users-role-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--glass-bg-light);border:2px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all)}.users-role-option:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-light)}.users-role-option.selected{background:var(--color-primary-10);border-color:var(--color-primary);color:var(--color-primary)}.users-role-option span{font-size:var(--text-sm);font-weight:var(--font-medium)}.users-modal-generate{width:100%}.users-token-result{text-align:center}.users-token-success{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-success);font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-md)}.users-token-info{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-lg);line-height:1.5}.users-token-link{display:flex;gap:var(--space-sm)}.users-token-input{flex:1;padding:var(--space-sm) var(--space-md);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-primary);font-family:monospace}.users-token-copy{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.users-edit-modal{max-width:500px}@media(max-width:576px){.users-timeline-item{padding-bottom:var(--space-sm);gap:var(--space-sm)}.users-timeline-dot{width:10px;height:10px}.users-timeline-line{left:4px}.users-role-select{flex-direction:column}.users-role-option{flex-direction:row;justify-content:flex-start;padding:var(--space-sm) var(--space-md)}.users-token-link{flex-direction:column}.users-token-input{width:100%;font-size:var(--text-sm)}.users-token-copy{width:100%;justify-content:center}}.contacts-notes{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;margin:0}.contacts-checkbox-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;padding:var(--space-sm) 0}.contacts-checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.contacts-checkbox-label span{font-size:var(--text-sm);color:var(--text-primary)}.contacts-modal{max-width:650px}.contacts-modal-sm{max-width:500px}.assets-app{display:flex;height:100%;overflow:hidden;position:relative}.assets-sidebar{width:200px;flex-shrink:0;background:var(--glass-bg-light);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden}.assets-sidebar-header{padding:var(--space-md);border-bottom:1px solid var(--glass-border)}.assets-sidebar-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0;background:linear-gradient(135deg,var(--chrome-white) 0%,var(--chrome-silver) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.assets-nav{flex:1;overflow-y:auto;padding:var(--space-xs);list-style:none;margin:0}.assets-nav-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-all);margin-bottom:var(--space-xs);border:1px solid transparent;background:none;text-align:left}.assets-nav-item:hover{background:var(--glass-bg-hover);color:var(--text-primary)}.assets-nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--chrome-white);border-color:var(--color-primary-dark);box-shadow:var(--shadow-sm),var(--shadow-glow-sm)}.assets-nav-item svg{width:18px;height:18px;flex-shrink:0}.assets-nav-badge{margin-left:auto;padding:2px 8px;background:var(--glass-bg-light);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted)}.assets-nav-item.active .assets-nav-badge{background:#fff3;color:var(--chrome-white)}.assets-sidebar-section{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--glass-border)}.assets-sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-sm)}.assets-category-list{display:flex;flex-direction:column;gap:2px;max-height:150px;overflow-y:auto}.assets-category-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);text-align:left}.assets-category-item:hover{background:var(--glass-bg-hover)}.assets-category-item.active{background:var(--color-primary-10)}.assets-category-name{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-category-item.active .assets-category-name{color:var(--color-primary)}.assets-category-count{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);padding:0 var(--space-xs);background:var(--glass-bg-light);border-radius:var(--radius-sm)}.assets-category-item.active .assets-category-count{background:var(--color-primary-20);color:var(--color-primary)}.assets-sidebar-stats{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--space-xs)}.assets-stat{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.assets-stat-label{color:var(--text-muted)}.assets-stat-value{font-weight:var(--font-medium)}.assets-stat-value.status-success{color:var(--color-success)}.assets-stat-value.status-info{color:var(--color-primary)}.assets-stat-value.status-warning{color:var(--color-warning)}.assets-stat-value.status-error{color:var(--color-error)}.assets-stat-value.status-muted{color:var(--text-muted)}.assets-mobile-nav{display:flex;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--glass-bg-light);border-bottom:1px solid var(--glass-border);overflow-x:auto;scrollbar-width:none}.assets-mobile-nav::-webkit-scrollbar{display:none}.assets-mobile-nav-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:none;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:var(--transition-all)}.assets-mobile-nav-item:hover{background:var(--glass-bg-hover)}.assets-mobile-nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--chrome-white)}.assets-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.assets-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.assets-header{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--glass-border);background:var(--glass-bg-light);flex-shrink:0}.view-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;flex:1}.assets-search{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);min-height:36px;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition-all)}.assets-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.assets-search-icon{color:var(--text-muted);flex-shrink:0}.assets-search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:var(--text-sm);outline:none;min-width:0}.assets-search-input::placeholder{color:var(--text-muted)}.has-filters{color:var(--color-primary);background:var(--color-primary-10)}.btn-text{margin-left:var(--space-xs)}.assets-filters{display:none;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);flex-wrap:wrap}.assets-filters.show{display:flex}.assets-filter-select{padding:0 var(--space-md);min-height:36px;background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;outline:none;transition:var(--transition-all);flex-shrink:0}.assets-filter-select:focus{border-color:var(--color-primary)}.assets-table-container{flex:1;overflow:auto}.assets-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.assets-table th,.assets-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--glass-border);vertical-align:middle}.assets-table th{position:sticky;top:0;background:var(--glass-bg-solid);font-weight:var(--font-medium);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;z-index:1}.assets-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.assets-table th.sortable:hover{color:var(--text-primary)}.assets-table th svg{display:inline;margin-left:var(--space-xs);vertical-align:middle}.assets-table tbody tr{cursor:pointer;transition:var(--transition-all)}.assets-table tbody tr:hover{background:var(--glass-bg-hover)}.assets-table tbody tr.selected{background:var(--color-primary-10)}.asset-code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.asset-code svg{display:inline-block;vertical-align:middle;margin-right:var(--space-xs)}.asset-name-cell{display:flex;flex-direction:column;gap:2px}.asset-name-text{font-weight:var(--font-medium);color:var(--text-primary)}.asset-type-badge{font-size:10px;color:var(--text-muted);text-transform:capitalize}.location-cell{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary)}.location-cell svg{color:var(--text-muted)}.value-cell{font-family:var(--font-mono);font-size:var(--text-xs)}.actions-col{width:100px;text-align:right}.actions-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-xs);opacity:.5;transition:var(--transition-all)}.assets-table tbody tr:hover .actions-menu{opacity:1}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.status-badge svg{flex-shrink:0}.status-badge.status-success{background:var(--color-success-10);color:var(--color-success);border:1px solid var(--color-success-20)}.status-badge.status-info{background:var(--color-primary-10);color:var(--color-primary);border:1px solid var(--color-primary-20)}.status-badge.status-warning{background:var(--color-warning-10);color:var(--color-warning);border:1px solid var(--color-warning-20)}.status-badge.status-error{background:var(--color-error-10);color:var(--color-error);border:1px solid var(--color-error-20)}.status-badge.status-muted{background:var(--glass-bg-light);color:var(--text-muted);border:1px solid var(--glass-border)}.assets-loading,.assets-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-muted);text-align:center}.assets-empty svg{opacity:.3}.assets-empty h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.assets-empty p{font-size:var(--text-sm);margin:0;max-width:300px}.assets-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-top:1px solid var(--glass-border);background:var(--glass-bg-light);font-size:var(--text-xs);flex-shrink:0}.pagination-info{color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--space-sm)}.pagination-page{color:var(--text-secondary)}.assets-detail-panel{width:320px;flex-shrink:0;background:var(--glass-bg-solid);border-left:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden}.detail-header{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--glass-border);background:var(--glass-bg-light)}.detail-close{display:none}.detail-title{flex:1;min-width:0}.detail-title h2{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-code{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted)}.detail-actions{flex-shrink:0}.detail-loading{flex:1;display:flex;align-items:center;justify-content:center}.detail-body{flex:1;overflow-y:auto;padding:var(--space-md)}.detail-section{margin-bottom:var(--space-lg)}.detail-section:last-child{margin-bottom:0}.detail-section h4{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--glass-border)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;font-size:var(--text-sm)}.detail-label{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-muted)}.detail-label svg{flex-shrink:0}.detail-value{color:var(--text-primary);text-align:right}.detail-notes{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;margin:0}.history-list{display:flex;flex-direction:column;gap:var(--space-xs)}.history-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--glass-bg-light);border-radius:var(--radius-md);font-size:var(--text-xs)}.history-type{flex:1;color:var(--text-primary);text-transform:capitalize}.history-date{color:var(--text-muted)}.history-cost,.history-qty{color:var(--text-secondary);font-family:var(--font-mono)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-md);overflow-y:auto;flex:1}.category-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-md);transition:var(--transition-all)}.category-card:hover{border-color:var(--color-primary-30);box-shadow:var(--shadow-md)}.category-card-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.category-card-header svg{color:var(--color-primary)}.category-card-header h3{flex:1;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.type-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-medium);text-transform:capitalize}.type-badge.type-fixed{background:var(--color-primary-10);color:var(--color-primary)}.type-badge.type-inventory{background:var(--color-success-10);color:var(--color-success)}.category-description{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4;margin:0 0 var(--space-sm)}.category-card-footer{padding-top:var(--space-sm);border-top:1px solid var(--glass-border)}.category-count{font-size:var(--text-xs);color:var(--text-muted)}.modal-backdrop{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-md);overflow-y:auto}.modal{width:100%;max-width:600px;max-height:calc(100vh - 48px);background:var(--glass-bg-solid);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.modal.modal-sm{max-width:400px}.assets-modal{max-width:700px;max-height:calc(100vh - 32px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--glass-border);flex-shrink:0}.modal-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:var(--space-md);min-height:0;max-height:100%}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md);border-top:1px solid var(--glass-border);background:var(--glass-bg-light);flex-shrink:0}.modal form,.assets-modal form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.form-section{margin-bottom:var(--space-lg)}.form-section:last-child{margin-bottom:0}.form-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--glass-border)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary)}.form-field input,.form-field select,.form-field textarea{padding:var(--space-xs) var(--space-sm);background:var(--glass-bg-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:inherit;outline:none;transition:var(--transition-all)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-20)}.form-field textarea{resize:vertical;min-height:60px}@media(max-width:900px){.assets-detail-panel{position:absolute;right:0;top:0;bottom:0;width:300px;box-shadow:var(--shadow-xl);z-index:10}.detail-close{display:flex}}@media(max-width:768px){.assets-sidebar{width:180px}.assets-detail-panel{width:280px}.hide-tablet{display:none}.assets-table th,.assets-table td{padding:var(--space-xs) var(--space-sm)}}@media(max-width:576px){.assets-app{flex-direction:column}.assets-sidebar{display:none}.assets-main{flex:1}.assets-header{padding:var(--space-sm) var(--space-md);display:flex;flex-wrap:wrap;gap:var(--space-sm)}.assets-search{flex:1 1 auto;min-width:0;padding:var(--space-xs) var(--space-md)}.assets-filter-toggle{display:none}.assets-header .btn-primary{flex:0 0 auto}.btn-text,.hide-mobile,.status-text{display:none}.assets-filters{display:flex;padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.assets-filter-select{flex:1 1 0;min-width:0}.assets-filters .btn{flex:0 0 auto}.assets-detail-panel{position:absolute;inset:0;width:100%}.detail-close{display:flex}.categories-grid{grid-template-columns:1fr;padding:var(--space-sm)}.modal{margin:0;max-height:100%;max-height:100vh;height:100%;border-radius:0}.assets-modal{max-height:100%;max-height:100vh;height:100%}.modal-body{flex:1 1 auto;overflow-y:auto;min-height:0}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%;justify-content:center}.assets-pagination{flex-direction:column;gap:var(--space-sm);text-align:center}}@media(hover:none)and (pointer:coarse){.assets-nav-item,.assets-mobile-nav-item,.assets-table tbody tr{min-height:var(--touch-target-min)}.actions-menu{opacity:1}.btn-icon-xs{width:36px;height:36px}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.desktop{z-index:var(--z-base)}.desktop-icons{z-index:var(--z-desktop-icons)}.window{z-index:var(--z-windows)}.window.focused{z-index:var(--z-window-active)}.taskbar{z-index:var(--z-taskbar)}.start-menu{z-index:var(--z-start-menu)}.context-menu{z-index:var(--z-context-menu)}.notification-panel{z-index:var(--z-notifications)}.dialog-overlay{z-index:var(--z-dialogs)}.toast-container{z-index:var(--z-tooltip)}.app-root{position:fixed;inset:0;overflow:hidden;background:var(--bg-galaxy);background-color:var(--galaxy-darker)}.app-layer{position:absolute;inset:0;transition:opacity .5s ease-in-out}.app-layer.fade-in{opacity:1;pointer-events:auto}.app-layer.fade-out{opacity:0;pointer-events:none}.login-layer{z-index:var(--z-dialogs)}.desktop-layer{z-index:1}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .15s ease,box-shadow .3s ease}.window,.start-menu,.notification-panel,.context-menu,.confirm-dialog,.toast{transition:background-color .3s ease,border-color .3s ease,color .15s ease,box-shadow .3s ease,opacity .2s ease,transform .2s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.app-layer{transition-duration:.01ms!important}}@media print{.taskbar,.start-menu,.notification-panel,.context-menu,.dialog-overlay,.toast-container{display:none!important}.window{position:static!important;box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid}body{background:#fff!important;color:#000!important}}