@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap";:root{--color-primary: #06b6d4;--color-primary-hover: #0891b2;--color-primary-light: #cffafe;--color-accent: #34d399;--color-accent-warm: #fbbf24;--color-accent-light: #d1fae5;--color-success: #10b981;--color-background: #f0fdf4;--color-surface: #ffffff;--color-text-main: #0a2e1f;--color-text-muted: #2d7a5a;--color-border: #6ee7b7;--gradient-primary: linear-gradient(135deg, #06b6d4 0%, #34d399 100%);--gradient-card-top: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(209,250,229,.6) 100%);--shadow-sm: 0 1px 3px 0 rgba(6, 182, 212, .12);--shadow-md: 0 6px 20px -2px rgba(6, 182, 212, .18), 0 2px 8px -1px rgba(52, 211, 153, .1);--shadow-lg: 0 12px 36px -4px rgba(6, 182, 212, .25), 0 6px 14px -2px rgba(52, 211, 153, .15);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--jt-seed-font-base),"Noto Sans KR",-apple-system,sans-serif;background-color:var(--jt-bg-layout);color:var(--jt-color-text);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}.container{max-width:1440px;margin:0 auto;padding:2rem}@media (max-width: 768px){.container{padding:1rem}}.card{background-color:var(--jt-neutral-50);border-radius:var(--jt-r-lg);box-shadow:var(--jt-shadow-md);border:1px solid var(--jt-color-border);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.card{padding:1rem;border-radius:var(--radius-md)}.card:hover{transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:700;font-size:1rem;cursor:pointer;border:none;transition:all var(--transition-fast);letter-spacing:-.01em}.btn-primary{background:linear-gradient(135deg,#06b6d4,#059669);color:#fff;box-shadow:0 4px 16px #06b6d473}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #06b6d48c}.btn-primary:active{transform:translateY(1px)}.btn-danger{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border-radius:var(--radius-full)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}@media (max-width: 768px){.btn{padding:.65rem 1.2rem;font-size:.9rem}}.select-input,.number-input{padding:.55rem .75rem;border:1px solid var(--jt-color-border);border-radius:var(--jt-r-md);font-family:inherit;font-size:.95rem;color:var(--jt-color-text);background-color:var(--jt-bg-container);outline:none;transition:all .2s ease}.select-input:focus,.number-input:focus{border-color:var(--jt-color-focus-ring);box-shadow:0 0 0 3px #305cde26}@media (max-width: 768px){.admin-panel-table-wrap,table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.card[class*=admin],.card[class*=order]{padding:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.header-card{padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.header-text-container{display:flex;flex-direction:column;align-items:center;white-space:nowrap}.header-logo{height:36px;width:auto;object-fit:contain;background-color:transparent}.header-title{font-size:1.8rem;font-weight:800;margin:0;color:var(--jt-color-text);line-height:1.2}.header-subtitle{color:var(--jt-color-text-secondary);margin-top:.3rem;font-size:.9rem;font-weight:600}.header-buttons{display:flex;gap:.7rem;white-space:nowrap}.header-btn{padding:.55rem 1.1rem;border-radius:9999px;cursor:pointer;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.4rem;transition:all .15s}@media (max-width: 768px){.header-card{display:flex;flex-direction:column;text-align:center;padding:1rem;gap:1rem}.header-text-container{white-space:normal;width:100%}.header-title-container{flex-direction:column;gap:.6rem;margin-bottom:.5rem}.header-title{font-size:1.3rem;word-break:keep-all}.header-subtitle{font-size:.8rem;word-break:keep-all}.header-buttons{width:100%;justify-content:center;flex-wrap:nowrap;gap:.5rem}.header-btn{flex:1;justify-content:center;padding:.65rem .5rem;font-size:.8rem;min-width:0}}.material-symbols-rounded{font-family:Material Symbols Rounded,sans-serif!important;font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:inherit}.home-main-layout{display:flex;gap:2rem;align-items:flex-start}.product-list-section{flex:1;min-width:0}.cart-section{flex:0 0 300px;position:sticky;top:2rem;height:max-content;z-index:10}@media (max-width: 992px){.home-main-layout{flex-direction:column}.cart-section{flex:none;width:100%;position:static}}:root{--jt-seed-color-primary: #1F2328;--jt-seed-color-neutral: #1F2328;--jt-seed-color-accent: #305CDE;--jt-seed-color-success: #14A870;--jt-seed-color-warning: #F0B01C;--jt-seed-color-error: #E14B4B;--jt-seed-color-info: #305CDE;--jt-seed-font-size: 14px;--jt-seed-radius: 8px;--jt-seed-unit: 4px;--jt-neutral-0: #FFFFFF;--jt-neutral-50: #F7F8F9;--jt-neutral-100: #EEF0F2;--jt-neutral-200: #DEE2E6;--jt-neutral-300: #C5CBD1;--jt-neutral-400: #9DA5AF;--jt-neutral-500: #757F8A;--jt-neutral-600: #5A6470;--jt-neutral-700: #434B55;--jt-neutral-800: #2E343B;--jt-neutral-900: #1F2328;--jt-neutral-950: #14171A;--jt-color-primary-bg: var(--jt-neutral-100);--jt-color-primary-border: var(--jt-neutral-200);--jt-color-primary-hover: var(--jt-neutral-800);--jt-color-primary: var(--jt-neutral-900);--jt-color-primary-active: var(--jt-neutral-950);--jt-color-primary-text: var(--jt-neutral-900);--jt-color-accent-bg: #EEF3FE;--jt-color-accent-border: #D6E1FC;--jt-color-accent-hover: #5578E8;--jt-color-accent: #305CDE;--jt-color-accent-active: #2A4EC0;--jt-color-accent-text: #24419E;--jt-space-1: 4px;--jt-space-2: 8px;--jt-space-3: 12px;--jt-space-4: 16px;--jt-space-5: 20px;--jt-space-6: 24px;--jt-space-7: 32px;--jt-space-8: 40px;--jt-r-sm: 4px;--jt-r-md: 8px;--jt-r-lg: 16px;--jt-r-xl: 24px;--jt-r-full: 9999px;--jt-control-height: 36px;--jt-control-height-sm: 28px;--jt-control-height-lg: 44px;--jt-shadow-xs: 0 4px 12px rgba(18,21,26,.08);--jt-shadow-sm: 0 4px 16px rgba(18,21,26,.06);--jt-shadow-lg: 0 20px 40px rgba(18,21,26,.15);--jt-color-text: var(--jt-neutral-900);--jt-color-text-secondary: var(--jt-neutral-500);--jt-color-text-tertiary: var(--jt-neutral-400);--jt-color-text-disabled: var(--jt-neutral-300);--jt-bg-layout: var(--jt-neutral-50);--jt-bg-container: var(--jt-neutral-0);--jt-bg-elevated: var(--jt-neutral-0);--jt-color-border: var(--jt-neutral-200);--jt-color-split: var(--jt-neutral-100);--jt-color-link: var(--jt-color-accent);--jt-color-link-hover: var(--jt-color-accent-hover);--jt-color-focus-ring: var(--jt-color-accent)}.premium-card{background-color:var(--jt-bg-container);border-radius:var(--jt-r-lg);box-shadow:var(--jt-shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.premium-card:hover{transform:translateY(-2px);box-shadow:0 24px 48px #12151a2e}.premium-btn{background-color:var(--jt-color-primary);color:var(--jt-neutral-0);border:none;border-radius:var(--jt-r-md);padding:0 var(--jt-space-5);font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center}.premium-btn:hover:not(:disabled){background-color:var(--jt-color-primary-hover);transform:translateY(-1px);box-shadow:var(--jt-shadow-sm)}.premium-btn:active:not(:disabled){transform:translateY(1px);box-shadow:none}.premium-btn:disabled{opacity:.7;cursor:not-allowed}.premium-input{width:100%;padding:0 var(--jt-space-4);border:1px solid var(--jt-color-border);border-radius:var(--jt-r-md);outline:none;transition:all .3s ease;background-color:var(--jt-neutral-50)}.premium-input:hover{border-color:var(--jt-neutral-400)}.premium-input:focus{border-color:var(--jt-color-focus-ring);box-shadow:0 0 0 3px #305cde26;background-color:var(--jt-bg-container)}.product-list-container{margin-bottom:3rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.product-grid{grid-template-columns:1fr;gap:1rem}}@media (min-width: 769px) and (max-width: 1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}.product-card{display:flex;flex-direction:column}.product-card h3{font-size:1.1rem;font-weight:700;margin-bottom:1rem;color:var(--jt-color-text);border-bottom:1.5px solid var(--jt-color-border);padding-bottom:.5rem}.product-options{flex-grow:1;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.option-group{display:flex;flex-direction:column;gap:.4rem}.option-group label{font-size:.85rem;font-weight:600;color:var(--jt-color-text-secondary)}.price-display{display:flex;justify-content:space-between;align-items:center;background-color:var(--jt-bg-layout);padding:.75rem;border-radius:var(--jt-r-md);margin-top:.5rem}.price-label{font-size:.9rem;color:var(--color-text-muted)}.price-value{font-size:1.1rem;font-weight:700;color:var(--jt-color-accent)}.quantity-controls{display:flex;align-items:center}.qty-btn{background-color:var(--jt-bg-layout);border:1px solid var(--jt-color-border);width:2rem;height:2rem;border-radius:.25rem;font-weight:700;cursor:pointer;transition:background-color var(--transition-fast);color:var(--jt-color-text)}.qty-btn:hover:not(:disabled){background-color:var(--jt-neutral-200)}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-input{width:3.5rem;text-align:center;border-radius:0;border-left:none;border-right:none;height:2rem;padding:0}.add-to-cart-btn{width:100%}.price-chart-card{padding:1rem;background-color:var(--jt-bg-container);border-radius:var(--jt-r-lg);border:1px solid var(--jt-color-border);display:flex;flex-direction:column;height:100%;box-shadow:var(--jt-shadow-sm)}.price-chart-card h3{font-size:1.1rem;font-weight:800;margin-bottom:.75rem;color:var(--jt-color-text);text-align:center;border-bottom:none;padding-bottom:0}.price-chart-table-container{overflow-x:auto;flex-grow:1;border-radius:6px}.price-chart-table{width:100%;border-collapse:collapse;font-size:.73rem;text-align:center;border:1.5px solid var(--jt-color-primary);background-color:#fff}.price-chart-table th,.price-chart-table td{border:1px solid var(--jt-color-border);padding:.35rem .2rem;vertical-align:middle}.price-chart-table th{background-color:var(--jt-color-primary);color:var(--jt-neutral-0);font-weight:700}.price-chart-table th.th-self,.price-chart-table th.th-family,.price-chart-table th.th-acquaintance{color:var(--jt-neutral-100)}.price-chart-table td.brand-cell{font-weight:700;background-color:var(--jt-neutral-100);color:var(--jt-color-text)}.price-chart-table td.cell-self,.price-chart-table td.cell-family,.price-chart-table td.cell-acquaintance{background-color:var(--jt-bg-elevated);font-weight:600;color:var(--jt-color-text)}.price-chart-notes{margin-top:auto;padding:.6rem;display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;font-weight:700;background-color:var(--jt-neutral-100);border-radius:var(--jt-r-md);border:none;color:var(--jt-neutral-700)}.cart-container{margin-bottom:3rem}.cart-container h2{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--jt-color-text)}.empty-cart{text-align:center;padding:3rem 1rem;color:var(--jt-color-text-tertiary);background-color:var(--jt-bg-layout);border-radius:var(--jt-r-md);border:1px dashed var(--jt-color-border)}.cart-items-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.cart-group-card{display:flex;flex-direction:column;background:var(--jt-neutral-0);border-radius:var(--jt-r-md);border:1px solid var(--jt-color-border);box-shadow:var(--jt-shadow-sm);overflow:hidden;margin-bottom:.5rem}.cart-group-header{padding:.8rem 1rem .8rem .2rem;background-color:transparent;border-bottom:1px solid var(--jt-neutral-200);display:flex;align-items:center}.cart-group-items{display:flex;flex-direction:column}.cart-group-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px dashed var(--jt-neutral-200);transition:background-color .15s}.cart-group-item:last-child{border-bottom:none}.cart-group-item:hover{background-color:var(--jt-neutral-50)}.cart-group-item-info{display:flex;flex-direction:column;gap:.3rem;flex:1;min-width:0}.item-name{font-size:.85rem;font-weight:500;color:var(--jt-color-text);line-height:1.3}.item-price-qty{font-size:.85rem;color:var(--jt-color-text-secondary)}.cart-group-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:.3rem;margin-left:auto}.delete-btn{background:none;border:none;padding:.2rem;cursor:pointer;display:flex;align-items:center;color:var(--jt-neutral-400);transition:all .15s}.delete-btn:hover{color:var(--jt-color-danger);transform:scale(1.1)}.item-subtotal{font-weight:800;font-size:.95rem;color:var(--jt-color-text)}.badge{padding:.3rem .8rem;border-radius:9999px;font-size:1rem;font-weight:800;white-space:nowrap}.badge-self{background:var(--jt-success-50);color:var(--jt-success-700);border:1px solid var(--jt-success-300)}.badge-family{background:var(--jt-info-50);color:var(--jt-info-700);border:1px solid var(--jt-info-300)}.badge-acquaintance{background:var(--jt-warning-50);color:var(--jt-warning-800);border:1px solid var(--jt-warning-300)}.cart-item-actions{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px dashed var(--jt-neutral-200);padding-top:.5rem}.cart-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px dashed var(--jt-color-border);display:flex;flex-direction:column;gap:1.5rem}.total-row{display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:700}.total-price{font-size:1.75rem;font-weight:800;color:var(--jt-color-primary)}.checkout-btn{width:100%;padding:1rem;font-size:1.1rem;background-color:var(--jt-color-primary);color:var(--jt-neutral-0);font-weight:800;border:none;border-radius:var(--jt-r-md);cursor:pointer;box-shadow:var(--jt-shadow-md);transition:all .15s;letter-spacing:-.01em}.checkout-btn:hover{background-color:var(--jt-color-primary-hover)}@media (max-width: 768px){.cart-items-list{gap:.75rem}.cart-item{flex-direction:column;gap:.5rem}.item-subtotal{font-size:1rem}.total-price{font-size:1.4rem}.checkout-btn{font-size:1rem;padding:.85rem}}.checkout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #06b6d480}.checkout-btn:active{transform:translateY(1px)}.admin-panel-container{padding:2rem;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000001a;margin-top:2rem;font-family:Pretendard,sans-serif}.admin-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.admin-header h2{margin:0;font-size:1.5rem;color:#0f172a;display:flex;align-items:center;gap:.5rem}.sync-badge{background-color:#dcfce7;color:#166534;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.3rem;border:1px solid #bbf7d0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 900px){.admin-grid{grid-template-columns:1fr}}.admin-section{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9}.admin-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid #f8fafc;padding-bottom:.8rem}.admin-section-header h3{margin:0;font-size:1.1rem;color:#1e293b;display:flex;align-items:center;gap:.5rem}.input-group{display:flex;gap:.5rem;margin-bottom:1rem}.input-group input{flex:1;padding:.8rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}.input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.btn-add{background-color:#1e293b;color:#fff;border:none;border-radius:8px;padding:0 1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:background-color .2s}.btn-add:hover{background-color:#0f172a}.btn-add:disabled{background-color:#94a3b8;cursor:not-allowed}.list-container{display:flex;flex-direction:column;gap:.8rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.list-container::-webkit-scrollbar{width:6px}.list-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.list-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.list-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;transition:transform .1s,box-shadow .1s}.list-item:hover{box-shadow:0 4px 6px -1px #0000000d;transform:translateY(-1px)}.item-info{display:flex;flex-direction:column;gap:.3rem}.item-name{font-weight:700;color:#1e293b;font-size:1.05rem}.item-sub{font-size:.8rem;color:#64748b}.item-actions{display:flex;gap:.5rem;align-items:center}.btn-icon{background:none;border:1px solid #e2e8f0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .2s}.btn-icon:hover{background-color:#f1f5f9;color:#0f172a}.btn-delete{color:#ef4444}.btn-delete:hover{background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c}.btn-upload{font-size:.75rem;padding:.4rem .8rem;border-radius:6px;border:1px solid #cbd5e1;background-color:#f8fafc;color:#334155;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-weight:600}.btn-upload:hover{background-color:#e2e8f0}.product-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem}.product-form-grid input{padding:.6rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem}.product-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid #e2e8f0}