:root{--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-alt: #f1f5f9;--color-text: #0f172a;--color-muted-text: #6b7280;--color-border: #e5e7eb;--color-primary: #4f46e5;--color-primary-contrast: #ffffff;--color-success: #16a34a;--color-warning: #f59e0b;--color-error: #ef4444;--color-gradient-from: #6d64ff;--color-gradient-to: #5a4dff;--color-link: #4338ca;--color-link-hover: #312e81;--shell-app-bg: #f8fafc;--shell-app-bg-accent: #eef2ff;--header-bg: #ffffff;--header-fg: #0f172a;--header-muted-fg: #6b7280;--header-border: #e5e7eb;--header-brand-fg: #0f172a;--header-avatar-bg: #e0e7ff;--header-avatar-fg: #0f172a;--header-menu-bg: #ffffff;--header-menu-border: #e5e7eb;--header-menu-item-hover-bg: #f5f7ff;--nav-item-fg: #0f172a;--nav-item-hover-bg: #eef2ff;--nav-item-hover-fg: #0f172a;--nav-item-active-bg: #e0e7ff;--nav-item-active-fg: #0f172a;--nav-item-active-border: #c7d2fe;--card-bg: #ffffff;--card-elevated-bg: #ffffff;--card-border: #e5e7eb;--input-bg: #ffffff;--input-fg: #0f172a;--input-placeholder: #94a3b8;--input-border: #e5e7eb;--input-focus-border: #4f46e5;--input-focus-ring: 0 0 0 3px rgba(79,70,229,.35);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 10px 30px rgba(0,0,0,.05);--shadow-lg: 0 20px 60px rgba(0,0,0,.08);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--font-base-size: 14px;--focus-ring: 0 0 0 3px rgba(79,70,229,.35)}*,*:before,*:after{box-sizing:border-box}main{padding:0}html,body,#root{width:100%;height:100%;margin:0;padding:0;color:var(--color-text)}body{background:var(--app-bg, var(--shell-app-bg))}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}input,select,textarea{color:var(--input-fg)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-ring)}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);padding:10px 14px;border-radius:var(--radius-md);font:inherit;font-weight:400;line-height:1.2;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,transform 60ms ease;-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap}button:hover,.btn:hover{background:var(--btn-hover-bg);color:var(--btn-hover-fg);border-color:var(--btn-hover-border, var(--btn-accent));box-shadow:var(--shadow-sm),0 0 0 1px var(--btn-accent) inset}button:active,.btn:active{background:var(--btn-active-bg);color:var(--btn-active-fg);border-color:var(--btn-active-border, var(--btn-accent));transform:translateY(.5px)}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--shadow-sm),var(--btn-focus-ring, 0 0 0 3px rgba(59,130,246,.45))}button:focus-visible,.btn:focus-visible{outline:none;box-shadow:var(--shadow-sm),var(--btn-focus-ring)}button:disabled,.btn:disabled,button[aria-disabled=true],.btn[aria-disabled=true]{cursor:not-allowed;background:var(--btn-disabled-bg);color:var(--btn-disabled-fg);border-color:var(--btn-disabled-border);opacity:.9}.btn-primary{border-color:var(--btnp-border);color:var(--btnp-fg);background:linear-gradient(180deg,var(--btnp-bg),var(--btnp-bg2))}.btn-primary:hover{color:var(--btnp-hover-fg);border-color:var(--btnp-hover-border);background:linear-gradient(180deg,var(--btnp-hover-bg),var(--btnp-hover-bg2))}.btn-primary:active{color:var(--btnp-active-fg);border-color:var(--btnp-active-border);background:linear-gradient(180deg,var(--btnp-active-bg),var(--btnp-active-bg2))}.btn-primary:focus-visible{box-shadow:var(--shadow-sm),var(--btnp-focus-ring)}.btn-primary:disabled,.btn-primary[aria-disabled=true]{color:var(--btnp-disabled-fg);border-color:var(--btnp-disabled-border);background:var(--btnp-disabled-bg)}.btn:not(.btn-primary){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);padding:10px 14px;border-radius:var(--radius-md);font:inherit;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,transform 60ms ease;text-align:center;white-space:nowrap}.btn:not(.btn-primary):hover{background:var(--btn-hover-bg);color:var(--btn-hover-fg);border-color:var(--btn-hover-border, var(--btn-accent));box-shadow:var(--shadow-sm),0 0 0 1px var(--btn-accent) inset}.btn:not(.btn-primary):active{background:var(--btn-active-bg);color:var(--btn-active-fg);border-color:var(--btn-active-border, var(--btn-accent));transform:translateY(.5px)}.btn:not(.btn-primary):focus-visible{outline:none;box-shadow:var(--shadow-sm),var(--btn-focus-ring)}.btn:not(.btn-primary):disabled,.btn:not(.btn-primary)[aria-disabled=true]{cursor:not-allowed;background:var(--btn-disabled-bg);color:var(--btn-disabled-fg);border-color:var(--btn-disabled-border);opacity:.9}.btn{padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;cursor:pointer}.btn-primary{color:var(--color-primary-contrast);border-color:var(--color-primary);background:linear-gradient(180deg,var(--color-gradient-from),var(--color-gradient-to))}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.input{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-fg)}