*,*:before,*:after{box-sizing:border-box}*{margin:0}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}:root{--color-background: #f8f9fa;--color-surface: #ffffff;--color-surface-hover: #f1f3f4;--color-card: #ffffff;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-text-inverse: #ffffff;--color-border: #e5e7eb;--color-ready: #3b82f6;--color-in-progress: #f59e0b;--color-in-review: #8b5cf6;--color-done: #10b981;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-accent: #f59e0b;--color-accent-hover: #d97706;--color-accent-soft: #fef3c7;--color-success: #10b981;--color-success-bg: color-mix(in srgb, var(--color-success) 10%, white);--color-error: #ef4444;--color-error-bg: color-mix(in srgb, var(--color-error) 10%, white);--color-warning: #f59e0b;--color-warning-bg: color-mix(in srgb, var(--color-warning) 10%, white);--color-info: #3b82f6;--color-info-bg: color-mix(in srgb, var(--color-info) 10%, white);--color-trivial: #6b7280;--color-trivial-bg: color-mix(in srgb, var(--color-trivial) 10%, white);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-card: 0 1px 3px rgba(0, 0, 0, .1);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .15);--shadow-card-dragging: 0 8px 24px rgba(0, 0, 0, .2);--shadow-dialog: 0 20px 40px rgba(0, 0, 0, .2);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s ease;--transition-normal: .25s ease;--z-dropdown: 50;--z-modal: 100;--z-tooltip: 150;--header-height: 57px}@media(prefers-color-scheme:dark){:root{--color-background: #0f0f0f;--color-surface: #1a1a1a;--color-surface-hover: #2a2a2a;--color-card: #1a1a1a;--color-text: #f0f0f0;--color-text-muted: #9ca3af;--color-text-inverse: #1a1a1a;--color-border: #333333;--color-ready: #60a5fa;--color-in-progress: #fbbf24;--color-in-review: #a78bfa;--color-done: #34d399;--color-primary: #60a5fa;--color-primary-hover: #3b82f6;--color-accent: #fbbf24;--color-accent-hover: #f59e0b;--color-accent-soft: rgba(251, 191, 36, .15);--color-success: #34d399;--color-success-bg: color-mix(in srgb, var(--color-success) 15%, black);--color-error: #f87171;--color-error-bg: color-mix(in srgb, var(--color-error) 15%, black);--color-warning: #fbbf24;--color-warning-bg: color-mix(in srgb, var(--color-warning) 15%, black);--color-info: #60a5fa;--color-info-bg: color-mix(in srgb, var(--color-info) 15%, black);--color-trivial: #9ca3af;--color-trivial-bg: color-mix(in srgb, var(--color-trivial) 15%, black);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card: 0 1px 3px rgba(0, 0, 0, .4);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .5);--shadow-card-dragging: 0 8px 24px rgba(0, 0, 0, .6);--shadow-dialog: 0 20px 40px rgba(0, 0, 0, .5)}}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);background:var(--color-primary);color:var(--color-text-inverse);border:none}button:hover:not(:disabled){background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.size-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}button.size-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}button.secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}button.secondary:hover:not(:disabled){background:var(--color-surface-hover)}button.text{background:none;color:var(--color-primary);border:none;padding-left:var(--space-2);padding-right:var(--space-2)}button.text:hover:not(:disabled){text-decoration:underline;background:none}button.danger{background:none;color:var(--color-error);border:1px solid var(--color-error)}button.danger:hover:not(:disabled){background:var(--color-error);color:var(--color-text-inverse)}button.icon{background:none;border:none;color:var(--color-text-muted);padding:var(--space-1);line-height:1}button.icon:hover:not(:disabled){color:var(--color-text);background:none}button.icon.size-sm{font-size:var(--text-lg)}button.icon.size-lg{font-size:var(--text-2xl)}input[type=text],input[type=email],input[type=password],input[type=search],input[type=url],input[type=tel],input[type=number]{width:100%;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}input::placeholder{color:var(--color-text-muted)}input:focus{outline:none;border-color:var(--color-primary)}input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-hover)}input:read-only{background:var(--color-surface-hover)}input.size-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}input.size-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}input.error{border-color:var(--color-error)}input.error:focus{border-color:var(--color-error)}textarea{width:100%;padding:var(--space-3);font-family:inherit;font-size:var(--text-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);min-height:80px;line-height:var(--leading-normal);transition:border-color var(--transition-fast);resize:vertical}textarea::placeholder{color:var(--color-text-muted)}textarea:focus{outline:none;border-color:var(--color-primary)}textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-hover)}textarea:read-only{background:var(--color-surface-hover)}textarea.size-sm{padding:var(--space-2);font-size:var(--text-xs);min-height:60px}textarea.size-lg{padding:var(--space-4);font-size:var(--text-base);min-height:120px}textarea.error{border-color:var(--color-error)}textarea.error:focus{border-color:var(--color-error)}select{font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}select:focus{outline:none;border-color:var(--color-primary)}select:disabled{opacity:.5;cursor:not-allowed;background:var(--color-surface-hover)}select.size-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}select.size-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}select.error{border-color:var(--color-error)}select.error:focus{border-color:var(--color-error)}label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--space-1)}.form-group{margin-bottom:var(--space-4)}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}body{font-family:var(--font-sans);background:var(--color-background);color:var(--color-text);min-height:100vh;margin:0}