:root{--h4u-primary: #ef4444;--h4u-primary-dark: #dc2626;--h4u-primary-light: #f87171;--h4u-secondary: #3b82f6;--h4u-secondary-dark: #2563eb;--h4u-secondary-light: #60a5fa;--h4u-success: #10b981;--h4u-warning: #f59e0b;--h4u-error: #ef4444;--h4u-info: #3b82f6;--h4u-gray-50: #f9fafb;--h4u-gray-100: #f3f4f6;--h4u-gray-200: #e5e7eb;--h4u-gray-300: #d1d5db;--h4u-gray-400: #9ca3af;--h4u-gray-500: #6b7280;--h4u-gray-600: #4b5563;--h4u-gray-700: #374151;--h4u-gray-800: #1f2937;--h4u-gray-900: #111827;--h4u-radius-sm: .125rem;--h4u-radius: .375rem;--h4u-radius-lg: .5rem;--h4u-radius-xl: 1rem;--h4u-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--h4u-shadow: 0 1px 3px 0 rgb(0 0 0 / .1);--h4u-shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--h4u-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--h4u-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--h4u-transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h4u-container{max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.h4u-container{padding:0 1.5rem}}@media (min-width: 1024px){.h4u-container{padding:0 2rem}}.h4u-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1.25rem;border-radius:var(--h4u-radius);transition:var(--h4u-transition);cursor:pointer;text-decoration:none;border:none;outline:2px solid transparent;outline-offset:2px}.h4u-btn:focus-visible{outline:2px solid var(--h4u-primary);outline-offset:2px}.h4u-btn-primary{background-color:var(--h4u-primary);color:#fff}.h4u-btn-primary:hover{background-color:var(--h4u-primary-dark)}.h4u-btn-primary:active{background-color:var(--h4u-primary-dark);transform:scale(.98)}.h4u-btn-secondary{background-color:var(--h4u-secondary);color:#fff}.h4u-btn-secondary:hover{background-color:var(--h4u-secondary-dark)}.h4u-btn-outline{background-color:transparent;color:var(--h4u-primary);border:1px solid var(--h4u-primary)}.h4u-btn-outline:hover{background-color:var(--h4u-primary);color:#fff}.h4u-btn-ghost{background-color:transparent;color:var(--h4u-gray-700)}.h4u-btn-ghost:hover{background-color:var(--h4u-gray-100)}.h4u-btn:disabled{opacity:.5;cursor:not-allowed}.h4u-btn-lg{padding:.75rem 1.5rem;font-size:1rem}.h4u-btn-sm{padding:.375rem .875rem;font-size:.75rem}.h4u-card{background-color:#fff;border-radius:var(--h4u-radius-lg);box-shadow:var(--h4u-shadow);overflow:hidden;transition:var(--h4u-transition)}.h4u-card:hover{box-shadow:var(--h4u-shadow-lg)}.h4u-card-header{padding:1.25rem;border-bottom:1px solid var(--h4u-gray-200)}.h4u-card-body{padding:1.25rem}.h4u-card-footer{padding:1.25rem;border-top:1px solid var(--h4u-gray-200);background-color:var(--h4u-gray-50)}.h4u-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px;white-space:nowrap}.h4u-badge-primary{background-color:var(--h4u-primary-light);color:var(--h4u-primary-dark)}.h4u-badge-success{background-color:#d1fae5;color:#065f46}.h4u-badge-warning{background-color:#fed7aa;color:#92400e}.h4u-badge-error{background-color:#fee2e2;color:#991b1b}.h4u-badge-info{background-color:#dbeafe;color:#1e40af}.h4u-form-group{margin-bottom:1.25rem}.h4u-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--h4u-gray-700)}.h4u-input,.h4u-select,.h4u-textarea{display:block;width:100%;padding:.625rem .875rem;font-size:.875rem;line-height:1.25rem;color:var(--h4u-gray-900);background-color:#fff;border:1px solid var(--h4u-gray-300);border-radius:var(--h4u-radius);transition:var(--h4u-transition)}.h4u-input:focus,.h4u-select:focus,.h4u-textarea:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--h4u-primary);box-shadow:0 0 0 3px #ef44441a}.h4u-input:disabled,.h4u-select:disabled,.h4u-textarea:disabled{background-color:var(--h4u-gray-100);cursor:not-allowed;opacity:.6}.h4u-input-error{border-color:var(--h4u-error)}.h4u-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.h4u-error-message{margin-top:.25rem;font-size:.75rem;color:var(--h4u-error)}.h4u-checkbox,.h4u-radio{width:1rem;height:1rem;color:var(--h4u-primary);border:1px solid var(--h4u-gray-300);border-radius:var(--h4u-radius-sm);transition:var(--h4u-transition)}.h4u-checkbox:checked,.h4u-radio:checked{background-color:var(--h4u-primary);border-color:var(--h4u-primary)}.h4u-radio{border-radius:9999px}.h4u-table{width:100%;border-collapse:collapse}.h4u-table thead{background-color:var(--h4u-gray-50)}.h4u-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--h4u-gray-600);border-bottom:1px solid var(--h4u-gray-200)}.h4u-table td{padding:1rem;font-size:.875rem;color:var(--h4u-gray-900);border-bottom:1px solid var(--h4u-gray-200)}.h4u-table tbody tr:hover{background-color:var(--h4u-gray-50)}.h4u-table-striped tbody tr:nth-child(2n){background-color:var(--h4u-gray-50)}.h4u-alert{padding:1rem;border-radius:var(--h4u-radius);margin-bottom:1rem}.h4u-alert-success{background-color:#d1fae5;color:#065f46;border-left:4px solid var(--h4u-success)}.h4u-alert-warning{background-color:#fed7aa;color:#92400e;border-left:4px solid var(--h4u-warning)}.h4u-alert-error{background-color:#fee2e2;color:#991b1b;border-left:4px solid var(--h4u-error)}.h4u-alert-info{background-color:#dbeafe;color:#1e40af;border-left:4px solid var(--h4u-info)}.h4u-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}.h4u-modal{background-color:#fff;border-radius:var(--h4u-radius-xl);box-shadow:var(--h4u-shadow-xl);max-width:90%;max-height:90vh;overflow:auto;animation:slideUp .3s ease-out}.h4u-modal-header{padding:1.5rem;border-bottom:1px solid var(--h4u-gray-200)}.h4u-modal-body{padding:1.5rem}.h4u-modal-footer{padding:1.5rem;border-top:1px solid var(--h4u-gray-200);display:flex;justify-content:flex-end;gap:.5rem}.h4u-tabs{display:flex;border-bottom:1px solid var(--h4u-gray-200)}.h4u-tab{padding:.75rem 1rem;font-size:.875rem;font-weight:500;color:var(--h4u-gray-600);border-bottom:2px solid transparent;cursor:pointer;transition:var(--h4u-transition)}.h4u-tab:hover{color:var(--h4u-gray-900)}.h4u-tab.active{color:var(--h4u-primary);border-bottom-color:var(--h4u-primary)}.h4u-dropdown{position:relative;display:inline-block}.h4u-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:#fff;border-radius:var(--h4u-radius);box-shadow:var(--h4u-shadow-lg);min-width:12rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--h4u-transition)}.h4u-dropdown.open .h4u-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.h4u-dropdown-item{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--h4u-gray-700);text-decoration:none;transition:var(--h4u-transition)}.h4u-dropdown-item:hover{background-color:var(--h4u-gray-50);color:var(--h4u-primary)}.h4u-progress{width:100%;height:.5rem;background-color:var(--h4u-gray-200);border-radius:9999px;overflow:hidden}.h4u-progress-bar{height:100%;background-color:var(--h4u-primary);transition:width .3s ease}.h4u-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.h4u-skeleton-text{height:1rem;border-radius:var(--h4u-radius);margin-bottom:.5rem}.h4u-skeleton-title{height:1.5rem;width:50%;border-radius:var(--h4u-radius);margin-bottom:.75rem}.h4u-skeleton-box{height:10rem;border-radius:var(--h4u-radius-lg)}.h4u-tooltip{position:relative;display:inline-block}.h4u-tooltip-content{position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:var(--h4u-gray-900);color:#fff;padding:.375rem .75rem;border-radius:var(--h4u-radius);font-size:.75rem;white-space:nowrap;visibility:hidden;opacity:0;transition:opacity .2s ease;z-index:1000}.h4u-tooltip:hover .h4u-tooltip-content{visibility:visible;opacity:1}.h4u-tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--h4u-gray-900)}.notification{animation:slideIn .3s ease-out;transition:var(--h4u-transition)}.notification.success{border-left:4px solid var(--h4u-success)}.notification.error{border-left:4px solid var(--h4u-error)}.notification.warning{border-left:4px solid var(--h4u-warning)}.notification.info{border-left:4px solid var(--h4u-info)}.package-card{transition:var(--h4u-transition);cursor:pointer}.package-card:hover{transform:translateY(-2px);box-shadow:var(--h4u-shadow-lg)}.package-card.selected{border:2px solid var(--h4u-primary);box-shadow:0 0 0 3px #ef44441a}.spinner{border:3px solid var(--h4u-gray-200);border-top:3px solid var(--h4u-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:4px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--h4u-gray-100);border-radius:var(--h4u-radius)}::-webkit-scrollbar-thumb{background:var(--h4u-gray-400);border-radius:var(--h4u-radius)}::-webkit-scrollbar-thumb:hover{background:var(--h4u-gray-500)}.h4u-divider{height:1px;background-color:var(--h4u-gray-200);margin:1.5rem 0}.h4u-avatar{display:inline-block;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:var(--h4u-gray-200);overflow:hidden}.h4u-avatar img{width:100%;height:100%;object-fit:cover}.h4u-avatar-sm{width:2rem;height:2rem}.h4u-avatar-lg{width:3rem;height:3rem}.h4u-avatar-xl{width:4rem;height:4rem}.h4u-breadcrumb{display:flex;align-items:center;font-size:.875rem}.h4u-breadcrumb-item{color:var(--h4u-gray-600);text-decoration:none;transition:var(--h4u-transition)}.h4u-breadcrumb-item:hover{color:var(--h4u-primary)}.h4u-breadcrumb-separator{margin:0 .5rem;color:var(--h4u-gray-400)}.h4u-breadcrumb-item.active{color:var(--h4u-gray-900);font-weight:500}.h4u-pagination{display:flex;align-items:center;gap:.25rem}.h4u-page-link{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.875rem;color:var(--h4u-gray-700);background-color:#fff;border:1px solid var(--h4u-gray-300);border-radius:var(--h4u-radius);text-decoration:none;transition:var(--h4u-transition)}.h4u-page-link:hover{background-color:var(--h4u-gray-50);border-color:var(--h4u-primary);color:var(--h4u-primary)}.h4u-page-link.active{background-color:var(--h4u-primary);border-color:var(--h4u-primary);color:#fff}.h4u-page-link:disabled{opacity:.5;cursor:not-allowed}.h4u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.h4u-no-print{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/hallyu4u-styles.css.map */