:root{--primary-color: #007AFF;--primary-light: #4DA3FF;--primary-dark: #0056B3;--bg-color: #FFFFFF;--text-color: #333333;--text-light: #666666;--border-color: #E5E5E5;--success-color: #34C759;--warning-color: #FF9500;--danger-color: #FF3B30}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-secondary{background-color:#f5f5f5;color:var(--text-color)}.btn-secondary:hover{background-color:#e5e5e5}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-small{padding:6px 12px;font-size:12px}input,textarea{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;transition:border-color .3s}input:focus,textarea:focus{outline:none;border-color:var(--primary-color)}.card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:16px}