:root{color-scheme:light dark;--color-surface: #ffffff;--color-surface-muted: #f4f5f7;--color-primary: #1e6fff;--color-primary-foreground: #ffffff;--color-border: #e5e7eb;--color-foreground: #111827;--color-foreground-muted: #6b7280;--color-danger: #dc2626;--color-warning: #d97706;--color-success: #16a34a;--os-brand-400: #4c8dff;--os-brand-500: #1e6fff;--os-brand-600: #1453cc;--os-brand-gradient: linear-gradient(135deg, #4c8dff 0%, #1453cc 100%);--os-wallpaper: url(/assets/background-BeWGVhVH.jpg) center/cover no-repeat, linear-gradient(135deg, #081120 0%, #0b1e4d 55%, #112a66 100%);--os-login-wallpaper: radial-gradient(circle at 20% 20%, rgba(86, 130, 255, .28), transparent 42%), radial-gradient(circle at 85% 85%, rgba(34, 197, 94, .18), transparent 38%), url(/assets/background-BeWGVhVH.jpg) center/cover no-repeat, linear-gradient(135deg, #081120 0%, #111b31 48%, #1a2540 100%);--os-card-bg: rgba(14, 18, 30, .72);--os-card-border: rgba(255, 255, 255, .12);--os-card-shadow: 0 30px 90px rgba(6, 10, 18, .35);--os-card-blur: 20px;--os-taskbar-bg: rgba(20, 22, 32, .62);--os-taskbar-bg-fallback: rgba(20, 22, 32, .92);--os-taskbar-height: 48px;--os-icon-hover-bg: rgba(255, 255, 255, .18);--os-icon-hover-scale: 1.06;--os-icon-active-scale: .96;--os-focus-ring: 0 0 0 2px rgba(76, 141, 255, .85);--os-transition-fast: .12s ease-out;--os-transition-med: .22s cubic-bezier(.22, .61, .36, 1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme: dark){:root{--color-surface: #0b0f17;--color-surface-muted: #111827;--color-primary: #4c8dff;--color-primary-foreground: #0b0f17;--color-border: #1f2937;--color-foreground: #e5e7eb;--color-foreground-muted: #9ca3af}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--font-mono);font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-16{bottom:4rem}.right-0{right:0}.right-4{right:1rem}.z-50{z-index:50}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.h-3{height:.75rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-3{width:.75rem}.w-80{width:20rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-se-resize{cursor:se-resize}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\!resize{resize:both!important}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-border{border-color:var(--color-border)}.bg-primary{background-color:var(--color-primary)}.bg-surface{background-color:var(--color-surface)}.bg-surface-muted{background-color:var(--color-surface-muted)}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.text-danger{color:var(--color-danger)}.text-foreground{color:var(--color-foreground)}.text-foreground-muted{color:var(--color-foreground-muted)}.text-primary-foreground{color:var(--color-primary-foreground)}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}html,body,#root{height:100%}body{font-family:var(--font-sans);background-color:var(--color-surface);color:var(--color-foreground)}.login-wallpaper{min-height:100vh;display:grid;place-items:center;padding:32px 20px 56px;background:var(--os-login-wallpaper);color:#f7f9ff}.login-card{width:min(100%,440px);padding:36px 32px 28px;border-radius:24px;border:1px solid var(--os-card-border);background:var(--os-card-bg);box-shadow:var(--os-card-shadow);color:#f7f9ff;display:flex;flex-direction:column;gap:14px}@supports (backdrop-filter: blur(20px)){.login-card{backdrop-filter:blur(var(--os-card-blur)) saturate(1.2)}}.login-card .brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:12px}.login-card .logo{width:76px;height:76px;border-radius:20px;box-shadow:0 18px 48px #00000038;background:#ffffff0a;padding:8px}.login-card .brand h1{margin:0;font-size:28px;font-weight:600;color:#f7f9ff}.login-card .brand p{margin:0;font-size:14px;color:#f7f9ffb8}.login-card .error-bar{border-radius:14px;padding:10px 14px;font-size:13px;background:#ff6c6c24;border:1px solid rgba(255,108,108,.28);color:#ffb7b7}.login-card .field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#f7f9ffd1}.login-card .field input{padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0d;color:#fff;font-size:14px;transition:border-color var(--os-transition-fast),box-shadow var(--os-transition-fast),background var(--os-transition-fast)}.login-card .field input:focus{outline:none;border-color:#7aa2ffd9;box-shadow:0 0 0 4px #7aa2ff24;background:#ffffff14}.login-card .btn{min-height:46px;border-radius:14px;border:1px solid transparent;cursor:pointer;font-size:15px;font-weight:600;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--os-transition-fast),box-shadow var(--os-transition-fast),border-color var(--os-transition-fast),opacity var(--os-transition-fast)}.login-card .btn:hover:not(:disabled){transform:translateY(-1px)}.login-card .btn:disabled{opacity:.6;cursor:wait}.login-card .btn.primary{background:var(--os-brand-gradient);color:#fff;box-shadow:0 16px 36px #4f7cff52}.login-card .btn.ghost{background:#ffffff0f;border-color:#ffffff29;color:#fff;font-weight:500}.login-card .btn.ghost:hover{background:#ffffff1a}.login-card .divider{display:flex;align-items:center;margin:4px 0 2px;color:#ffffff8f;font-size:12px;letter-spacing:.08em}.login-card .divider:before,.login-card .divider:after{content:"";flex:1;height:1px;background:#ffffff1f}.login-card .divider:before{margin-right:12px}.login-card .divider:after{margin-left:12px}.login-card .oauth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login-footer{margin-top:18px;color:#ffffff8f;font-size:12px}@media (max-width: 640px){.login-wallpaper{padding:20px 14px 40px}.login-card{padding:28px 20px 22px;border-radius:20px}}.os-shell{position:relative;height:100vh;width:100vw;overflow:hidden;background:var(--os-wallpaper);color:#f7f9ff}.os-desktop-grid{position:absolute;inset:16px 16px calc(var(--os-taskbar-height) + 16px) 16px;display:grid;grid-auto-flow:column;grid-template-columns:repeat(auto-fill,96px);grid-template-rows:repeat(auto-fill,96px);grid-auto-columns:96px;gap:8px;z-index:10;justify-content:start;align-content:start}.os-desktop-loading{display:inline-flex;align-items:center;justify-content:center;min-width:144px;height:36px;padding:0 12px;border-radius:8px;background:#0f172a5c;color:#ffffffe0;font-size:13px;line-height:1;backdrop-filter:blur(10px)}.os-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 8px;background:transparent;border:1px solid transparent;border-radius:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:12px;cursor:pointer;transition:transform var(--os-transition-fast),background var(--os-transition-fast),box-shadow var(--os-transition-fast),border-color var(--os-transition-fast)}.os-icon:hover{background:var(--os-icon-hover-bg);border-color:#ffffff2e;transform:scale(var(--os-icon-hover-scale));box-shadow:0 6px 18px #00000047}.os-icon:active{transform:scale(var(--os-icon-active-scale))}.os-icon:focus-visible{outline:none;box-shadow:var(--os-focus-ring)}.os-icon-tile{position:relative;width:52px;height:52px;flex:0 0 52px;display:flex;align-items:center;justify-content:center}.os-owned-app-tag{position:absolute;top:-5px;right:-18px;z-index:1;display:inline-flex;align-items:center;height:16px;padding:0 5px;border:1px solid rgba(255,255,255,.68);border-radius:4px;background:#ffffffeb;color:#1f2937;font-size:10px;font-weight:600;line-height:1;text-shadow:none;white-space:nowrap;box-shadow:0 3px 8px #0f172a42}.os-icon-label{max-width:88px;height:28px;flex:0 0 28px;line-height:14px;text-align:center;white-space:normal;overflow:hidden}:root{--z-folder-popover: 15}.os-folder-preview{display:grid;width:44px;height:44px;gap:3px;align-items:center;justify-items:center}.os-folder-preview--count-1{display:flex;align-items:center;justify-content:center}.os-folder-preview--count-2,.os-folder-preview--count-3,.os-folder-preview--count-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.os-folder-preview--count-5,.os-folder-preview--count-6,.os-folder-preview--count-7,.os-folder-preview--count-8,.os-folder-preview--count-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.os-folder-receiving .os-icon-tile{outline:2px solid var(--os-accent, #4c8bf5);outline-offset:2px}.os-folder-popover-backdrop{position:fixed;inset:0;z-index:var(--z-folder-popover);background:#0f172a52;display:flex;align-items:center;justify-content:center}.os-folder-popover-panel{background:#0f172aa3;color:#f8fafc;border:1px solid rgba(255,255,255,.18);border-radius:12px;box-shadow:0 24px 56px #00000057,inset 0 1px #ffffff1f;padding:16px 20px;min-width:360px;max-width:min(720px,80vw);max-height:70vh;overflow:auto;outline:none}@supports (backdrop-filter: blur(24px)){.os-folder-popover-panel{background:#0f172a75;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}}.os-folder-popover-title{font-size:16px;font-weight:600;margin:0 0 12px;cursor:text}.os-folder-popover-title-input{font:inherit;width:100%;padding:4px 6px;margin-bottom:12px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:#ffffff14;color:inherit}.os-folder-popover-grid{display:grid;grid-template-columns:repeat(4,96px);gap:8px}.os-folder-popover-cell{width:96px;height:96px;display:flex;align-items:center;justify-content:center}.os-window-host{z-index:20}.os-window{background:#fff;color:#1f2533;border:1px solid rgba(15,23,42,.08);border-radius:10px;box-shadow:0 20px 48px #0f172a47,0 2px 8px #0f172a14}.os-window-titlebar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#f6f8fc,#eef1f7);border-bottom:1px solid rgba(15,23,42,.08);color:#1f2533;cursor:grab}.os-window-titlebar:active{cursor:grabbing}.os-window-title{font-size:13px;font-weight:500;color:#1f2533;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.os-window-controls{display:flex;align-items:center;gap:2px}.os-window-btn{width:28px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#475069;font-size:13px;line-height:1;cursor:pointer;transition:background var(--os-transition-fast),color var(--os-transition-fast)}.os-window-btn:hover{background:#0f172a14;color:#1f2533}.os-window-icon{width:10px;height:10px;stroke:currentColor;stroke-width:1;fill:none;stroke-linecap:square}.os-window-btn-close:hover{background:#e5484d;color:#fff}.os-window-body{background:#fff;color:#1f2533}.os-start-menu{position:absolute;left:0;bottom:100%;margin-bottom:8px;width:288px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#121828e0;box-shadow:0 20px 48px #00000073;color:#f7f9ff}@supports (backdrop-filter: blur(18px)){.os-start-menu{background:#121828b8;backdrop-filter:blur(18px) saturate(1.4)}}.os-start-menu-search{width:100%;margin-bottom:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#f7f9ff;font-size:13px;outline:none;transition:border-color var(--os-transition-fast),box-shadow var(--os-transition-fast),background var(--os-transition-fast)}.os-start-menu-search::-moz-placeholder{color:#f7f9ff80}.os-start-menu-search::placeholder{color:#f7f9ff80}.os-start-menu-search:focus{border-color:#7aa2ffd9;box-shadow:0 0 0 3px #7aa2ff2e;background:#ffffff1a}.os-start-menu-list{max-height:320px;overflow-y:auto}.os-start-menu-empty{padding:8px 10px;font-size:12px;color:#f7f9ff99}.os-start-menu-item{display:flex;width:100%;align-items:center;gap:10px;padding:8px 10px;border:none;background:transparent;border-radius:8px;color:#f7f9ff;text-align:left;font-size:13px;cursor:pointer;transition:background var(--os-transition-fast)}.os-start-menu-item:hover{background:#ffffff14}.os-start-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.os-start-menu-ext{font-size:12px;color:#f7f9ff99}.os-user-menu-trigger{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:none;background:transparent;border-radius:999px;color:#f7f9ff;font-size:13px;cursor:pointer;transition:background var(--os-transition-fast)}.os-user-menu-trigger:hover,.os-user-menu-trigger[aria-expanded=true]{background:#ffffff1a}.os-user-menu-avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;background:linear-gradient(135deg,#4c8dff,#1453cc);color:#fff;font-size:12px;font-weight:600;-o-object-fit:cover;object-fit:cover}.os-user-menu{position:absolute;right:0;bottom:100%;margin-bottom:8px;width:240px;padding:8px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#121828e0;box-shadow:0 20px 48px #00000073;color:#f7f9ff}@supports (backdrop-filter: blur(18px)){.os-user-menu{background:#121828b8;backdrop-filter:blur(18px) saturate(1.4)}}.os-user-menu-banner{margin-bottom:8px;padding:6px 10px;border-radius:8px;border:1px solid rgba(251,191,36,.35);background:#fbbf2414;color:#fbbf24;font-size:12px;line-height:1.4}.os-user-menu-meta{padding:4px 10px 8px;font-size:12px;color:#f7f9ff99}.os-user-menu-item{display:block;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;color:#f7f9ff;text-align:left;font-size:13px;cursor:pointer;transition:background var(--os-transition-fast)}.os-user-menu-item:hover{background:#ffffff14}.os-user-menu-item.danger{color:#f87171}.os-user-menu-item.danger:hover{background:#f8717124}.app-page{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f5f7fb;color:#1f2533;min-height:100%;font-size:13px}.app-page.compact{padding:16px;gap:12px}.app-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.app-page-title{font-size:16px;font-weight:600;color:#1f2533;margin:0}.app-page-subtitle{font-size:12px;color:#6b7388;margin-top:2px}.app-card{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:16px;box-shadow:0 1px 2px #0f172a0a}.app-card-title{font-size:13px;font-weight:600;color:#1f2533;margin:0 0 10px}.app-card-subtitle{font-size:12px;color:#6b7388;margin:-6px 0 12px}.app-hero{background:linear-gradient(135deg,#2f6dff,#1453cc);color:#fff;border-radius:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 12px 28px #1453cc38}.app-hero-title{font-size:18px;font-weight:600;margin:4px 0 2px}.app-hero-meta{font-size:12px;color:#ffffffd1}.app-hero-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#ffffff29;color:#fff;font-size:11px;font-weight:500}.app-hero-side{text-align:right;font-size:12px;color:#ffffffd1}.app-hero-side strong{display:block;font-size:20px;font-weight:600;color:#fff;letter-spacing:.02em}.app-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}@media (min-width: 720px){.app-kv{grid-template-columns:repeat(3,minmax(0,1fr))}}.app-kv dt{font-size:11px;color:#6b7388;margin-bottom:2px}.app-kv dd{font-size:13px;color:#1f2533;font-weight:500;margin:0;word-break:break-all}.app-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.app-metric{background:#fff;border:1px solid rgba(15,23,42,.06);border-radius:12px;padding:14px 16px;box-shadow:0 1px 2px #0f172a0a;display:flex;flex-direction:column;gap:8px}.app-metric-head{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7388}.app-metric-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#2f6dff1a;color:#1e6fff;font-size:13px}.app-metric-value{font-size:20px;font-weight:600;color:#1f2533;line-height:1.1}.app-metric-sub{font-size:12px;color:#6b7388}.app-metric-bar{height:4px;border-radius:999px;background:#0f172a0f;overflow:hidden}.app-metric-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2f6dff,#1e6fff);transition:width var(--os-transition-med)}.app-metric-bar-fill.warn{background:linear-gradient(90deg,#ffb020,#ff8a00)}.app-metric-bar-fill.danger{background:linear-gradient(90deg,#ff6b6b,#e5484d)}.app-banner{border-radius:10px;padding:10px 14px;font-size:12px}.app-banner.warn{background:#ffb0201a;border:1px solid rgba(255,176,32,.28);color:#a15e00}.app-banner.danger{background:#e5484d14;border:1px solid rgba(229,72,77,.28);color:#b13237}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background var(--os-transition-fast),border-color var(--os-transition-fast),color var(--os-transition-fast),box-shadow var(--os-transition-fast);text-decoration:none}.app-btn:disabled{opacity:.55;cursor:not-allowed}.app-btn.primary{background:linear-gradient(135deg,#2f6dff,#1453cc);color:#fff;box-shadow:0 6px 14px #1453cc38}.app-btn.primary:hover:not(:disabled){filter:brightness(1.05)}.app-btn.ghost{background:#fff;border-color:#0f172a1f;color:#1f2533}.app-btn.ghost:hover:not(:disabled){background:#f1f4f9}.app-btn.danger{background:#fff;border-color:#e5484d59;color:#c0353a}.app-btn.danger:hover:not(:disabled){background:#e5484d14}.app-btn.sm{height:26px;padding:0 10px;font-size:12px;border-radius:6px}.app-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b7388}.app-field>span{font-weight:500}.app-input,.app-select{height:34px;padding:0 10px;border-radius:8px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#1f2533;font-size:13px;outline:none;transition:border-color var(--os-transition-fast),box-shadow var(--os-transition-fast)}.app-input:focus,.app-select:focus{border-color:#2f6dff;box-shadow:0 0 0 3px #2f6dff2e}.app-input.sm,.app-select.sm{height:28px;padding:0 8px;font-size:12px}.app-table-wrap{border-radius:12px;background:#fff;border:1px solid rgba(15,23,42,.06);overflow:hidden;box-shadow:0 1px 2px #0f172a0a}.app-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;color:#1f2533}.app-table thead th{position:sticky;top:0;z-index:1;background:#f6f8fc;color:#6b7388;font-weight:500;font-size:12px;text-align:left;padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.06)}.app-table tbody td{padding:10px 12px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:top}.app-table tbody tr:last-child td{border-bottom:none}.app-table tbody tr:hover{background:#f8fafc}.app-table tbody tr.selected{background:#2f6dff14}.app-link{color:#1e6fff;background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit}.app-link:hover{text-decoration:underline}.app-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500}.app-badge.success{background:#16a34a1f;color:#137a3d}.app-badge.neutral{background:#0f172a14;color:#475069}.app-badge.warn{background:#ffb02024;color:#a15e00}.app-badge.danger{background:#e5484d1f;color:#b13237}.app-muted{color:#6b7388}.app-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.os-taskbar{position:absolute;left:0;right:0;bottom:0;height:var(--os-taskbar-height);display:flex;align-items:center;gap:8px;padding:0 8px;background:var(--os-taskbar-bg-fallback);border-top:1px solid rgba(255,255,255,.08);color:#fff;z-index:50}@supports (backdrop-filter: blur(16px)){.os-taskbar{background:var(--os-taskbar-bg);backdrop-filter:blur(16px) saturate(1.4)}}.os-taskbar-start{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--os-transition-fast)}.os-taskbar-start:hover,.os-taskbar-start[aria-expanded=true]{background:#ffffff1a}.os-taskbar-start img{width:28px;height:28px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:7px;display:block;transform:scale(1.25)}.os-taskbar-windows{flex:1;display:flex;gap:4px;overflow-x:auto}.os-taskbar-task{height:32px;min-width:120px;max-width:220px;padding:0 12px;background:#ffffff0d;border:none;border-bottom:2px solid transparent;color:#fff;cursor:pointer;border-radius:6px;font-size:13px;display:inline-flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.os-taskbar-task:hover{background:#ffffff1f}.os-taskbar-task.active{background:#ffffff26;border-bottom-color:var(--os-brand-400)}.os-taskbar-task.minimized{opacity:.7}.os-taskbar-tray{display:flex;align-items:center;gap:12px}.os-taskbar-clock{font-size:13px;min-width:48px;text-align:right;color:#ffffffe6}.service-status-cards{position:absolute;top:16px;right:16px;display:grid;grid-template-columns:repeat(3,minmax(140px,180px));gap:8px;z-index:1}.service-card{border-radius:12px;padding:10px 12px;border:1px solid var(--color-border);background:var(--os-card-bg);backdrop-filter:blur(var(--os-card-blur));text-align:left;color:var(--color-foreground);display:flex;flex-direction:column;gap:2px;cursor:default;transition:transform var(--os-transition-fast)}.service-card:not(:disabled):hover{cursor:pointer;transform:translateY(-1px)}.service-card-name{font-size:12px;font-weight:600}.service-card-status{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.service-card-secondary{font-size:11px;opacity:.7;word-break:break-all}.service-card.service-ok{border-color:#16a34a66}.service-card.service-ok .service-card-status{color:#16a34a}.service-card.service-warn{border-color:#d9770666}.service-card.service-warn .service-card-status{color:#d97706}.service-card.service-fail{border-color:#dc262666}.service-card.service-fail .service-card-status{color:#dc2626}.service-status-error{grid-column:1 / -1;padding:8px 10px;border-radius:10px;background:#dc26261a;color:#dc2626;font-size:12px}.welcome-wallpaper{min-height:100vh;display:grid;place-items:center;padding:32px 20px 56px;background:var(--os-login-wallpaper);color:#f7f9ff}.welcome-card{width:min(100%,720px);padding:40px 44px 32px;border-radius:24px;border:1px solid var(--os-card-border);background:var(--os-card-bg);box-shadow:var(--os-card-shadow);color:#f7f9ff;display:flex;flex-direction:column;gap:18px}@supports (backdrop-filter: blur(20px)){.welcome-card{backdrop-filter:blur(var(--os-card-blur)) saturate(1.2)}}.welcome-card h1{color:#f7f9ff}.welcome-card .welcome-muted{color:#f7f9ffa6;font-size:12px}.welcome-card p,.welcome-card label,.welcome-card span,.welcome-card div{color:inherit}.welcome-steps{display:flex;align-items:center;gap:10px}.welcome-step-dot{flex:1;height:4px;border-radius:999px;background:#ffffff1f;transition:background .2s ease}.welcome-step-dot.active{background:linear-gradient(90deg,#4c8dff,#7aa2ff)}.welcome-step-dot.done{background:#4c8dff8c}.welcome-input{width:100%;padding:10px 12px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#f7f9ff;font-size:13px;outline:none;transition:border-color .15s ease,background .15s ease}.welcome-input:focus{border-color:#7aa2ff99;background:#ffffff1a}.welcome-input::-moz-placeholder{color:#f7f9ff59}.welcome-input::placeholder{color:#f7f9ff59}.welcome-label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#f7f9ffbf}.welcome-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0a;cursor:pointer;transition:all .15s ease;font-size:13px}.welcome-option:hover{background:#ffffff14}.welcome-option input[type=radio]{accent-color:#4c8dff}.welcome-option.checked{border-color:#7aa2ff99;background:#4c8dff29}.welcome-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:10px;font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease;min-width:96px}.welcome-btn:disabled{opacity:.5;cursor:not-allowed}.welcome-btn.primary{background:var(--os-brand-gradient);color:#fff;box-shadow:0 6px 18px #1453cc59}.welcome-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.welcome-btn.ghost{background:#ffffff0f;border-color:#ffffff2e;color:#f7f9ff}.welcome-btn.ghost:hover:not(:disabled){background:#ffffff1a}.welcome-card [role=alert]{color:#ff8a8a;font-size:12px}.metrics-inline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:11px;line-height:1.2;font-variant-numeric:tabular-nums;color:#fff}.metrics-inline-empty{font-style:italic;color:#ffffffb3}.metrics-cell{display:inline-flex;align-items:center;gap:3px;color:#fff}.metrics-icon{color:#fff;font-size:10px;letter-spacing:-1px}.metrics-cell-tokps{font-weight:600}.metrics-cell-warn,.metrics-cell-warn .metrics-icon{color:#fbbf24}.metrics-cell-danger{color:#f87171;font-weight:600}.metrics-cell-danger .metrics-icon{color:#f87171}.metrics-trend{font-size:9px;margin-left:1px;color:#fff}.metrics-trend-up{color:#4ade80}.metrics-trend-down{color:#f87171}.metrics-trend-flat{color:#ffffffb3}.metrics-expanded{display:flex;flex-direction:column;gap:4px;padding:8px 10px;margin-top:6px;border-radius:8px;background:#7f7f7f0d;border:1px solid rgba(127,127,127,.1);font-size:11px;font-variant-numeric:tabular-nums}.metrics-expanded-head{display:flex;justify-content:space-between;align-items:baseline;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#ffffffd9;margin-bottom:2px}.metrics-expanded-err{color:#fbbf24;text-transform:none;letter-spacing:0}.metrics-expanded-skeleton{display:flex;flex-direction:column;gap:4px}.metrics-row{display:grid;grid-template-columns:56px 1fr 56px;align-items:center;gap:8px}.metrics-row-label{color:#ffffffd9;font-size:10.5px}.metrics-row-value{text-align:right;font-weight:600;font-size:11px;color:#fff}.metrics-row-spark{display:block;width:100%;height:16px;color:#ffffffe6}.metrics-row-spark-warn{color:#fbbf24}.metrics-row-spark-skeleton{background:linear-gradient(90deg,#7f7f7f0f,#7f7f7f2e,#7f7f7f0f);background-size:200% 100%;animation:metrics-skeleton-shimmer 1.4s ease-in-out infinite;border-radius:3px}@keyframes metrics-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.metrics-row-spark-skeleton{animation:none}}.metrics-expanded-actions{display:flex;justify-content:flex-end;margin-top:4px}.metrics-deeplink-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:#ffffff14;color:#fff;text-decoration:none;transition:background .12s ease,transform .12s ease}.metrics-deeplink-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.metrics-deeplink-btn.is-disabled{pointer-events:none;color:#fff6;border-color:#fff3;background:transparent;cursor:not-allowed}.hover\:text-foreground:hover{color:var(--color-foreground)}.widget-host{position:absolute;top:16px;right:16px;z-index:15;display:flex;flex-direction:column;gap:12px;max-width:280px;pointer-events:none}.widget-host>*{pointer-events:auto}.widget{width:260px;padding:14px 16px;border-radius:12px;background:#141820c7;color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 6px #0000004d,0 0 0 1px #ffffff14 inset;font-size:13px;line-height:1.4}.widget-service-status .widget-head{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:10px}.widget-head-text{flex:1;min-width:0}.widget-head-title{font-weight:600;font-size:13px}.widget-head-subtitle{font-size:11px;opacity:.7;margin-top:1px}.widget-service-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.widget-service-row{display:flex;align-items:center;gap:8px;padding:4px 2px;font-size:12px}.widget-service-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.widget-service-meta{opacity:.65;font-variant-numeric:tabular-nums;font-size:11px}.widget-state-dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;font-size:12px;font-weight:600;line-height:1;background:#ffffff14}.lc-running .widget-state-dot,.widget-state-dot.lc-running{background:#2ecc7140;color:#4ade80}.lc-starting .widget-state-dot,.widget-state-dot.lc-starting{background:#3b82f640;color:#60a5fa;animation:widget-pulse 2s ease-in-out infinite}.lc-degraded .widget-state-dot,.widget-state-dot.lc-degraded{background:#facc1538;color:#facc15}.lc-restarting .widget-state-dot,.widget-state-dot.lc-restarting{background:#fb923c40;color:#fb923c;animation:widget-spin 1.4s linear infinite}.lc-down .widget-state-dot,.widget-state-dot.lc-down{background:#ef444447;color:#f87171}.lc-disabled .widget-state-dot,.widget-state-dot.lc-disabled{background:#a0a0a02e;color:#9ca3af}.widget.lc-down{box-shadow:0 2px 6px #0000004d,0 0 0 1px #f8717173 inset}.widget.lc-restarting{box-shadow:0 2px 6px #0000004d,0 0 0 1px #fb923c66 inset}.widget.lc-starting{box-shadow:0 2px 6px #0000004d,0 0 0 1px #60a5fa66 inset}.widget-skeleton{min-height:120px;display:flex;flex-direction:column;gap:10px;justify-content:center}.widget-skel-line{height:10px;background:#ffffff1a;border-radius:4px;animation:widget-pulse 1.6s ease-in-out infinite}.widget-skel-head{height:14px;width:55%}.widget-error{display:flex;align-items:center;gap:10px;color:#fca5a5}@keyframes widget-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes widget-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.widget-state-dot,.widget-skel-line{animation:none!important}}.widget-service-row.is-expandable{flex-direction:column;align-items:stretch;padding:4px 4px 6px;gap:4px}.widget-service-row-head{display:flex;align-items:center;gap:8px;width:100%;padding:0;background:transparent;border:none;color:inherit;font:inherit;text-align:left;cursor:default}.widget-service-row.is-expandable .widget-service-row-head{cursor:pointer}.widget-service-row.is-expandable .widget-service-row-head:hover{opacity:.85}.widget-service-row-head:disabled{cursor:default}.widget-service-caret{font-size:9px;opacity:.45;margin-left:auto;transform:translateY(-1px)}.widget-service-row.is-expanded .widget-service-caret{opacity:.8}.widget-service-row .metrics-inline{padding-left:26px}.widget-service-row .metrics-expanded{margin-left:26px}:root{--sysmon-color-ok: #22C55E;--sysmon-color-warn: #F59E0B;--sysmon-color-crit: #EF4444;--sysmon-color-model: #A855F7;--sysmon-color-net-down: #3B82F6;--sysmon-color-net-up: #A78BFA;--sysmon-light-page-bg: #f5f7fb;--sysmon-light-card-bg: #ffffff;--sysmon-light-card-bg-soft: #f8fafc;--sysmon-light-border: rgba(15, 23, 42, .08);--sysmon-light-border-strong: rgba(15, 23, 42, .16);--sysmon-light-text: #1f2533;--sysmon-light-text-mute: #6b7388;--sysmon-light-text-faint: #94a3b8;--sysmon-light-shadow: 0 1px 2px rgba(15, 23, 42, .04);--sysmon-dark-text-mute: rgba(255, 255, 255, .72);--sysmon-dark-text-faint: rgba(255, 255, 255, .5);--sysmon-dark-border: rgba(255, 255, 255, .1)}.dashboard-app{display:flex;flex-direction:column;gap:16px;padding:20px;min-height:100%;background:var(--sysmon-light-page-bg);color:var(--sysmon-light-text);font-size:13px}.dash-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-radius:14px;background:linear-gradient(135deg,#2f6dff,#1453cc);color:#fff;box-shadow:0 12px 28px #1453cc38}.dash-hero-left{display:flex;flex-direction:column;gap:4px}.dash-hero-badge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:4px 10px;font-size:11px;font-weight:500;border-radius:999px;background:#ffffff29;color:#fff}.dash-hero-name{font-size:24px;font-weight:600;line-height:1.1;margin:0}.dash-hero-kernel{font-size:12px;color:#ffffffd1}.dash-hero-right{text-align:right}.dash-hero-uptime-label{font-size:11px;color:#ffffffd1}.dash-hero-uptime-value{font-size:22px;font-weight:600;letter-spacing:.02em}.dash-sysinfo{padding:16px;border-radius:12px;background:var(--sysmon-light-card-bg);border:1px solid var(--sysmon-light-border);box-shadow:var(--sysmon-light-shadow)}.dash-sysinfo-title{font-size:13px;font-weight:600;color:var(--sysmon-light-text);margin:0 0 12px}.dash-sysinfo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0}@media (min-width: 720px){.dash-sysinfo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dash-sysinfo-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-sysinfo-label{font-size:11px;color:var(--sysmon-light-text-mute);margin:0}.dash-sysinfo-value{font-size:13px;font-weight:500;color:var(--sysmon-light-text);margin:0;word-break:break-word}.dash-sysinfo-value.is-weak{color:var(--sysmon-light-text-mute);font-weight:400}.dash-sysinfo-secondary{font-size:11px;color:var(--sysmon-light-text-mute);margin:0}.dash-sysinfo-empty{color:var(--sysmon-light-text-mute);font-size:12px}.dash-kpibar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.dash-kpi{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:var(--sysmon-light-card-bg);border:1px solid var(--sysmon-light-border);box-shadow:var(--sysmon-light-shadow);text-decoration:none;color:var(--sysmon-light-text);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.dash-kpi:hover{border-color:var(--sysmon-light-border-strong);box-shadow:0 4px 10px #0f172a14;transform:translateY(-1px)}.dash-kpi-label{font-size:11px;color:var(--sysmon-light-text-mute)}.dash-kpi-value{font-size:20px;font-weight:600;line-height:1.1;color:var(--sysmon-light-text)}.dash-kpi-hint{font-size:11px;color:var(--sysmon-light-text-mute)}.dash-kpi-spark{width:100%;height:18px;color:#1e6fff}.dash-kpi-warn .dash-kpi-value{color:#a15e00}.dash-kpi-warn{border-color:#f59e0b73;background:#ffb0200f}.dash-kpi-crit .dash-kpi-value{color:#b13237}.dash-kpi-crit{border-color:#e5484d73;background:#e5484d0d}.dash-panel-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 960px){.dash-panel-row{grid-template-columns:minmax(0,1fr)}}.dash-panel-row>.dash-panel{min-width:0}.dash-panel{padding:16px;border-radius:12px;background:var(--sysmon-light-card-bg);border:1px solid var(--sysmon-light-border);box-shadow:var(--sysmon-light-shadow);display:flex;flex-direction:column;gap:12px}.dash-panel-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.dash-panel-header h2{margin:0;font-size:13px;font-weight:600;color:var(--sysmon-light-text);display:inline-flex;align-items:baseline;gap:8px}.dash-panel-period{font-size:11px;font-weight:400;color:var(--sysmon-light-text-mute)}.dash-panel-summary{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;justify-content:flex-end}.dash-panel-value{font-size:16px;font-weight:600;color:var(--sysmon-light-text)}.dash-panel-value-warn{color:#a15e00}.dash-panel-value-crit{color:#b13237}.dash-panel-hint{font-size:11px;color:var(--sysmon-light-text-mute)}.dash-panel-spark{width:100%;height:96px;color:#1e6fff}.dash-panel-spark-large{height:140px}.dash-panel-spark-swap{height:36px;opacity:.85;color:#6b7388}.dash-panel-spark-recv{color:var(--sysmon-color-net-down)}.dash-panel-spark-sent{color:var(--sysmon-color-net-up)}.dash-panel-spark-read{color:var(--sysmon-color-net-down)}.dash-panel-spark-write{color:var(--sysmon-color-net-up)}.dash-cpu-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dash-cpu-mode-meta{font-size:12px;color:var(--sysmon-light-text-mute);word-break:break-word}.dash-cpu-mode-toggle{display:inline-flex;background:var(--sysmon-light-card-bg-soft);border:1px solid var(--sysmon-light-border);border-radius:8px;padding:2px}.dash-cpu-mode-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;padding:4px 12px;font-size:12px;color:var(--sysmon-light-text-mute);border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.dash-cpu-mode-btn:hover{color:var(--sysmon-light-text)}.dash-cpu-mode-btn.is-active{background:var(--sysmon-light-card-bg);color:#1e6fff;box-shadow:0 1px 2px #0f172a0f}.dash-cpu-percore-sparks{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:6px}.dash-cpu-percore-cell{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:8px;border:1px solid var(--sysmon-light-border);background:var(--sysmon-light-card-bg-soft);font-size:11px;color:var(--sysmon-light-text)}.dash-cpu-percore-cell-head{display:flex;justify-content:space-between;align-items:baseline}.dash-cpu-percore-cell-num{color:var(--sysmon-light-text-mute);font-size:10px}.dash-cpu-percore-cell-val{font-weight:600}.dash-cpu-percore-cell-ok{background:#22c55e0f}.dash-cpu-percore-cell-warn{background:#f59e0b1a;border-color:#f59e0b66;color:#a15e00}.dash-cpu-percore-cell-crit{background:#e5484d1a;border-color:#e5484d73;color:#b13237}.dash-cpu-percore-spark-svg{width:100%;height:32px;color:#1e6fff}.dash-cpu-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px 16px;margin-top:4px;padding-top:12px;border-top:1px solid var(--sysmon-light-border)}.dash-cpu-stat{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-cpu-stat-label{font-size:11px;color:var(--sysmon-light-text-mute)}.dash-cpu-stat-value{font-size:14px;font-weight:600;color:var(--sysmon-light-text);font-variant-numeric:tabular-nums}.dash-gpu-tabs{display:flex;gap:4px}.dash-gpu-tab{padding:4px 10px;font-size:11px;background:transparent;border:1px solid var(--sysmon-light-border);border-radius:6px;color:var(--sysmon-light-text-mute);cursor:pointer;transition:background .15s}.dash-gpu-tab:hover{background:var(--sysmon-light-card-bg-soft)}.dash-gpu-tab.is-active{background:#2f6dff1a;color:#1e6fff;border-color:#2f6dff59}.dash-gpu-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.dash-gpu-stat{padding:8px 12px;border-radius:8px;background:var(--sysmon-light-card-bg-soft);border:1px solid var(--sysmon-light-border)}.dash-gpu-stat-label{font-size:10px;color:var(--sysmon-light-text-mute)}.dash-gpu-stat-value{font-size:14px;font-weight:600;color:var(--sysmon-light-text);margin-top:2px}.dash-gpu-stat-sub{font-size:11px;color:var(--sysmon-light-text-mute);margin-top:1px}.dash-mem-swap-label,.dash-mem-cached{font-size:11px;color:var(--sysmon-light-text-mute)}.dash-temp-table,.dash-disk-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--sysmon-light-text)}.dash-temp-table th,.dash-disk-table th{text-align:left;font-weight:500;color:var(--sysmon-light-text-mute);padding:6px 8px;border-bottom:1px solid var(--sysmon-light-border)}.dash-temp-table td,.dash-disk-table td{padding:6px 8px;border-bottom:1px solid var(--sysmon-light-border)}.dash-temp-row-warn td,.dash-disk-row-warn td{color:#a15e00}.dash-temp-row-crit td,.dash-disk-row-crit td{color:#b13237}.dash-disk-empty{text-align:center;color:var(--sysmon-light-text-mute);padding:12px 0}.dash-net-spark,.dash-disk-spark{display:flex;flex-direction:column;gap:4px}.dash-detail-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--sysmon-light-text-mute);padding-top:4px}.dash-detail-summary{word-break:break-word}.dash-detail-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:11px;padding:4px 12px;background:var(--sysmon-light-card-bg-soft);border:1px solid var(--sysmon-light-border-strong);border-radius:6px;color:var(--sysmon-light-text);cursor:pointer;transition:background .15s,border-color .15s}.dash-detail-toggle:hover{background:var(--sysmon-light-card-bg);border-color:#2f6dff66}.dash-detail-toggle:disabled{opacity:.5;cursor:not-allowed}.dash-net-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--sysmon-light-text)}.dash-net-table th,.dash-net-table td{padding:6px 8px;border-bottom:1px solid var(--sysmon-light-border);text-align:left}.dash-net-table th{font-weight:500;color:var(--sysmon-light-text-mute)}.dash-net-row-down td{color:var(--sysmon-light-text-faint)}.dash-model-sub{padding:12px 14px;border-radius:10px;background:var(--sysmon-light-card-bg-soft);border:1px solid var(--sysmon-light-border);border-left:3px solid var(--sysmon-color-model);display:flex;flex-direction:column;gap:8px}.dash-model-sub.is-unhealthy{border-left-color:var(--sysmon-color-crit)}.dash-model-sub-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dash-model-sub-meta{font-size:11px;color:var(--sysmon-light-text-mute)}.dash-model-sub .metrics-expanded{background:var(--sysmon-light-card-bg);border-color:var(--sysmon-light-border)}.dash-model-sub .metrics-expanded-head,.dash-model-sub .metrics-row-label{color:var(--sysmon-light-text-mute)}.dash-model-sub .metrics-row-value{color:var(--sysmon-light-text)}.dash-model-sub .metrics-row-spark{color:#1e6fff}.dash-model-sub .metrics-row-spark-warn{color:#a15e00}.dash-model-sub .metrics-deeplink-btn{background:#2f6dff14;border-color:#2f6dff59;color:#1e6fff}.dash-model-sub .metrics-deeplink-btn:hover{background:#2f6dff29}.dash-model-sub .metrics-deeplink-btn.is-disabled{color:var(--sysmon-light-text-faint);border-color:var(--sysmon-light-border);background:transparent}.dash-services{padding:16px;border-radius:12px;background:var(--sysmon-light-card-bg);border:1px solid var(--sysmon-light-border);box-shadow:var(--sysmon-light-shadow);display:flex;flex-direction:column;gap:12px}.dash-services-title{margin:0;font-size:13px;font-weight:600;color:var(--sysmon-light-text)}.dash-svc-docker{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;padding:10px 14px;border-radius:10px;background:var(--sysmon-light-card-bg-soft);border:1px solid var(--sysmon-light-border)}.dash-svc-docker-warn{border-color:#f59e0b73;background:#ffb02014}.dash-svc-docker-counts{font-weight:600;color:var(--sysmon-light-text)}.dash-svc-docker-version{font-size:12px;color:var(--sysmon-light-text-mute);flex:1}.dash-svc-docker-link,.dash-svc-card-grafana{font-size:11px;color:#1e6fff;text-decoration:none}.dash-svc-docker-link:hover,.dash-svc-card-grafana:hover{text-decoration:underline}.dash-svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.dash-svc-card{padding:12px 14px;border-radius:10px;background:var(--sysmon-light-card-bg-soft);border:1px solid var(--sysmon-light-border);display:flex;flex-direction:column;gap:6px}.dash-svc-card.is-critical{border-left:3px solid var(--sysmon-color-model)}.dash-svc-card.is-unhealthy{border-color:#e5484d73;background:#e5484d0a}.dash-svc-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dash-svc-card-header h3{margin:0;font-size:13px;font-weight:600;color:var(--sysmon-light-text)}.dash-svc-card-status{font-size:10px;color:var(--sysmon-light-text-mute);text-transform:uppercase;letter-spacing:.04em}.dash-svc-card-error{font-size:11px;color:#b13237}.dash-svc-card-metrics{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--sysmon-light-text-mute)}.sysmon-widget{display:flex;flex-direction:column;width:260px;border-radius:12px;overflow:hidden;color:#fff;font-size:13px;line-height:1.4;background:#1418209e;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);box-shadow:0 8px 24px #00000052,0 0 0 1px #ffffff1a inset}@supports not (backdrop-filter: blur(20px)){.sysmon-widget{background:#141820eb}}.sysmon-section{display:flex;align-items:center;gap:10px;padding:12px 16px;background:transparent;text-decoration:none;color:inherit;cursor:pointer;transition:background .15s}.sysmon-section+.sysmon-section{border-top:1px solid rgba(255,255,255,.08)}.sysmon-section:hover{background:#ffffff0f}.sysmon-health-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.5px;background:#ffffff1a}.sysmon-health-reason{font-size:12px;color:var(--sysmon-dark-text-mute);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysmon-health-ok .sysmon-health-badge{color:var(--sysmon-color-ok);background:#22c55e29}.sysmon-health-warn .sysmon-health-badge{color:var(--sysmon-color-warn);background:#f59e0b29}.sysmon-health-crit .sysmon-health-badge{color:var(--sysmon-color-crit);background:#ef444433}.sysmon-bottleneck{display:flex;align-items:center;gap:8px}.sysmon-bottleneck-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysmon-bottleneck-value{font-weight:600;flex:none}.sysmon-bottleneck-spark{flex:0 0 72px;width:72px;height:16px}.sysmon-bottleneck-warn .sysmon-bottleneck-value{color:var(--sysmon-color-warn)}.sysmon-bottleneck-crit .sysmon-bottleneck-value{color:var(--sysmon-color-crit)}.sysmon-bottleneck-loading{color:var(--sysmon-dark-text-faint)}.sysmon-model{flex-direction:column;align-items:stretch;gap:0}.sysmon-model-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;color:inherit;text-decoration:none}.sysmon-model-row+.sysmon-model-row{border-top:1px solid var(--sysmon-dark-border)}.sysmon-model-row-name{flex:1;font-weight:500}.sysmon-model-row-tokens{color:var(--sysmon-color-model);font-weight:600}.sysmon-model-row-active,.sysmon-model-row-queued{font-size:11px;color:var(--sysmon-dark-text-mute)}.sysmon-model-row.is-crit .sysmon-model-row-name,.sysmon-model-row.is-crit .sysmon-model-row-tokens{color:var(--sysmon-color-crit)}.sysmon-model-empty{color:var(--sysmon-dark-text-faint);padding:4px 0}.sysmon-services{display:flex;align-items:center;gap:8px}.sysmon-services-counts{font-weight:600}.sysmon-services-fail{color:var(--sysmon-color-crit);flex:1;text-align:right;font-size:11px}.sysmon-services-ok{color:var(--sysmon-dark-text-mute);flex:1;text-align:right;font-size:11px}.sysmon-services-warn{background:#f59e0b0f}.sysmon-services-crit{background:#ef444414}.dash-kpi-active{border-color:#2f6dff66!important;box-shadow:0 4px 12px #2f6dff26!important}.diag-kpi-expand{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:16px;box-shadow:0 1px 2px #0f172a0a;animation:diag-slide-down .2s ease}@keyframes diag-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.diag-kpi-expand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.diag-kpi-expand-header h3{font-size:14px;font-weight:600}.diag-kpi-expand-close{width:28px;height:28px;border:none;background:#0f172a0f;border-radius:6px;cursor:pointer;font-size:16px;color:#6b7388;display:flex;align-items:center;justify-content:center}.diag-kpi-expand-close:hover{background:#0f172a1f;color:#1f2533}.diag-kpi-expand-spark{width:100%;height:120px;margin-bottom:12px;background:#f8fafc;border:1px solid rgba(15,23,42,.06);border-radius:8px;overflow:hidden;color:#2f6dff;padding:4px}.diag-kpi-expand-dual-spark{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.diag-kpi-expand-dual-spark .diag-kpi-expand-spark{height:70px}.diag-kpi-expand-spark-legend{display:flex;gap:16px;font-size:11px;color:#6b7388;padding:2px 4px}.diag-kpi-expand-stats{display:flex;gap:20px 28px;flex-wrap:wrap;padding:4px 0}.diag-kpi-expand-stat{display:flex;flex-direction:column;gap:2px;min-width:80px}.diag-kpi-expand-stat-label{font-size:11px;color:#6b7388;font-weight:500}.diag-kpi-expand-stat-val{font-size:14px;font-weight:600;color:#1f2533}.diag-kpi-expand-note{font-size:11px;color:#94a3b8;margin-top:10px;padding-top:8px;border-top:1px solid rgba(15,23,42,.05)}.diag-svc-section{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.diag-svc-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 10px}.diag-svc-header h2{font-size:14px;font-weight:600}.diag-svc-summary{font-size:12px;color:#6b7388;padding:0 16px 8px;display:flex;gap:12px;align-items:center}.diag-svc-summary strong{color:#1f2533;font-weight:600}.diag-table{width:100%;border-collapse:collapse;font-size:13px}.diag-table thead th{text-align:left;font-size:11px;font-weight:500;color:#6b7388;padding:8px 12px;background:#f6f8fc;border-bottom:1px solid rgba(15,23,42,.06)}.diag-table tbody td{padding:8px 12px;border-bottom:1px solid rgba(15,23,42,.06);vertical-align:middle}.diag-table tbody tr:last-child td{border-bottom:none}.diag-table tbody tr:hover{background:#f8fafc}.diag-table tbody tr.is-unhealthy{background:#e5484d0a}.diag-group-row td{padding:10px 12px 6px!important;font-size:11px;font-weight:600;color:#6b7388;letter-spacing:.03em;text-transform:uppercase;border-bottom:none!important}.diag-group-row:hover{background:transparent!important}.diag-status-cell{display:flex;align-items:center;white-space:nowrap}.diag-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;flex-shrink:0}.diag-status-dot.ok{background:#22c55e}.diag-status-dot.warn{background:#f59e0b}.diag-status-dot.err{background:#ef4444}.diag-status-dot.off{background:#9ca3af}.diag-err-text{font-size:12px;color:#b13237;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diag-test-badge{font-size:11px;padding:2px 8px;border-radius:999px;white-space:nowrap}.diag-test-badge.idle{background:#0f172a0d;color:#94a3b8}.diag-test-badge.running{background:#2f6dff1a;color:#1e6fff;animation:sysmon-pulse 1.5s ease-in-out infinite}.diag-test-badge.pass{background:#22c55e1f;color:#137a3d}.diag-test-badge.fail{background:#e5484d1f;color:#b13237}.diag-test-badge.clickable{cursor:pointer}.diag-test-badge.clickable:hover{filter:brightness(.95)}.diag-test-expand-icon{font-size:10px}.diag-test-result-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;position:relative}.diag-test-steps{margin-top:4px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:8px;padding:6px 8px;font-size:12px;display:flex;flex-direction:column;gap:3px;min-width:200px;position:absolute;top:100%;left:0;z-index:10;box-shadow:0 4px 12px #0f172a1a}.diag-test-step{display:flex;align-items:center;gap:6px;white-space:nowrap}.diag-test-step-icon{width:14px;font-weight:600;flex-shrink:0}.diag-test-step.pass .diag-test-step-icon{color:#16a34a}.diag-test-step.fail .diag-test-step-icon{color:#dc2626}.diag-test-step-name{font-weight:500;color:#1f2533}.diag-test-step-latency{color:#94a3b8;font-family:var(--font-mono, monospace);font-size:11px}.diag-test-step-detail{color:#6b7388;font-size:11px;overflow:hidden;text-overflow:ellipsis;max-width:220px}@keyframes sysmon-pulse{0%,to{opacity:1}50%{opacity:.5}}.diag-btn{height:32px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .16s ease}.diag-btn-primary{background:linear-gradient(135deg,#2f6dff,#1453cc);color:#fff;box-shadow:0 2px 6px #1453cc38}.diag-btn-primary:hover{filter:brightness(1.08)}.diag-btn-ghost{background:#fff;border:1px solid rgba(15,23,42,.12);color:#1f2533}.diag-btn-ghost:hover{background:#f8fafc;border-color:#0f172a33}.diag-btn-sm{height:28px;padding:0 10px;font-size:12px}.diag-btn-xs{height:24px;padding:0 8px;font-size:11px;border-radius:6px}.diag-btn:disabled{opacity:.5;cursor:not-allowed}.diag-data-card{background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}.diag-data-card-title{font-size:12px;font-weight:500;color:#6b7388;display:flex;align-items:center;justify-content:space-between}.diag-data-row{display:flex;justify-content:space-between;align-items:baseline}.diag-data-row-label{font-size:12px;color:#6b7388}.diag-data-row-value{font-size:18px;font-weight:600;color:#1f2533}.diag-badge-ok{font-size:11px;padding:2px 8px;border-radius:999px;background:#22c55e1f;color:#137a3d}.diag-badge-err{font-size:11px;padding:2px 8px;border-radius:999px;background:#e5484d1f;color:#b13237}.diag-data-card-clickable .diag-data-row-value{color:#1e6fff}.diag-data-card-clickable:hover .diag-data-row-value{text-decoration:underline}.diag-data-card-active{border-color:#2f6dff66;box-shadow:0 2px 8px #2f6dff1f}.diag-data-row-click{cursor:pointer;padding:4px 0;border-radius:4px;transition:background .12s}.diag-data-row-click:hover{background:#2f6dff0f}.diag-data-row-click .diag-data-row-value{color:#1e6fff;cursor:pointer}.diag-data-row-click:hover .diag-data-row-value{text-decoration:underline}.diag-data-row-click.active .diag-data-row-label{color:#1e6fff}.diag-data-list{margin-top:12px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:10px;padding:12px 14px;animation:diag-slide-down .2s ease}.diag-data-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.diag-data-list-title{font-size:13px;font-weight:600}.diag-data-list-search{display:flex;align-items:center;gap:8px;margin-bottom:8px}.diag-data-list-search-input{flex:1;height:30px;padding:0 10px;border:1px solid rgba(15,23,42,.12);border-radius:6px;font-size:12px;background:#fff;color:#1f2533;outline:none}.diag-data-list-search-input:focus{border-color:#2f6dff;box-shadow:0 0 0 2px #2f6dff26}.diag-data-list-search-count{font-size:11px;color:#94a3b8;white-space:nowrap}.diag-data-list-table-wrap{max-height:320px;overflow-y:auto;border-radius:8px;border:1px solid rgba(15,23,42,.06)}.diag-data-list-table{width:100%;border-collapse:collapse;font-size:12px}.diag-data-list-table thead th{text-align:left;font-size:11px;font-weight:500;color:#6b7388;padding:6px 10px;background:#fff;border-bottom:1px solid rgba(15,23,42,.06);position:sticky;top:0}.diag-data-list-table tbody td{padding:5px 10px;border-bottom:1px solid rgba(15,23,42,.04)}.diag-data-list-table tbody tr:hover{background:#2f6dff0a}.diag-report-section{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.diag-report-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 10px}.diag-report-header h2{font-size:14px;font-weight:600}.diag-report-body{padding:0 16px 14px}