:root{font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;color:#243448;background:#f4f5f8;font-synthesis:none;--navy:#21374f;--blue:#335d87;--muted:#667085;--line:#e2e7ed;--paper:#fff}
*,*::before,*::after{box-sizing:border-box}body{margin:0;letter-spacing:-.025em;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;letter-spacing:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,box-shadow .15s;touch-action:manipulation}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.97)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #779bc3!important;outline-offset:3px}input,select,textarea{max-width:100%;min-width:0}input::placeholder,textarea::placeholder{color:#8a94a3}input[type=date]{color-scheme:light}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}svg{flex-shrink:0}h1,h2,h3,p{margin:0}body{scrollbar-color:#c4ced9 transparent;scrollbar-width:thin}
.app-shell{max-width:1600px;min-height:100dvh;margin:auto;padding-left:244px;position:relative}.sidebar{position:fixed;inset:0 auto 0 max(0px,calc((100vw - 1600px)/2));width:244px;background:#1e2935;color:#eef3f9;display:flex;flex-direction:column;padding:34px 18px 22px;z-index:50}.brand{display:flex;align-items:center;gap:12px}.brand img{width:40px;height:40px;border-radius:11px}.brand strong{display:block;font-size:18px;letter-spacing:-.05em}.brand small{display:block;font-size:11px;color:#a4b2c2;margin-top:6px}.sidebar-caption{color:#98a8b8;font-size:11px;margin:46px 14px 15px}.navigation{display:flex;flex-direction:column;gap:7px}.navigation button{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:#aebcca;font-weight:600;font-size:13px;padding:15px 17px;border-radius:8px;min-height:48px}.navigation button[aria-current=page]{background:#34485e;color:#fff;box-shadow:inset 3px 0 #8cadd0}.navigation button:hover{background:#293c50}.sidebar-office{margin-top:34px;font-size:12px;color:#a9bbcd;padding:14px 17px;border-top:1px solid #35414d}.sidebar-user{margin-top:auto;padding:20px 10px 0;border-top:1px solid #35414d;display:flex;align-items:center;gap:11px}.avatar{height:35px;width:35px;background:#35485e;border-radius:50%;display:grid;place-items:center;font-size:12px}.sidebar-user strong{font-size:13px}.sidebar-user small{display:block;color:#94a4b5;font-size:11px;margin-top:5px}
.app-header{padding:18px 32px 0!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(16px)}.app-header>div:first-child{min-height:34px}.app-header>div:first-child>div:first-child>div:first-child{display:none!important}.header-subtitle{font-weight:400;font-size:12px;color:#8993a2;margin-left:10px}.app-header button[title]{min-height:36px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:34px 32px 20px;gap:20px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#7c8999}.page-heading h1{font-size:28px;letter-spacing:-.055em;margin-top:8px;font-weight:750}.page-heading p{font-size:13px;color:#7a8493;margin-top:10px;line-height:1.7}.heading-date{color:#7a8493;font-size:12px;white-space:nowrap}.storage-status{margin:0 32px 14px;display:flex;align-items:center;gap:8px;font-size:11px;color:#7a8493;min-height:28px;flex-wrap:wrap}.status-dot{width:6px;height:6px;border-radius:50%;background:#8699ad}.storage-status.saved .status-dot{background:#16806a}.storage-status.local,.storage-status.error{background:#fff4e3;color:#865800;padding:10px 14px;border-radius:8px}.storage-status.demo{color:#335d87;background:#eaf0f7;border:1px solid #dae4ef;padding:10px 14px;border-radius:8px}.storage-status button{border:1px solid currentColor;background:transparent;border-radius:5px;color:inherit;margin-left:auto;padding:5px 9px;font-size:11px}.storage-status a{margin-left:auto;text-decoration:underline}.app-shell>div[style*="padding-bottom: 84px"]{padding:8px 16px 40px!important}.app-shell>.fade-in{margin-left:32px!important;margin-right:32px!important}.mobile-nav{display:none}.card-tap{transition:box-shadow .15s,border-color .15s}.card-tap:hover{box-shadow:0 3px 15px #1c35550a}.modal-panel{background:#fff!important;border:1px solid var(--line)!important;box-shadow:0 24px 70px #12233e33!important;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}.modal-panel input,.modal-panel select,.modal-panel textarea{font-size:14px!important}.modal-panel button{min-height:34px}.app-shell button[style*="linear-gradient(135deg, rgb(51, 93, 135)"]{color:white!important;box-shadow:none!important;background:#335d87!important}.app-shell div[style*="linear-gradient(135deg, rgba(38, 57, 79"]{background:#fff!important;border-color:var(--line)!important}.app-shell div[style*="font-size: 10px"][style*="text-transform: uppercase"]{font-size:12px!important;letter-spacing:.01em!important}.app-shell div[style*="grid-template-columns: repeat(3, 1fr)"]>div{padding:22px!important;border-radius:10px!important}.app-shell div[style*="grid-template-columns: repeat(3, 1fr)"]>div>div:first-child{font-size:12px!important;margin-bottom:14px!important}.app-shell div[style*="font-family: \"SF Mono\""]{font-family:inherit!important;font-size:32px!important}
.login-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#fafbfd}.login-story{background:#21374f;color:#fff;padding:52px clamp(36px,6vw,100px);display:flex;flex-direction:column;justify-content:space-between;gap:70px;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:460px;height:460px;border:1px solid #ffffff0b;border-radius:50%;right:-260px;bottom:70px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff03;pointer-events:none}.login-story .brand img{background:#ffffff0b}.login-story .eyebrow{color:#9db5d0}.login-story h1{font-size:clamp(30px,3.3vw,48px);line-height:1.45;font-weight:650;margin:20px 0 22px;letter-spacing:-.055em}.login-story p{color:#afbed0;line-height:1.9;font-size:14px}.story-features{display:flex;gap:20px;flex-wrap:wrap;color:#c2cfdd;font-size:12px;border-top:1px solid #ffffff1a;padding-top:23px}.login-story>small{font-size:11px;color:#98abc0}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;padding:60px 36px 90px}.login-card{width:100%;max-width:360px}.login-card h2{font-size:27px;letter-spacing:-.055em;margin:12px 0}.login-card>p{font-size:13px;color:#7a8493;line-height:1.7}.login-card form{margin-top:36px}.login-card label{display:block;font-size:12px;font-weight:650;margin:22px 0 9px}.login-card input{height:48px;width:100%;border:1px solid #dbe1e8;background:#fff;border-radius:8px;padding:0 14px;font-size:14px;color:#243448}.password-field{position:relative}.password-field input{padding-right:56px}.password-field button{position:absolute;right:6px;top:6px;bottom:6px;border:0;background:transparent;color:#7a8493;font-size:11px;padding:0 10px}.primary-button{width:100%;height:48px;background:#335d87;color:white;border:0;border-radius:8px;font-size:14px;font-weight:650;margin-top:27px;display:flex;align-items:center;justify-content:center;gap:20px}.form-error{color:#bd3e3e;font-size:12px;margin-top:12px}.demo-button{display:block;width:100%;text-align:center;background:none;border:1px solid #dbe1e8;border-radius:8px;padding:14px;color:#52667e;font-size:12px;margin-top:12px}.login-help{color:#8c95a2;font-size:11px;text-align:center;margin-top:22px}.office-link{display:block;text-align:center;font-size:12px;margin-top:34px;color:#52667e}.login-footer{position:absolute;bottom:30px;font-size:10px;letter-spacing:.09em;color:#a0a8b2}.boot-screen,.fatal-error{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.boot-screen img{width:44px}.boot-screen h1,.fatal-error h1{font-size:22px}.boot-screen p,.fatal-error p{color:#7a8493;font-size:13px}.fatal-error button{padding:12px 20px;background:#335d87;color:white;border:0;border-radius:8px}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes sheetIn{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}.spin{animation:spin 1s linear infinite}.fade-in,.slide-up,.pop-in{animation:fadeIn .2s ease-out}.glass{backdrop-filter:blur(12px)}
@media(min-width:1000px){.glass:has(>.modal-panel){align-items:center!important}.modal-panel{border-radius:16px!important;max-width:580px!important;max-height:88dvh!important}.app-shell>div[style*="padding-bottom: 84px"]>div{max-width:1200px;margin:auto}}
@media(max-width:1000px) and (min-width:761px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.app-shell{padding-left:200px}.sidebar .brand strong{font-size:16px}.page-heading,.app-header{padding-left:22px!important;padding-right:22px!important}.heading-date{display:none}}
@media(max-width:760px){.sidebar{display:none}.app-shell{padding-left:0;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-header{padding:14px 16px 0!important;padding-top:max(14px,env(safe-area-inset-top))!important}.app-header>div:first-child>div:first-child{gap:0!important}.app-header>div:first-child>div:first-child div{font-size:15px!important}.header-subtitle{display:none}.app-header>div:first-child>div:last-child{gap:3px!important}.app-header button[title]{padding:7px!important;min-height:36px}.page-heading{padding:24px 18px 14px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.heading-date{display:none}.storage-status{margin:0 18px 10px;font-size:10px}.storage-status.demo{line-height:1.6}.app-shell>.fade-in{margin-left:16px!important;margin-right:16px!important}.app-shell>div[style*="padding-bottom: 84px"]{padding:0 0 12px!important}.mobile-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:#ffffffed;border-top:1px solid #e0e6ed;backdrop-filter:blur(16px);padding:6px 4px max(6px,env(safe-area-inset-bottom));z-index:45}.mobile-nav .navigation{flex-direction:row;gap:0}.mobile-nav .navigation button{flex:1;justify-content:center;flex-direction:column;gap:6px;font-size:10px;padding:8px 2px;color:#8b96a4;border-radius:8px;min-height:51px;white-space:nowrap}.mobile-nav .navigation button[aria-current=page]{background:#edf2f7;color:#335d87;box-shadow:none}.app-shell div[style*="grid-template-columns: repeat(3, 1fr)"]>div{padding:15px 12px!important}.app-shell div[style*="font-family: \"SF Mono\""]{font-size:27px!important}.modal-panel{max-height:90dvh!important}.modal-panel input,.modal-panel select,.modal-panel textarea{font-size:16px!important}.login-page{display:flex;flex-direction:column}.login-story{padding:27px 24px 32px;gap:0}.login-story>div:nth-child(2){margin-top:30px}.login-story h1{font-size:28px;margin:10px 0 0}.login-story p,.story-features,.login-story>small,.login-story>div:nth-child(2)>.eyebrow{display:none}.login-story .brand strong{font-size:17px}.login-panel{padding:34px 24px 70px}.login-card h2{font-size:23px}.login-card form{margin-top:24px}.login-footer{bottom:20px}.login-card input{font-size:16px}}
.stat-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px;text-align:left;position:relative;font:inherit}.stat-card.warning{background:#fffbf2;border-color:#f0e7d2}.stat-label{display:block;color:#667085;font-size:12px;margin-bottom:15px}.stat-card strong{font-size:32px;letter-spacing:-.05em;font-weight:700}.stat-card small{font-size:12px;margin-left:6px;color:#8993a2}.stat-arrow{position:absolute;right:17px;top:17px;color:#9ca9b8;font-size:13px}.store-overview{margin:27px 0}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-title h2{font-size:17px;font-weight:700;letter-spacing:-.04em}.section-title p{font-size:11px;color:#8993a2;margin-top:6px}.section-title>span{font-size:11px;color:#8993a2}.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.store-summary{border:1px solid var(--line);background:#fff;border-radius:10px;padding:19px;text-align:left;min-width:0}.store-summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:17px}.store-symbol{width:34px;height:34px;background:#edf2f7;border-radius:9px;display:grid;place-items:center;font-size:18px}.store-health{font-size:10px;color:#16806a;background:#edf6f2;border-radius:5px;padding:5px 7px}.store-health.warning{color:#94630d;background:#fbf2e0}.store-summary h3{font-size:15px;color:#243448;font-weight:650;overflow-wrap:anywhere}.store-counts{display:flex;gap:20px;margin:18px 0;color:#8a94a2;font-size:11px}.store-counts b{font-size:13px;color:#526888;margin-left:5px}.store-summary-link{border-top:1px solid #edf0f4;padding-top:13px;display:flex;justify-content:space-between;font-size:11px;color:#526888}.product-row{min-height:68px;border-radius:8px!important}.product-row div[style*="font-size: 13.5px"]{font-size:14px!important}.product-row div[style*="font-size: 10.5px"]{font-size:11px!important}.product-row span[style*="font-family"]{font-family:inherit!important;font-size:16px!important}.data-export{margin-top:10px;background:transparent;border:1px solid #425366;color:#a9bbcd;border-radius:7px;padding:11px;font-size:12px}
@media(max-width:760px){.store-grid{grid-template-columns:1fr}.store-summary{padding:16px}.store-summary-top{margin-bottom:10px}.store-counts{margin:12px 0}.stat-card{padding:16px 12px}.stat-card strong{font-size:27px}.stat-label{font-size:11px}.store-overview{margin:23px 0}.section-title h2{font-size:16px}}
.calendar-toolbar{flex-wrap:wrap}.calendar-toolbar>div,.calendar-toolbar span,.calendar-toolbar button{white-space:nowrap}.calendar-toolbar>div:last-child{margin-left:auto}
@media(max-width:380px){.app-header button[aria-label] span:last-child{display:none}.app-header>div:first-child>div:first-child{white-space:nowrap}.app-shell>.fade-in>div:first-child{white-space:nowrap}.calendar-toolbar>div:last-child{width:100%;justify-content:space-between}.calendar-toolbar>div:first-child{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}