@tailwind base;@tailwind components;@tailwind utilities;:root{--ui-bg-soft:#0000000a;--ui-bg-hover:#00000012;--ui-bg-active:#0000001f;--ui-border-soft:#00000024;--ui-border-default:#0000002e;--ui-border-strong:#00000042;--ui-shadow:0 8px 24px #0000001f;--windows-bg:#f5f5f7;--windows-surface:#fdfdfd;--windows-surface-hover:var(--ui-bg-hover);--windows-border:var(--ui-border-default);--windows-border-hover:var(--ui-border-strong);--windows-shadow:var(--ui-shadow);--windows-text:#1a1a1c;--windows-text-secondary:#3a3a3c;--windows-text-muted:#636366;--windows-accent:#007aff;--windows-accent-hover:#0056b3;--theme-toggle-bg:var(--ui-bg-hover);--theme-toggle-color:var(--windows-text);--scrollbar-track:var(--ui-bg-soft);--scrollbar-thumb:var(--ui-border-default);--scrollbar-thumb-hover:var(--ui-border-strong);--status-success:#34c759;--status-success-bg:#34c75926;--status-warning:#ff9500;--status-warning-bg:#ff950026;--status-error:#ff3b30;--status-error-bg:#ff3b3026;--status-info:#007aff;--status-info-bg:#007aff26;--category-maintenance:#2563eb;--category-maintenance-bg:#2563eb2e;--category-system:#7c3aed;--category-system-bg:#7c3aed2e;--category-network:#059669;--category-network-bg:#0596692e;--card-hover-bg:var(--ui-bg-hover);--card-hover-border:var(--ui-border-strong)}[data-mantine-color-scheme=dark]{--ui-bg-soft:#ffffff0a;--ui-bg-hover:#ffffff12;--ui-bg-active:#ffffff1f;--ui-border-soft:#ffffff1a;--ui-border-default:#ffffff26;--ui-border-strong:#ffffff38;--ui-shadow:0 8px 24px #0006;--windows-bg:#1a1b1e;--windows-surface:#25262b;--windows-surface-hover:var(--ui-bg-hover);--windows-border:var(--ui-border-default);--windows-border-hover:var(--ui-border-strong);--windows-shadow:var(--ui-shadow);--windows-text:#c1c2c5;--windows-text-secondary:#909296;--windows-text-muted:#5c5f66;--windows-accent:#4dabf7;--windows-accent-hover:#339af0;--theme-toggle-bg:var(--ui-bg-hover);--theme-toggle-color:var(--windows-text);--scrollbar-track:var(--ui-bg-soft);--scrollbar-thumb:var(--ui-border-default);--scrollbar-thumb-hover:var(--ui-border-strong);--status-success:#40c057;--status-success-bg:#40c05726;--status-warning:#fab005;--status-warning-bg:#fab00526;--status-error:#fa5252;--status-error-bg:#fa525226;--status-info:#4dabf7;--status-info-bg:#4dabf726;--category-maintenance:#4dabf7;--category-maintenance-bg:#4dabf72e;--category-system:#9775fa;--category-system-bg:#9775fa2e;--category-network:#38d9a9;--category-network-bg:#38d9a92e;--card-hover-bg:var(--ui-bg-hover);--card-hover-border:var(--ui-border-strong)}body{min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.windows-card{background:var(--windows-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--windows-border);box-shadow:var(--windows-shadow);border-radius:12px;transition:all .2s}.windows-card:hover{border-color:var(--windows-border-hover);transform:translateY(-2px)}.windows-acrylic{-webkit-backdrop-filter:blur(40px)saturate(125%)}.windows-nav-item{border-radius:8px;transition:all .15s;position:relative;overflow:hidden}.windows-nav-item:before{content:"";background:var(--windows-accent);width:3px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.windows-nav-item:hover:before,.windows-nav-item[data-active=true]:before{transform:scaleY(1)}.windows-nav-item[data-active=true]{color:var(--windows-accent);background:#007aff26}.windows-button{border-radius:6px;font-weight:500;transition:all .15s}.windows-table{background:var(--windows-surface);border:1px solid var(--windows-border);border-radius:12px;overflow:hidden}.windows-table th{border-bottom:1px solid var(--windows-border);color:var(--windows-text);font-weight:600}.windows-table td{color:var(--windows-text)}.windows-modal{background:var(--windows-surface);border:1px solid var(--windows-border);border-radius:12px}.windows-input{border:1px solid var(--windows-border);color:var(--windows-text);border-radius:6px;transition:all .15s}.windows-input:focus{border-color:var(--windows-accent);box-shadow:0 0 0 2px #0078d433}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recharts-wrapper,.recharts-surface,.recharts-wrapper :focus,.recharts-wrapper :focus-visible{box-shadow:none!important;outline:none!important}.recharts-pie,.recharts-pie-sector,.mantine-ChartTooltip-tooltip,.recharts-tooltip-wrapper .recharts-default-tooltip,.recharts-tooltip-wrapper>div{color:#1a1a2e!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;padding:8px 12px!important;font-size:13px!important;box-shadow:0 4px 12px #0000001a!important}.recharts-default-tooltip .recharts-tooltip-label{color:#333!important;margin-bottom:4px!important;font-weight:600!important}.recharts-default-tooltip .recharts-tooltip-item{color:#22c55e!important;font-weight:500!important}.recharts-active-bar{fill:currentColor!important;fill-opacity:.7!important}.recharts-tooltip-cursor{fill:#00000008!important}.mantine-BarChart-root .recharts-tooltip-cursor{fill:#3b82f614!important}.recharts-area,.recharts-layer,.recharts-wrapper svg:focus,.recharts-wrapper path:focus,.recharts-wrapper g:focus{outline:none!important}
