*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer}table{border-collapse:collapse}:root{--color-bg: #ffffff;--color-bg-subtle: #f9fafb;--color-bg-muted: #f3f4f6;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-success: #059669;--color-success-light: #ecfdf5;--color-warning: #d97706;--color-warning-light: #fffbeb;--color-danger: #dc2626;--color-danger-light: #fef2f2;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--sidebar-width: 240px;--header-height: 56px;--content-max-width: 1200px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08);--transition-fast: .15s ease;--transition-base: .2s ease}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-subtle)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:var(--text-sm);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:36px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-subtle)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#047857}.btn-sm{padding:.25rem .75rem;font-size:var(--text-xs);min-height:28px}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-input{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color var(--transition-fast);background:#fff}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-medium{font-weight:500}.font-semibold{font-weight:600}