:root{--color-primary: #000000;--color-secondary: #6c757d;--color-success: #d4edda;--color-danger: #f8d7da;--color-info: #d1ecf1;--color-light: #f8f9fa;--color-white: #ffffff;--color-border: #e0e0e0;--border-radius: 8px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-white);color:#333;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:var(--border-radius);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background-color:#333}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-light{background-color:var(--color-light);color:#333}.btn-light:hover:not(:disabled){background-color:#e2e6ea}.form-group{margin-bottom:var(--spacing-sm)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:#333}.form-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:14px;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary)}.alert{padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm)}.alert-success{background-color:var(--color-success);color:#155724;border:1px solid #c3e6cb}.alert-danger{background-color:var(--color-danger);color:#721c24;border:1px solid #f5c6cb}.alert-info{background-color:var(--color-info);color:#0c5460;border:1px solid #bee5eb}.card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:0 2px 4px #0000001a}.header{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:24px;font-weight:700;color:var(--color-primary)}.nav-buttons{display:flex;gap:var(--spacing-xs)}.main-content{min-height:calc(100vh - 80px);padding:var(--spacing-lg) 0}