:root{--background:#F9F9F9;--surface:#FFFFFF;--surface-muted:#ECECEC;--sidebar-background:#F3F3F3;--foreground:#242424;--secondary-foreground:#626262;--muted-foreground:#737373;--border:#E5E5E5;--border-subtle:#EFEFEF;--border-focus:#242424;--primary:#242424;--primary-foreground:#FFFFFF;--primary-hover:#383838;--surface-active:#E8E8E8;--focus-ring:rgba(36,36,36,0.25);--font-numeric:tabular-nums;--control-height-sm:30px;--control-height-md:36px;--destructive:#b91c1c;--destructive-bg:rgba(185,28,28,0.08);--destructive-border:rgba(185,28,28,0.2);--warning:#b45309;--warning-bg:rgba(180,83,9,0.08);--warning-border:rgba(180,83,9,0.2);--success:#15803d;--success-bg:rgba(21,128,61,0.08);--success-border:rgba(21,128,61,0.2);--info:#0369a1;--info-bg:rgba(3,105,161,0.08);--info-border:rgba(3,105,161,0.2);--bg-canvas:var(--background);--bg-surface:var(--surface);--bg-surface-elevated:var(--surface-muted);--bg-surface-card:var(--surface);--bg-glass:var(--surface);--border-medium:var(--border);--border-strong:var(--border);--text-primary:var(--foreground);--text-secondary:var(--secondary-foreground);--text-muted:var(--muted-foreground);--text-inverse:#FFFFFF;--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--color-primary-glow:transparent;--color-success:var(--success);--color-success-bg:var(--success-bg);--color-warning:var(--warning);--color-warning-bg:var(--warning-bg);--color-danger:var(--destructive);--color-danger-bg:var(--destructive-bg);--color-info:var(--info);--color-info-bg:var(--info-bg);--badge-personal-bg:var(--surface-muted);--badge-personal-border:var(--border);--badge-personal-text:var(--foreground);--badge-business-bg:var(--surface-muted);--badge-business-border:var(--border);--badge-business-text:var(--foreground);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.04);--shadow-md:0 2px 4px 0 rgba(0,0,0,0.05);--shadow-lg:0 4px 8px -1px rgba(0,0,0,0.06);--shadow-glow:none;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--transition-fast:120ms ease;--transition-base:200ms ease}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#212121;--surface:#2B2B2B;--surface-muted:#353535;--sidebar-background:#191919;--foreground:#F1F1F1;--secondary-foreground:#C4C4C4;--muted-foreground:#A3A3A3;--border:#424242;--border-subtle:#363636;--border-focus:#EDEDED;--primary:#EDEDED;--primary-foreground:#242424;--primary-hover:#D4D4D4;--surface-active:#3C3C3C;--focus-ring:rgba(237,237,237,0.25);--destructive:#f87171;--destructive-bg:rgba(248,113,113,0.12);--destructive-border:rgba(248,113,113,0.25);--warning:#fbbf24;--warning-bg:rgba(251,191,36,0.12);--warning-border:rgba(251,191,36,0.25);--success:#4ade80;--success-bg:rgba(74,222,128,0.12);--success-border:rgba(74,222,128,0.25);--info:#38bdf8;--info-bg:rgba(56,189,248,0.12);--info-border:rgba(56,189,248,0.25);--text-inverse:#212121;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.2);--shadow-md:0 2px 4px 0 rgba(0,0,0,0.25);--shadow-lg:0 4px 8px -1px rgba(0,0,0,0.3)}}[data-theme=light]{--background:#F9F9F9;--surface:#FFFFFF;--surface-muted:#ECECEC;--sidebar-background:#F3F3F3;--foreground:#242424;--secondary-foreground:#626262;--muted-foreground:#737373;--border:#E5E5E5;--border-subtle:#EFEFEF;--border-focus:#242424;--primary:#242424;--primary-foreground:#FFFFFF;--primary-hover:#383838;--surface-active:#E8E8E8;--focus-ring:rgba(36,36,36,0.25);--destructive:#b91c1c;--destructive-bg:rgba(185,28,28,0.08);--destructive-border:rgba(185,28,28,0.2);--warning:#b45309;--warning-bg:rgba(180,83,9,0.08);--warning-border:rgba(180,83,9,0.2);--success:#15803d;--success-bg:rgba(21,128,61,0.08);--success-border:rgba(21,128,61,0.2);--info:#0369a1;--info-bg:rgba(3,105,161,0.08);--info-border:rgba(3,105,161,0.2);--text-inverse:#FFFFFF;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.04);--shadow-md:0 2px 4px 0 rgba(0,0,0,0.05);--shadow-lg:0 4px 8px -1px rgba(0,0,0,0.06)}[data-theme=dark]{--background:#212121;--surface:#2B2B2B;--surface-muted:#353535;--sidebar-background:#191919;--foreground:#F1F1F1;--secondary-foreground:#C4C4C4;--muted-foreground:#A3A3A3;--border:#424242;--border-subtle:#363636;--border-focus:#EDEDED;--primary:#EDEDED;--primary-foreground:#242424;--primary-hover:#D4D4D4;--surface-active:#3C3C3C;--focus-ring:rgba(237,237,237,0.25);--destructive:#f87171;--destructive-bg:rgba(248,113,113,0.12);--destructive-border:rgba(248,113,113,0.25);--warning:#fbbf24;--warning-bg:rgba(251,191,36,0.12);--warning-border:rgba(251,191,36,0.25);--success:#4ade80;--success-bg:rgba(74,222,128,0.12);--success-border:rgba(74,222,128,0.25);--info:#38bdf8;--info-bg:rgba(56,189,248,0.12);--info-border:rgba(56,189,248,0.25);--text-inverse:#212121;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.2);--shadow-md:0 2px 4px 0 rgba(0,0,0,0.25);--shadow-lg:0 4px 8px -1px rgba(0,0,0,0.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card-panel,.glass-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast)}.card-panel:hover,.glass-panel:hover{border-color:var(--border-medium)}.card-panel-elevated,.glass-panel-elevated{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem 1rem;border-radius:var(--radius-md);background-color:var(--primary);color:var(--primary-foreground);font-weight:500;font-size:.85rem;transition:background-color var(--transition-fast)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem .9rem;border-radius:var(--radius-md);background-color:var(--surface);border:1px solid var(--border);color:var(--foreground);font-weight:500;font-size:.85rem;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn-secondary:hover{background-color:var(--surface-muted);border-color:var(--border-medium)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.45rem .75rem;border-radius:var(--radius-md);background-color:transparent;color:var(--secondary-foreground);font-weight:500;font-size:.85rem;transition:background-color var(--transition-fast),color var(--transition-fast)}.btn-ghost:hover{background-color:var(--surface-muted);color:var(--foreground)}.btn-destructive{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.5rem 1rem;border-radius:var(--radius-md);background-color:var(--destructive);color:#FFFFFF;font-weight:500;font-size:.85rem;transition:opacity var(--transition-fast)}.btn-destructive:hover{opacity:.9}.btn-sm{padding:.3rem .65rem;font-size:.75rem;height:var(--control-height-sm)}.btn-md{padding:.45rem .85rem;font-size:.85rem;height:var(--control-height-md)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum","tnum"}.form-input,.form-select,.form-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--surface);color:var(--foreground);font-size:.85rem;padding:.45rem .75rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input{height:var(--control-height-md)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--focus-ring)}.form-input::placeholder,.form-textarea::placeholder{color:var(--muted-foreground)}.badge-business,.badge-personal{background-color:var(--surface-muted);border:1px solid var(--border);color:var(--foreground);font-size:.75rem;font-weight:500;padding:.15rem .5rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:.3rem}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot-up{background-color:var(--success)}.status-dot-down{background-color:var(--destructive)}.status-dot-degraded{background-color:var(--warning)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-foreground)}.desktop-only{display:flex}.mobile-only{display:none!important}.lifeos-main-content{padding-bottom:2rem}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.lifeos-main-content{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom, 0px))!important}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}