@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #10B981;--primary-dark: #059669;--primary-light: #34D399;--secondary: #0EA5E9;--secondary-dark: #0284C7;--accent: #6366F1;--background: #FFFFFF;--surface: #FAFAFA;--surface-light: #F4F4F5;--surface-hover: #F4F4F5;--text-primary: #18181B;--text-secondary: #71717A;--border: #E4E4E7;--border-light: #F4F4F5;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--info: #3B82F6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .025);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .05), 0 10px 10px -5px rgba(0, 0, 0, .02);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}.container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg)}.container-wide{max-width:1600px;margin:0 auto;padding:0 var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.1)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%)}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-light)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:1.125rem}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:0}.card-body{margin-bottom:var(--spacing-lg)}.card-footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:all var(--transition-base)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0596691a}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--error);font-size:.875rem;margin-top:var(--spacing-xs)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn var(--transition-base)}.modal-content{background:var(--surface);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base)}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--surface-light);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--border);display:flex;gap:var(--spacing-md);justify-content:flex-end}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-xl);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--primary);color:#fff}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-error{background:var(--error);color:#fff}.badge-info{background:var(--info);color:#fff}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.table{width:100%;border-collapse:collapse}.table thead{background:var(--surface-light)}.table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-secondary)}.table tbody tr:hover{background:var(--surface-light)}.table tbody tr:last-child td{border-bottom:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){h1{font-size:1.75rem;line-height:1.3}h2{font-size:1.5rem}h3{font-size:1.25rem}.container,.container-wide{padding:0 var(--spacing-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.modal-content{margin:var(--spacing-md)}.btn{padding:var(--spacing-md) var(--spacing-lg);font-size:.9375rem;min-height:48px}.btn-lg{padding:1rem var(--spacing-xl);font-size:1rem;min-height:56px}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem;min-height:40px}.card{padding:var(--spacing-md);border-radius:var(--radius-md)}}@media(max-width:480px){:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .875rem;--spacing-lg: 1.25rem;--spacing-xl: 1.75rem;--spacing-2xl: 2.5rem}h1{font-size:1.5rem}h2{font-size:1.25rem}.btn{width:100%;padding:.875rem var(--spacing-lg)}.btn-lg{padding:1rem var(--spacing-lg)}}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.product-detail-container{width:100%;margin:0 auto}.product-description{white-space:pre-line;width:100%}.product-description-wrapper{width:100%;position:relative;overflow:hidden;transition:max-height .3s ease}.product-description-toggle{display:none}.product-variant-section{padding:var(--spacing-md);background:var(--surface-light);border-radius:var(--radius-md);border:1px solid var(--border)}.product-variant-buttons .product-variant-button{border-radius:999px;border-width:1px;border-style:solid;border-color:var(--border);background:#fff;color:var(--text-primary);box-shadow:none}.product-variant-buttons .product-variant-button.btn.btn-primary{border-color:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff}.product-variant-buttons .product-variant-button.btn.btn-secondary{background:#fff}@media(min-width:1024px){.product-detail-container .grid.grid-2{grid-template-columns:1.1fr 1fr;align-items:flex-start}.product-actions-row{display:flex;gap:var(--spacing-md);align-items:stretch;margin-bottom:var(--spacing-md)}.product-actions-row .btn{width:auto;min-width:0}}@media(max-width:768px){.product-detail-container{padding:var(--spacing-lg) var(--spacing-md)!important}.product-breadcrumb{font-size:.8125rem!important;margin-bottom:var(--spacing-lg)!important;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:var(--spacing-xs)}.product-detail-container .container{padding-left:var(--spacing-md)!important;padding-right:var(--spacing-md)!important;margin-bottom:var(--spacing-md)!important}.product-image-card{padding:var(--spacing-lg)!important;margin-bottom:var(--spacing-md)!important}.product-main-image{height:280px!important;max-height:50vh}.product-thumbnail{height:60px!important}.product-info-section,.product-info-section .product-price-block{text-align:center!important}.product-info-section .product-price-discount{justify-content:center!important}.product-info-section .product-variant-section{text-align:center!important}.product-brand{font-size:.75rem!important;letter-spacing:.05em!important;text-transform:uppercase!important;margin-bottom:.5rem!important;color:var(--primary)!important;display:block!important}.product-title{font-size:1.375rem!important;line-height:1.35!important;margin-bottom:1rem!important;font-weight:600!important}.product-rating-container{margin-bottom:1.25rem!important;justify-content:center!important}.product-price{font-size:2.25rem!important;margin-bottom:.5rem!important;font-weight:700!important}.product-price-discount{margin-bottom:1.25rem!important;justify-content:center!important}.product-description{font-size:.9375rem!important;line-height:1.65!important;margin-bottom:0!important;text-align:left!important}.product-description p{margin-bottom:1rem}.product-description ul,.product-description ol{margin:1rem 0;padding-left:1.5rem}:is(.product-description ul,.product-description ol) .product-description-wrapper.expanded{max-height:2000px}:is(.product-description ul,.product-description ol) .product-description-wrapper.collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4em;background:linear-gradient(to bottom,rgba(248,250,252,0),var(--surface-light));pointer-events:none}:is(.product-description ul,.product-description ol) .product-description-toggle{display:inline-flex;margin-bottom:var(--spacing-xl);padding:.625rem var(--spacing-lg);font-size:.875rem;background:transparent;border-radius:999px;border:1px solid var(--border);color:var(--primary);font-weight:500}:is(.product-description ul,.product-description ol) .product-variant-section{margin-bottom:var(--spacing-md)!important;padding:var(--spacing-sm) var(--spacing-md)!important;background:transparent!important;border:none!important;text-align:center!important}:is(.product-description ul,.product-description ol) .product-variant-label{font-size:.8125rem!important;margin-bottom:.5rem!important;color:var(--text-secondary)!important}:is(.product-description ul,.product-description ol) .product-variant-buttons{gap:.5rem!important;flex-wrap:wrap!important;justify-content:center!important}:is(.product-description ul,.product-description ol) .product-variant-button{padding:.5rem 1rem!important;font-size:.8125rem!important;min-height:36px!important;flex:0 0 auto!important;min-width:auto!important;width:auto!important}:is(.product-description ul,.product-description ol) .product-stock{padding:var(--spacing-md)!important;margin-bottom:var(--spacing-lg)!important;font-size:.9375rem!important}:is(.product-description ul,.product-description ol) .product-specs-card{margin-bottom:var(--spacing-lg)!important;padding:var(--spacing-md)!important}:is(.product-description ul,.product-description ol) .product-specs-title{font-size:1.125rem!important;margin-bottom:var(--spacing-md)!important}:is(.product-description ul,.product-description ol) .product-spec-row{padding:var(--spacing-sm) 0!important;font-size:.875rem!important}:is(.product-description ul,.product-description ol) .product-spec-key,:is(.product-description ul,.product-description ol) .product-spec-value{font-size:.875rem!important}:is(.product-description ul,.product-description ol) .product-features-card{margin-bottom:var(--spacing-lg)!important;padding:var(--spacing-md)!important}:is(.product-description ul,.product-description ol) .product-feature-item{gap:var(--spacing-md)!important}:is(.product-description ul,.product-description ol) .product-feature-title{font-size:.875rem!important}:is(.product-description ul,.product-description ol) .product-feature-description{font-size:.75rem!important}:is(.product-description ul,.product-description ol) .product-actions-row{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-top:var(--spacing-lg)!important;padding-top:var(--spacing-lg)!important;border-top:1px solid var(--border)!important}:is(.product-description ul,.product-description ol) .product-action-button{width:100%!important;margin-bottom:0!important;font-size:1rem!important;padding:1rem var(--spacing-lg)!important;font-weight:600!important}:is(.product-description ul,.product-description ol) .product-secondary-button{width:100%!important;font-size:.875rem!important;padding:.75rem var(--spacing-md)!important;background:transparent!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}:is(.product-description ul,.product-description ol) .product-actions-row .product-secondary-button{flex:1!important}:is(.product-description ul,.product-description ol) .product-secondary-buttons-row{display:flex!important;gap:.5rem!important}:is(.product-description ul,.product-description ol) .product-success-message{margin-top:var(--spacing-md)!important;padding:var(--spacing-md)!important;font-size:.875rem!important}:is(.product-description ul,.product-description ol) .related-products-section{margin-top:var(--spacing-xl)!important}:is(.product-description ul,.product-description ol) .related-products-title{font-size:1.5rem!important;margin-bottom:var(--spacing-lg)!important}@media(max-width:480px){.product-detail-container{padding:var(--spacing-md) 0!important}.product-main-image{height:240px!important}.product-title{font-size:1.25rem!important}.product-price{font-size:1.75rem!important}.product-description{font-size:.875rem!important}.product-variant-button{min-width:70px;padding:var(--spacing-sm) var(--spacing-sm)!important;font-size:.8125rem!important}}.product-description-wrapper.collapsed{max-height:200px}.product-description-wrapper.expanded{max-height:2000px}.product-description-wrapper.collapsed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4em;background:linear-gradient(to bottom,rgba(248,250,252,0),var(--surface-light));pointer-events:none}.product-description-toggle{display:inline-flex;margin-bottom:var(--spacing-xl);padding:.625rem var(--spacing-lg);font-size:.875rem;background:transparent;border-radius:999px;border:1px solid var(--border);color:var(--primary);font-weight:500}.product-variant-section{margin-bottom:var(--spacing-md)!important;padding:var(--spacing-sm) var(--spacing-md)!important;background:transparent!important;border:none!important;text-align:center!important}.product-variant-label{font-size:.8125rem!important;margin-bottom:.5rem!important;color:var(--text-secondary)!important}.product-variant-buttons{gap:.5rem!important;flex-wrap:wrap!important;justify-content:center!important}.product-variant-button{padding:.5rem 1rem!important;font-size:.8125rem!important;min-height:36px!important;flex:0 0 auto!important;min-width:auto!important;width:auto!important}.product-stock{padding:var(--spacing-md)!important;margin-bottom:var(--spacing-lg)!important;font-size:.9375rem!important}.product-specs-card{margin-bottom:var(--spacing-lg)!important;padding:var(--spacing-md)!important}.product-specs-title{font-size:1.125rem!important;margin-bottom:var(--spacing-md)!important}.product-spec-row{padding:var(--spacing-sm) 0!important;font-size:.875rem!important}.product-spec-key,.product-spec-value{font-size:.875rem!important}.product-features-card{margin-bottom:var(--spacing-lg)!important;padding:var(--spacing-md)!important}.product-feature-item{gap:var(--spacing-md)!important}.product-feature-title{font-size:.875rem!important}.product-feature-description{font-size:.75rem!important}.product-actions-row{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-top:var(--spacing-lg)!important;padding-top:var(--spacing-lg)!important;border-top:1px solid var(--border)!important}.product-action-button{width:100%!important;margin-bottom:0!important;font-size:1rem!important;padding:1rem var(--spacing-lg)!important;font-weight:600!important}.product-secondary-button{width:100%!important;font-size:.875rem!important;padding:.75rem var(--spacing-md)!important;background:transparent!important;border:1px solid var(--border)!important;color:var(--text-primary)!important}.product-actions-row .product-secondary-button{flex:1!important}.product-secondary-buttons-row{display:flex!important;gap:.5rem!important}.product-success-message{margin-top:var(--spacing-md)!important;padding:var(--spacing-md)!important;font-size:.875rem!important}.related-products-section{margin-top:var(--spacing-xl)!important}.related-products-title{font-size:1.5rem!important;margin-bottom:var(--spacing-lg)!important}}@media(max-width:480px){.product-detail-container{padding:var(--spacing-md) 0!important}.product-main-image{height:240px!important}.product-title{font-size:1.25rem!important}.product-price{font-size:1.75rem!important}.product-description{font-size:.875rem!important}.product-variant-button{min-width:70px;padding:var(--spacing-sm) var(--spacing-sm)!important;font-size:.8125rem!important}.product-action-button{padding:.875rem var(--spacing-md)!important}}.product-action-button{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-weight:600;letter-spacing:.025em;box-shadow:0 4px 6px -1px #10b9811a,0 2px 4px -1px #10b9810f;transition:all .2s ease}.product-action-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 10px 15px -3px #10b98133,0 4px 6px -2px #10b9811a}.product-action-button:active{transform:translateY(0)}.product-secondary-button{background:#fff;border:1px solid var(--border);color:var(--text-primary);font-weight:500;transition:all .2s ease}.product-secondary-button:hover{border-color:var(--primary);color:var(--primary);background:var(--surface-light)}@media(max-width:768px)and (orientation:landscape){.product-main-image{height:200px!important}.product-detail-container{padding:var(--spacing-md) 0!important}}