@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--primary: #7B5EA7;--primary-light: #9B7FD4;--primary-pale: #F0EBFA;--accent: #F7A8C4;--accent-warm: #FDCB82;--dark: #1A1A2E;--mid: #4A4A6A;--soft: #8888AA;--bg: #FAFAFA;--white: #FFFFFF;--border: #EBEBF5;--success: #4CAF7D;--error: #E05252;--card-shadow: 0 2px 20px rgba(123,94,167,.08);--card-shadow-hover: 0 8px 40px rgba(123,94,167,.18);--radius: 16px;--radius-sm: 10px;--radius-pill: 99px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--dark);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Playfair Display,serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:var(--radius-pill);border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 20px #7b5ea74d}.btn-outline{background:transparent;border:1.5px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary-pale)}.btn-danger{background:var(--error);color:#fff}.btn-sm{padding:8px 18px;font-size:13px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-3px)}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.badge-primary{background:var(--primary-pale);color:var(--primary)}.badge-success{background:#e8f7ef;color:var(--success)}.badge-warn{background:#fff3e0;color:#e65100}.input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:DM Sans,sans-serif;font-size:14px;color:var(--dark);background:var(--white);transition:border-color .2s;outline:none}.input:focus{border-color:var(--primary-light)}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-label{font-size:13px;font-weight:500;color:var(--mid)}.page-header{background:linear-gradient(135deg,var(--primary-pale) 0%,#FAF0F8 100%);padding:48px 0 36px;margin-bottom:40px}.page-header h1{font-size:32px;color:var(--dark);margin-bottom:8px}.page-header p{color:var(--soft);font-size:15px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;margin:60px auto}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;inset:0;background:#1a1a2e66;z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.empty-state{text-align:center;padding:80px 24px;color:var(--soft)}.empty-state .icon{font-size:48px;margin-bottom:16px}.empty-state h3{font-size:20px;color:var(--mid);margin-bottom:8px}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.container{padding:0 16px}.page-header{padding:32px 0 24px}.page-header h1{font-size:24px}}