@charset "UTF-8";:root{--primary: #C0392B;--primary-dark: #922B21;--primary-light: #E74C3C;--accent: #F39C12;--accent-light: #F1C40F;--dark: #1A1A2E;--dark-soft: #16213E;--surface: #0F3460;--text: #2C3E50;--text-muted: #7F8C8D;--bg: #F8F9FA;--bg-card: #FFFFFF;--success: #27AE60;--danger: #E74C3C;--border: #E8ECF0;--shadow: 0 4px 24px rgba(0,0,0,.1);--shadow-hover: 0 8px 40px rgba(0,0,0,.18);--radius: 12px;--radius-lg: 20px;--transition: all .3s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}h1,h2,h3,h4{font-family:Playfair Display,serif}a{text-decoration:none;color:inherit}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;border:none;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#e67e22;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-sm{padding:6px 16px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-hover)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-danger{background:#fdecea;color:var(--danger)}.badge-success{background:#eafaf1;color:var(--success)}.badge-accent{background:#fef9e7;color:var(--accent)}input,select,textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;transition:var(--transition);background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #c0392b1f}label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px;display:block}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.gap-1{gap:8px}.gap-2{gap:16px}.flex{display:flex}.items-center{align-items:center}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.discount-tag{background:var(--primary);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.price-original{text-decoration:line-through;color:var(--text-muted);font-size:13px}.price-discounted{color:var(--primary);font-weight:700;font-size:18px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:24px;right:24px;z-index:9999;padding:12px 24px;border-radius:8px;color:#fff;font-weight:600;animation:slideUp .3s ease}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}