@font-face{font-family:GmarketSansMedium;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff");font-weight:400;font-style:normal}:root{--foreground:#000;--background:#fff;--color-primary:#13183D;--color-secondary:rgba(19,24,61,0.8);--color-secondary2:#F2F2F2;--color-grade:#F6A800;--color-background:#F9F9F9;--color-success:#027d33;--color-error:#b81111;--color-warning:#e2c802;--color-info:#004cc5;--color-text:#000000;--color-dark-gray:#8588A2;--color-light-gray:#BDBEBF;--color-normal-light:#F9F9F9;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--text-primary:#000000;--text-secondary:#8588A2;--text-muted:#BDBEBF;--text-light:white;--bg-primary:#ffffff;--bg-secondary:#F9F9F9;--bg-muted:#F2F2F2;--bg-table-header:#F2F2F2;--bg-hover:#f8fafc;--border-color:#BDBEBF;--border-light:#F2F2F2;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 2px 8px rgba(0,0,0,0.1);--shadow-lg:0 4px 12px rgba(0,0,0,0.15);--shadow-modal:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:all 0.2s ease;--transition-normal:all 0.3s ease;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--nav-title-font-size:1.1rem;--nav-title-font-weight:600}@media (prefers-color-scheme:dark){:root{--foreground:#fff;--background:#000}}body,html{max-width:100vw;overflow-x:hidden}body{font-family:GmarketSansMedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.app-container,.landing-layout{min-height:100vh;background-color:var(--bg-secondary);font-family:GmarketSansMedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.landing-layout{display:flex;flex-direction:column}.landing-main{flex:1 1;padding-top:96px;min-height:calc(100vh - 96px)}.auth-required,.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-secondary);font-size:var(--text-base);color:var(--text-secondary)}.header{position:fixed;top:0;left:0;right:0;height:96px;background:var(--bg-primary);display:flex;align-items:center;padding:0 var(--spacing-lg);border-bottom:4px solid var(--color-primary);z-index:40;box-shadow:var(--shadow-sm);font-family:GmarketSansMedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.header,.header-landing{justify-content:space-between}.header-landing{padding:0 var(--spacing-xl)}.hamburger-menu{display:none;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;background:none;border:none;cursor:pointer;z-index:50;flex-shrink:0}.hamburger-line{width:24px;height:2px;background-color:var(--color-primary);transition:var(--transition-normal);margin:2px 0}.line-1-active{transform:rotate(45deg) translate(5px,5px)}.line-2-active{opacity:0}.line-3-active{transform:rotate(-45deg) translate(7px,-6px)}.logo-container{display:flex;align-items:center;margin-left:240px;flex:1 1;justify-content:flex-start}.logo-container-landing{margin-left:0;flex:none;justify-content:flex-start;position:static;transform:none}.logo{height:64px;width:128px;justify-content:center}.logo,.nav-actions{display:flex;align-items:center;flex-shrink:0}.nav-actions{padding:var(--spacing-xl);gap:var(--spacing-xl)}.logout-btn,.nav-actions button{width:112px;height:40px;background:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-xl);color:var(--text-light);cursor:pointer;font-weight:var(--font-medium);font-family:GmarketSansMedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:var(--transition-fast);white-space:nowrap;flex-shrink:0}.logout-btn:hover,.nav-actions button:hover{background-color:var(--bg-primary);color:var(--color-primary)}.overlay{right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:40;display:none}.overlay,.side-menu{position:fixed;top:0;left:0}.side-menu{width:240px;height:100vh;background-color:var(--color-primary);color:var(--text-light);z-index:50;border-radius:0 var(--radius-xl) var(--radius-xl) 0;display:flex;flex-direction:column}.side-menu-content{flex:1 1;padding:var(--spacing-lg);overflow:hidden}.user-profile{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-xl);transition:var(--transition-fast);cursor:pointer;margin-bottom:50px}.user-profile:hover{background-color:rgba(255,255,255,.1)}.profile-container{width:48px;height:48px;flex-shrink:0}.profile-circle-fallback{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:18px;border:2px solid rgba(255,255,255,.2);box-sizing:border-box}.profile-info{flex:1 1;min-width:0}.shop-name{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:0 0 4px}.shop-name,.user-id{color:var(--text-light);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-id{font-size:var(--text-sm);margin:0}.view-mode-indicator{font-size:var(--text-xs);color:rgba(255,255,255,.8);margin:4px 0 0;font-weight:var(--font-medium)}.navigation{margin-bottom:var(--spacing-xl)}.nav-section{margin-bottom:var(--spacing-lg)}.nav-title{font-size:18px;font-weight:var(--font-bold);color:var(--text-light);margin:0 0 var(--spacing-lg) 0;padding:0 var(--spacing-md);opacity:.9}.clickable-title{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-fast);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm)}.clickable-title:hover{background-color:rgba(255,255,255,.1);opacity:1}.arrow{font-size:var(--text-xs);transition:var(--transition-fast);color:rgba(255,255,255,.7)}.arrow-right{transform:rotate(0deg)}.arrow-down{transform:rotate(-90deg)}.nav-list{overflow:hidden;transition:var(--transition-normal)}.nav-list-expanded{max-height:300px;opacity:1}.nav-list-collapsed{max-height:0;opacity:0;margin-bottom:0}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--text-light);text-decoration:none;transition:var(--transition-fast);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:1px;margin-left:var(--spacing-sm)}.nav-item:hover{background-color:rgba(255,255,255,.1);padding-left:var(--spacing-lg);transform:translateX(4px)}.nav-item-active{background-color:var(--text-light)!important;color:var(--color-primary)!important;font-weight:var(--font-semibold)!important;transform:none!important}.nav-item-active:hover{background-color:rgba(255,255,255,.9)!important;color:var(--color-primary)!important;padding-left:var(--spacing-lg)!important;transform:translateX(4px)!important}.nav-text{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9}.nav-text-title-size{font-size:var(--nav-title-font-size);font-weight:var(--nav-title-font-weight)}.bottom-menu{position:-webkit-sticky;position:sticky;bottom:0;left:0;right:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(19,24,61,.95);z-index:1}.bottom-menu-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);color:var(--text-light);text-decoration:none;transition:var(--transition-fast);border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.bottom-menu-item:hover{background-color:rgba(255,255,255,.1);padding-left:var(--spacing-xl);border-radius:var(--spacing-md)}.bottom-menu-item:last-child{border-bottom:none}.bottom-menu-item-active{background-color:var(--text-light)!important;color:var(--color-primary)!important;font-weight:var(--font-semibold)!important}.bottom-menu-item-active:hover{background-color:rgba(255,255,255,.9)!important;color:var(--color-primary)!important;padding-left:var(--spacing-xl)!important}.bottom-menu-icon{font-size:var(--text-base);width:20px;text-align:center;flex-shrink:0}.bottom-menu-text{font-size:var(--text-sm);font-weight:var(--font-medium);opacity:.9}.main-content{font-family:GmarketSansMedium,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-top:96px;margin-left:240px;min-height:100vh;border-radius:var(--radius-lg)}.content-wrapper{padding:var(--spacing-xl)}.content-card{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl);border:1px solid rgba(0,0,0,.05)}.main-title{font-size:28px;font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.025em}.main-subtitle{margin-bottom:var(--spacing-2xl);font-size:var(--text-base)}.footer,.main-subtitle{color:var(--text-secondary)}.footer{background:var(--bg-primary);border-top:1px solid var(--border-color);padding:var(--spacing-2xl) 0;font-size:var(--text-sm);margin-left:240px}.footer-landing{margin-left:0;background-color:var(--color-primary);color:var(--text-light)}.footer-inner{max-width:1024px;margin:0 auto;padding:0 var(--spacing-lg);text-align:center}.footerLogo{height:55px;width:128px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-link{text-decoration:none;color:inherit;transition:var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.separator{color:var(--color-gray-300)}.footer-info{line-height:1.6;margin-bottom:var(--spacing-lg)}.footer-copy{font-size:var(--text-xs);color:var(--color-gray-400);padding-top:var(--spacing-lg)}.clickable{cursor:pointer}@media (max-width:1024px){.hamburger-menu{display:flex}.logo-container{margin-left:0;flex:1 1;justify-content:center}.logo-container-landing{position:static;transform:none;flex:1 1;justify-content:center}.main-content{margin-left:0}.side-menu{transform:translateX(-100%)}.side-menu-open{transform:translateX(0)}.overlay{display:block}.footer{margin-left:0}}@media (max-width:768px){.landing-main{padding-top:96px}.header{height:96px;padding:0 var(--spacing-md);flex-direction:row;align-items:center}.header-landing{padding:0 var(--spacing-lg)}.logo-container{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.logo-container-landing{margin-left:0;margin-right:0}.logout-btn,.nav-actions button{width:80px;height:36px;font-size:var(--text-sm)}.main-content{padding-top:120px}.content-wrapper{padding:var(--spacing-lg)}.content-card{padding:var(--spacing-xl);border-radius:var(--radius-xl)}.main-title{font-size:var(--text-2xl)}.user-profile{margin-bottom:30px}.profile-circle-fallback{font-size:var(--text-base)}.shop-name{font-size:var(--text-xl)}.nav-title{font-size:var(--text-base)}.bottom-menu-item{padding:14px 18px}.footer-links{flex-direction:column;gap:var(--spacing-sm)}.separator{display:none}.auth-required,.loading-container{padding:var(--spacing-xl);text-align:center}}@media (max-width:480px){.header{padding:0 var(--spacing-sm)}.header-landing{padding:0 var(--spacing-md)}.logo{width:60px;height:36px;font-size:var(--text-xs)}.logout-btn,.nav-actions button{width:60px;height:32px;font-size:var(--text-xs)}.content-card{padding:var(--spacing-lg)}.user-profile{gap:var(--spacing-md);padding:var(--spacing-md)}.profile-container{width:40px;height:40px}.profile-circle-fallback{font-size:var(--text-sm)}.shop-name{font-size:18px}.bottom-menu-item{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.footer{font-size:var(--text-xs)}.footer-copy{font-size:10px}.auth-required,.loading-container{font-size:var(--text-sm);padding:var(--spacing-lg)}}