*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{margin:0;font-family:var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);background-color:var(--background);color:var(--foreground);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,body *{transition:background-color .3s ease,color .3s ease,border-color .3s ease}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--foreground)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-md, 16px)}.page-title{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-lg, 24px);color:var(--foreground)}.card{background:var(--surface);border-radius:var(--border-radius-lg, 12px);padding:var(--spacing-lg, 24px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .08));margin-bottom:var(--spacing-md, 16px)}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius-md, 8px);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary);color:var(--on-primary, white)}.btn-primary:hover{background:var(--primary-hover, var(--primary))}.btn-secondary{background:var(--surface-alt, var(--surface-variant, var(--muted)));color:var(--foreground)}.btn-secondary:hover{background:var(--muted)}.form-group{margin-bottom:var(--spacing-md, 16px)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-sm, 8px);color:var(--foreground)}.form-input{width:100%;padding:12px;border:1px solid var(--border);border-radius:var(--border-radius-md, 8px);font-size:1rem;background:var(--surface);color:var(--foreground)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 18%,transparent)}.main-content{padding-top:64px;min-height:100vh}