:root{--primary-color:#4361ee;--primary-light:#eef2ff;--secondary-color:#3a0ca3;--dark-color:#1a1a2e;--light-color:#f8f9fa;--border-color:#e2e8f0;--text-muted:#64748b}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--light-color);color:var(--dark-color)}.navbar{background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .1);padding:1rem 0}.navbar-brand{font-weight:600;color:var(--primary-color);font-size:1.25rem}.main-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.card{border:none;border-radius:12px;box-shadow:0 1px 3px rgb(0 0 0 / .1);background:#fff;overflow:hidden}.card-header{background:#fff;border-bottom:1px solid var(--border-color);padding:1.5rem}.card-title{font-weight:600;color:var(--dark-color);margin:0}.form-label{font-weight:500;color:var(--dark-color);margin-bottom:.5rem}.form-control,.form-select{border:1px solid var(--border-color);border-radius:8px;padding:.75rem;font-size:.95rem}.form-control:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgb(67 97 238 / .15)}.btn-primary{background:var(--primary-color);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all 0.2s ease}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-1px);box-shadow:0 4px 12px rgb(67 97 238 / .25)}.btn-outline-primary{color:var(--primary-color);border:1px solid var(--primary-color);border-radius:8px;padding:.75rem 1.5rem;font-weight:500}.btn-outline-primary:hover{background:var(--primary-color);color:#fff}.file-upload{border:2px dashed var(--border-color);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all 0.2s ease;background:var(--light-color)}.file-upload:hover{border-color:var(--primary-color);background:var(--primary-light)}.qr-preview{width:256px;height:256px;background:#fff;border:1px solid var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto}.qr-preview img{max-width:100%;max-height:100%}.alert{border-radius:8px;border:none;padding:1rem}.alert-info{background:var(--primary-light);color:var(--primary-color);border-left:4px solid var(--primary-color)}.alert-success{background:#f0fdf4;color:#166534;border-left:4px solid #22c55e}.premium-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:12px;padding:2rem;margin-top:2rem}.premium-card h4{color:#fff;margin-bottom:1rem}.premium-feature{display:flex;align-items:center;margin-bottom:.75rem}.premium-feature i{color:#4cc9f0;margin-right:.75rem}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.color-option{width:24px;height:24px;border-radius:50%;display:inline-block;margin-right:8px;cursor:pointer;border:2px solid #fff0;transition:transform 0.2s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--dark-color);transform:scale(1.1)}