@font-face{font-family:Pretendard;src:url('vendor/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fff;color:#24282a;font:14px/1.5 Pretendard,'맑은 고딕',sans-serif;font-variant-numeric:tabular-nums;--surface:#fff;--raised:#f7f8f8;--ink:#24282a;--grid:#edf0ee;--axis-ink:#68706c;--rule:#edf0ee;--chart-1:#6A4BE8;--chart-2:#8a9390;--chart-muted:#c3c9c5;--negative:#bd3931;--positive:#21804f}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,select{cursor:pointer}button,.button{min-height:36px;padding:7px 13px;border:1px solid #d7dcda;background:white;border-radius:6px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:500}button:hover,.button:hover{border-color:#919c95;background:#f8faf9}button:disabled{cursor:not-allowed;color:#68706c;background:#f4f5f4}button.primary,.button.primary{background:#6A4BE8;color:#fff;border-color:#6A4BE8}button.primary:hover,.button.primary:hover{background:#5B3FD6;border-color:#5B3FD6}button.primary:hover{background:#414b45}button.text{border:0;background:transparent;padding:4px;color:#4a5850;min-height:28px}button.text:hover{text-decoration:underline}button.danger{color:#b7312d;border-color:#e4b7b4}button svg,.button svg{width:16px;height:16px;stroke-width:1.7}input,select,textarea{border:1px solid #d1d8d3;border-radius:6px;background:white;min-height:36px;padding:7px 10px}input::placeholder,textarea::placeholder{color:#68706c}input[type=number]{font-variant-numeric:tabular-nums}input[type=checkbox]{width:16px;height:16px;min-height:auto;accent-color:#5B3FD6}input:focus,select:focus,textarea:focus{outline:2px solid #5B3FD6;outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid #5B3FD6;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.7px;font-weight:650;line-height:1.4}h2{font-size:16px;font-weight:600;letter-spacing:-.25px}h3{font-size:14px;font-weight:600}.muted,.subline{color:#68706c}.small,.subline{font-size:12px}.positive{color:var(--positive)}.negative{color:var(--negative)}.num{text-align:right;font-variant-numeric:tabular-nums}.unit{font-size:13px;color:#68706c;font-weight:400;margin-left:4px}.skip{position:fixed;top:-50px;left:240px;z-index:100;background:#222;color:white;padding:10px}.skip:focus{top:5px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:#fff;border-right:1px solid #e4e8e5;display:flex;flex-direction:column;z-index:30;padding:24px 14px 18px}.brand{display:flex;align-items:center;gap:7px;padding:0 9px 24px;font-weight:750;font-size:27px;line-height:1.1;letter-spacing:-1px}.brand-caption{display:block;font-size:11px;font-weight:450;letter-spacing:0;color:#68706c;margin-top:7px}.workspace{border:1px solid #e6e9e7;border-radius:6px;display:flex;align-items:center;padding:11px 10px;gap:9px;margin:0 5px 20px}.workspace-mark{border:1px solid #e0e5e1;background:#f5f7f5;padding:5px 8px;border-radius:5px;font-size:12px}.workspace strong{font-size:13px;font-weight:550;display:block;max-width:117px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace div>span{display:block;font-size:11px;color:#68706c;margin-top:2px}.workspace>a{margin-left:auto;color:#68706c}.nav-group{font-size:12px;color:#68706c;margin:20px 10px 9px}nav>a{height:39px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:6px;color:#555f58;margin-bottom:3px;font-weight:450}nav>a:hover{background:#f7f8f7}nav>a.active{background:#F1EEFF;color:#4B30C9;font-weight:600}nav>a.active [data-icon],nav>a.active svg{color:#6A4BE8}.nav-icon{display:flex}.nav-icon svg{width:17px;height:17px}.sidebar-bottom{margin:auto 10px 0;padding-top:28px}.local-dot{font-size:12px;color:#4c5e51}.local-dot:before{content:'';display:inline-block;width:6px;height:6px;background:#6A4BE8;border-radius:50%;margin-right:7px}.sidebar-bottom p{font-size:12px;color:#68706c;margin:12px 0 16px;line-height:1.8}.version{font-size:11px;color:#68706c}.app-shell{margin-left:224px}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #e7ebe8;font-size:13px}#breadcrumb>span{color:#858d87;margin:0 13px}.top-meta{display:flex;align-items:center;gap:18px;font-size:12px;color:#68706c}.free-label{border:1px solid #e4e8e5;border-radius:4px;padding:3px 8px;color:#506256}main{max-width:1530px;margin:0 auto;padding:30px 36px 20px;min-height:calc(100vh - 122px)}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.page-head p{font-size:13px;color:#68706c;margin-top:6px}.actions{display:flex;align-items:center;gap:8px}.notice{border:1px solid #e4e8e5;border-radius:6px;background:#fafbf9;padding:12px 15px;display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:20px}.notice strong{font-size:13px;font-weight:550}.notice p{font-size:12px;color:#68706c;margin-top:3px}.notice .notice-symbol{font-size:18px;color:#68706c;margin-right:4px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 20px}.filter-set{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.filter-set select{font-size:12px;min-width:116px}.segmented{display:flex;background:#f1f3f1;border-radius:6px;padding:3px;gap:2px}.segmented button{border:0;background:transparent;font-size:12px;min-height:29px;padding:4px 11px;color:#626e65}.segmented button[aria-pressed=true]{background:#fff;color:#28352c;box-shadow:0 1px 2px #0000000d}.filter-hint{font-size:12px;color:#68706c}.metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;border:1px solid #e4e8e5;border-radius:8px;padding:20px 0;margin-bottom:20px}.metric{padding:0 22px;border-left:1px solid #edf0ee;min-width:0}.metric:first-child{border-left:0}.metric dt{font-size:12px;color:#626c65;margin-bottom:8px}.metric dd{margin:0;font-size:23px;font-weight:600;letter-spacing:-.55px;line-height:1.4;white-space:nowrap}.metric:first-child dd{font-size:30px}.metric p{font-size:11px;color:#68706c;margin-top:7px}.metric dl{margin:0}.grid-two{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:20px;margin-bottom:20px;align-items:stretch}.grid-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{border:1px solid #e4e8e5;border-radius:8px;padding:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-head .meta{font-size:11px;color:#68706c;white-space:nowrap}.chart{width:100%;min-height:185px}.chart svg{font-family:inherit}.chart-legend{display:flex;gap:14px;align-items:center;font-size:11px;color:#68706c}.legend-item{display:flex;align-items:center;gap:5px}.legend-line{width:14px;border-top:2px solid #6A4BE8}.legend-line.cost{border-color:#8a9390}.mini-finding{font-size:12px;color:#5f6e63;margin:6px 0 0}.cost-list{display:grid;gap:13px}.cost-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;font-size:12px}.cost-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cost-row strong{font-weight:500;text-align:right}.cost-track{height:3px;background:#f0f2f0;grid-column:1/-1;position:relative}.cost-track i{height:3px;background:#a1aba4;display:block}.cost-row:first-child .cost-track i{background:#435d4b}.panel-bottom{border-top:1px solid #edf0ee;padding-top:12px;margin-top:15px;display:flex;justify-content:space-between;font-size:12px;color:#68706c}.month-strip{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.month-cell{padding:9px 0;text-align:center;display:flex;flex-direction:column;gap:5px;min-height:58px;font-size:12px;background:#fafbfa;border-color:#e9ecea;position:relative}.month-cell.completed .month-state{color:#24774f}.month-cell.review .month-state{color:#6a736c}.month-cell.empty .month-state{color:#68706c}.month-state{font-size:11px}.month-cell.completed{border-color:#b8d2c0;background:#f7faf7}.month-cell:hover{border-color:#7b9183}.section-note{font-size:12px;color:#68706c;margin-top:13px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}th{font-size:12px;font-weight:450;color:#68706c;text-align:left;padding:11px 10px;border-bottom:1px solid #e5e9e6}td{padding:12px 10px;border-bottom:1px solid #eff2ef;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}th.num,td.num{text-align:right}.tag{font-size:11px;border-radius:4px;padding:3px 6px;display:inline-block;background:#f0f3f0;color:#536356;white-space:nowrap}.tag.completed{background:#edf5ef;color:#28633d}.tag.review{background:#f4f2ed;color:#705b32}.tag.empty{background:#f2f3f2;color:#626d65}.table-action{min-height:28px;padding:3px 9px;font-size:12px}.month-table{min-width:740px}.table-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.table-title p{font-size:12px;color:#68706c}.search{max-width:220px;min-width:100px;font-size:12px}.compact-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-metrics .metric:first-child dd{font-size:26px}.bar-goal{height:6px;background:#edf0ed;border-radius:2px;overflow:hidden;min-width:100px;max-width:220px}.bar-goal>i{display:block;height:100%;background:#879a8c}.bar-goal.reached>i{background:#6A4BE8}.progress-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:6px}.goal-table{min-width:760px}.empty-state{padding:40px 20px;text-align:center;color:#68706c;font-size:13px;background:#fafbfa;border-radius:6px}.empty-state strong{color:#35473a;display:block;margin-bottom:5px}.empty-state button{margin-top:15px}.setting-section{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:36px;padding:27px 0;border-bottom:1px solid #e9edea;max-width:1000px}.setting-section:first-of-type{padding-top:5px}.setting-section p{font-size:13px;color:#68706c;margin-top:7px;max-width:340px}.setting-box{border:1px solid #e5eae6;border-radius:8px;padding:20px}.setting-box label{display:block;font-size:13px;margin-bottom:8px}.setting-box input,.setting-box select{width:100%;margin-bottom:17px}.setting-box .actions{flex-wrap:wrap}.setting-box p{margin:0 0 14px;max-width:none;font-size:12px}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.help-grid .panel h2{margin-bottom:12px}.help-grid p,.help-grid li{font-size:13px;color:#5c695f;line-height:1.8}.help-grid ul,.help-grid ol{padding-left:20px;margin:8px 0}.formula{background:#f5f7f5;padding:10px 12px;border-radius:5px;margin:10px 0;color:#293d30;font-size:13px}.status-key{display:flex;gap:12px;font-size:11px;color:#68706c;flex-wrap:wrap}.status-key span:before{content:'';width:6px;height:6px;background:#c5cbc6;border-radius:50%;display:inline-block;margin-right:5px}.status-key .done:before{background:#6A4BE8}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.editor-grid label,.field label{font-size:13px;display:block;margin-bottom:6px}.editor-grid input,.field input,.field select,.field textarea{width:100%}.money-input{background:#fffdf3;text-align:right}.editor-section{border-top:1px solid #e8ece9;padding-top:20px;margin-top:20px}.editor-section h3{margin-bottom:14px}.editor-group-label{color:#68706c;font-size:12px;margin-bottom:12px}.full{grid-column:1/-1}.field textarea{height:64px;resize:vertical}.editor-status{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}.editor-status label{display:flex;gap:7px;align-items:center;font-size:13px}.editor-status input{min-height:auto;accent-color:#5B3FD6}.review-note{padding:10px 12px;border:1px solid #e4dfd2;background:#fcfbf7;border-radius:6px;font-size:12px;color:#72603c}dialog{border:1px solid #dde3de;border-radius:10px;padding:0;max-width:720px;width:calc(100% - 32px);max-height:90dvh;box-shadow:0 20px 80px #0002}dialog::backdrop{background:#1b153566}dialog[open]{display:flex;flex-direction:column}dialog form{display:flex;flex-direction:column;min-height:0}dialog h2{font-size:20px}.dialog-head{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ece8}.eyebrow{font-size:11px;color:#68706c;display:block;margin-bottom:3px}.icon-button{font-size:24px;min-width:36px;border:0;background:none;padding:0}.dialog-content{padding:20px 24px;overflow:auto}.dialog-foot{border-top:1px solid #e4eae6;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafbf9}.dialog-foot>span{font-size:12px;color:#657168}.dialog-foot>div{display:flex;gap:8px}#confirm-dialog{max-width:450px}.confirm-body{padding:25px}.confirm-body p{font-size:13px;line-height:1.8;color:#647067;margin:12px 0 24px;white-space:pre-line}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}#toast{position:fixed;bottom:26px;left:calc(50% + 112px);transform:translateX(-50%);background:#2A1B7A;color:#fff;padding:12px 20px;border-radius:7px;z-index:100;max-width:90vw;font-size:13px;box-shadow:0 4px 20px #0002}footer{max-width:1530px;margin:auto;padding:18px 36px 22px;font-size:11px;color:#68706c;display:flex;justify-content:space-between;gap:20px}.mobile-bar{display:none}[hidden]{display:none!important}.summary-list{margin:0}.summary-list>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0ee;font-size:13px}.summary-list dt{color:#68706c}.summary-list dd{margin:0;text-align:right}.summary-list>div:last-child{border:0}.large-status{font-size:22px;margin:4px 0 15px;font-weight:550}.panel-description{font-size:12px;color:#68706c;line-height:1.7;margin-top:12px}.check-row{display:flex;align-items:center;gap:8px;font-size:13px}.goals-help{padding:16px;background:#fafbf9;border:1px solid #e6eae6;border-radius:6px;margin-bottom:20px;font-size:13px;color:#55655a}.review-mode-label{font-size:11px;color:#75613f;margin-left:7px}.warning-text{color:#8b4a26} @media(min-width:1600px){main{padding-top:36px}.chart{min-height:205px}.panel{padding:22px}.metrics{padding:24px 0}.month-cell{min-height:65px}}@media(max-width:1240px){.sidebar{width:210px}.app-shell{margin-left:210px}main{padding:25px 26px}.topbar{padding:0 26px}.metric{padding:0 15px}.metric dd{font-size:20px}.metric:first-child dd{font-size:27px}.grid-two{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.month-strip{gap:4px}.month-state{font-size:11px}.panel{padding:17px}}@media(max-width:1050px){.mobile-bar{display:flex;height:52px;align-items:center;gap:12px;border-bottom:1px solid #e6eae7;padding:0 18px;background:white;position:sticky;top:0;z-index:35}.mobile-bar button{border:0;font-size:18px;min-width:36px;padding:0}.brand-name{font-size:20px;font-weight:700}.mobile-scope{margin-left:auto;font-size:12px;color:#68706c}.sidebar{transform:translateX(-100%);top:52px;width:240px;transition:transform .16s}.sidebar.open{transform:translateX(0)}#nav-overlay{position:fixed;inset:52px 0 0;background:#1b153555;z-index:25}.app-shell{margin:0}.topbar{height:48px}.top-meta .free-label{display:none}.top-meta{font-size:11px}main{padding:24px}.metrics{grid-template-columns:1.3fr 1fr 1fr 1fr}.metric{padding:0 14px}.metric:first-child dd{font-size:27px}.metric dd{font-size:21px}.grid-two{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.grid-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.month-strip{grid-template-columns:repeat(6,1fr);gap:8px}.month-cell{min-height:58px}.setting-section{gap:24px}#toast{left:50%}footer{padding:18px 24px}.page-head{align-items:flex-start}}@media(max-width:700px){main{padding:22px 16px}.topbar{padding:0 16px;font-size:12px}.top-meta{gap:8px}#save-state{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-head{gap:14px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{font-size:23px}.page-head>.actions{width:100%;justify-content:flex-end}.page-head .actions button{flex:1;min-height:40px}.notice{align-items:flex-start;gap:10px;padding:12px}.notice button{min-height:40px}.notice p{font-size:12px}.filter-bar{gap:12px;align-items:flex-start;flex-direction:column}.filter-set{width:100%;justify-content:space-between}.filter-set select{min-height:40px;flex:1;min-width:100px}.segmented{width:100%}.segmented button{flex:1;min-height:35px}.filter-hint{display:none}.metrics{grid-template-columns:1fr 1fr;gap:18px 0;padding:18px 0}.metric{padding:0 16px}.metric:first-child{grid-column:1/-1;border-bottom:1px solid #edf0ee;padding-bottom:17px}.metric:first-child dd{font-size:31px}.metric:nth-child(2){border-left:0}.metric:last-child{grid-column:1/-1;border-top:1px solid #edf0ee;padding-top:14px;border-left:0;display:grid;grid-template-columns:1fr 1fr;align-items:center}.metric:last-child p{margin:0}.metric dd{font-size:23px}.grid-two,.grid-equal{grid-template-columns:1fr}.panel{padding:17px}.panel-head{gap:10px}.panel-head .meta{white-space:normal;text-align:right}.chart{min-height:180px}.month-strip{grid-template-columns:repeat(4,1fr);gap:8px}.month-cell{min-height:62px}.compact-metrics .metric:first-child{grid-column:1/-1}.compact-metrics .metric:last-child{grid-column:auto;border-top:0;border-left:1px solid #edf0ee;padding-top:0;display:block}.panel-head h2{font-size:15px}.chart-legend{gap:10px}.cost-list{gap:17px}.section-note{line-height:1.7}.status-key{gap:8px}.table-title{flex-wrap:wrap;gap:10px}.table-title input{max-width:none;width:100%}.table-wrap{margin-right:-4px;padding-right:4px}.month-table td,.goal-table td{padding-top:14px;padding-bottom:14px}.setting-section{grid-template-columns:1fr;gap:15px;padding:22px 0}.setting-section p{max-width:none}.help-grid{grid-template-columns:1fr}.editor-grid{gap:14px;grid-template-columns:1fr}.dialog-content{padding:18px}.dialog-head{padding:18px}.dialog-foot{padding:14px 18px}.dialog-foot>span{max-width:125px;line-height:1.6}dialog{max-height:94dvh;width:calc(100% - 18px)}.editor-status{gap:10px}.editor-status label{font-size:12px}footer{padding:18px 16px;flex-direction:column;gap:4px}.actions.wrap{flex-wrap:wrap}.actions.wrap button{flex:1}.summary-list>div{font-size:12px}.panel-bottom{font-size:11px}.topbar #breadcrumb{white-space:nowrap}.top-meta{margin-left:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.sidebar,.topbar,.mobile-bar,.page-head .actions,.filter-bar,footer,.notice button,button{display:none!important}.app-shell{margin:0}main{padding:0;max-width:none}.panel,.metrics{break-inside:avoid}body{font-size:12px}}
@media(min-width:1051px){main{padding-top:24px}.page-head{margin-bottom:18px}.notice{padding:10px 15px}.metrics{padding:16px 0}.grid-two .cost-list{gap:11px}main:has(#main-chart)>.panel{padding:16px 20px}main:has(#main-chart)>.panel .month-cell{min-height:48px;padding:6px 0}main:has(#main-chart)>.panel .section-note{display:none}main:has(#main-chart)>.panel .panel-head{margin-bottom:12px}}

@media(max-width:1050px){nav>a{height:44px}.sidebar .brand{padding-bottom:18px}.sidebar .workspace{margin-bottom:10px}}

@media(max-width:700px){.month-table th:first-child,.month-table td:first-child,.goal-table th:first-child,.goal-table td:first-child{position:sticky;left:0;background:#fff;z-index:1}.table-wrap{border-radius:4px}}

@media(min-width:1051px){main:has(#main-chart){padding-top:18px}main:has(#main-chart) .page-head{margin-bottom:16px}main:has(#main-chart) .notice{padding-top:8px;padding-bottom:8px}main:has(#main-chart)>.panel{padding:12px 20px}main:has(#main-chart)>.panel .month-cell{min-height:40px;padding:3px 0}main:has(#main-chart)>.panel .panel-head{margin-bottom:8px}}

/* 모다모 브랜드 · 가게 프로필 (2026-10-29) */
.brand{gap:10px;align-items:center}.brand>img{width:36px;height:36px}.brand-text{display:flex;flex-direction:column;justify-content:center}
.brand-word{display:block;height:22px;width:auto;color:#2A1B7A}.brand-word.small{height:19px}.brand-caption{margin-top:5px;font-size:11px;letter-spacing:-.1px}
.mobile-bar .brand-name{display:inline-flex;align-items:center}
.workspace{position:relative;border:0;padding:0;display:block;margin:0 5px 20px}
.store-switch{display:flex;align-items:center;gap:11px;width:100%;min-height:60px;padding:10px 12px;border:1px solid #E6E2F2;border-radius:14px;background:#fff;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:background .15s,border-color .15s}
.store-switch:hover,.store-switch[aria-expanded="true"]{background:#F7F5FF;border-color:#D9D0FF}
.store-switch:focus-visible{outline:2px solid #6A4BE8;outline-offset:2px}
.store-avatar{flex:none;width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#F1EEFF;color:#4B30C9;font-size:15px;font-weight:700;overflow:hidden;border:1px solid #E3DCFF;padding:0}
.store-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.store-avatar.large{width:64px;height:64px;font-size:24px}
.workspace .workspace-mark{border:1px solid #E3DCFF;background:#F1EEFF;padding:0;border-radius:50%;font-size:15px}
.store-text{min-width:0;flex:1}.store-text strong{display:block;font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none}
.store-text span{display:block;font-size:12px;color:#68706c;margin-top:2px}
.store-caret{flex:none;width:8px;height:8px;border-right:1.6px solid #8a8fa0;border-bottom:1.6px solid #8a8fa0;transform:rotate(45deg) translate(-2px,-2px);margin-right:4px}
.store-switch[aria-expanded="true"] .store-caret{transform:rotate(-135deg) translate(-2px,-2px)}
.store-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1px solid #E6E2F2;border-radius:14px;box-shadow:0 12px 32px #2a1b7a1f;padding:6px;max-height:min(60vh,420px);overflow:auto}
.store-menu-head{font-size:11px;color:#68706c;padding:8px 10px 6px}
.store-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 10px;border:0;border-radius:10px;background:transparent;font:inherit;font-size:14px;text-align:left;cursor:pointer;color:inherit}
.store-menu-item .store-avatar{width:30px;height:30px;font-size:12px}
.store-menu-item>span:nth-child(2){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-menu-item:hover,.store-menu-item:focus-visible{background:#F7F5FF;outline:none}.store-menu-item.current{background:#F1EEFF;color:#4B30C9;font-weight:600}
.store-check{color:#6A4BE8;font-weight:700}
.store-menu-link{display:flex;align-items:center;min-height:44px;padding:6px 10px;margin-top:4px;border-top:1px solid #EFECF7;color:#4B30C9;font-size:13px;font-weight:600;text-decoration:none;border-radius:0 0 10px 10px}
.store-menu-link:hover{background:#F7F5FF}
.logo-field{display:flex;gap:16px;align-items:center;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid #EFECF7}
.logo-field strong{font-size:14px}.logo-field p{margin:4px 0 10px;font-size:12px;color:#68706c}
#ledger-year{min-height:44px}
.store-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.store-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #EFECF7;border-radius:12px}
.store-list-name{flex:1;min-width:0;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.store-list-name em{font-style:normal;font-size:11px;font-weight:600;color:#4B30C9;background:#F1EEFF;border-radius:999px;padding:3px 8px;margin-left:8px}
.store-list button{min-height:40px}.danger-text{color:#bd3931}
.store-add .inline-field{display:flex;gap:8px}.store-add .inline-field input{flex:1;min-width:0}

/* 좁은 화면에서도 가게 이름과 관리 동작이 잘리지 않도록 한다. */
.setting-section>.setting-box{min-width:0;max-width:100%;width:100%}.store-list,.store-list li,.store-add{min-width:0}.store-list-name em{display:block;width:fit-content;margin:4px 0 0}.store-list button{min-height:44px}
@media(max-width:420px){.store-list li{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:8px}.store-list-name{grid-column:2 / -1}.store-list li>button:first-of-type{grid-column:2;justify-self:end}.store-list li>button:last-of-type{grid-column:3}.store-add .inline-field{flex-wrap:wrap}.store-add .inline-field input{flex-basis:100%}.store-add .inline-field button{margin-left:auto}.logo-field{align-items:flex-start;gap:12px}.logo-field>div{min-width:0}.logo-field .actions button{width:100%}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.field-note{margin:-6px 0 4px;font-size:12px;line-height:1.6;color:#5f6863}
.store-add>select{width:100%;margin-bottom:8px}

/* iOS Safari: 날짜 입력칸의 고유 최소 폭 때문에 상자 밖으로 넘치는 문제 방지 */
input[type="date"]{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;text-align:left;min-height:44px;background-color:#fff}
input[type="date"]::-webkit-date-and-time-value{text-align:left;margin:0;min-height:1.5em}
input[type="date"]::-webkit-datetime-edit{padding:0}

/* 다른 기기와 이어 쓰기 */
.device-steps ol{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px;counter-reset:dstep}.device-steps li{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px 14px;border:1px solid #EFECF7;border-radius:12px;counter-increment:dstep}.device-steps li::before{content:counter(dstep);grid-row:1 / span 2;width:28px;height:28px;border-radius:50%;background:#F1EEFF;color:#4B30C9;font-weight:700;display:grid;place-items:center;font-size:14px}.device-steps li strong{font-size:14px}.device-steps li span{grid-column:2;font-size:12px;color:#5f6863;line-height:1.6}.device-steps li button{grid-column:3;grid-row:1 / span 2;min-height:44px}
@media(max-width:560px){.device-steps li{grid-template-columns:28px minmax(0,1fr)}.device-steps li button{grid-column:1 / -1;grid-row:auto;width:100%;margin-top:6px}}

/* 모다모 로고 (2026-11-02) · 바깥 3a(로고 높이의 약 19%) 보호 영역을 비운다 */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:8px 9px 22px}
.brand>img.brand-logo,.brand-logo{display:block;height:26px;width:auto;max-width:100%}
.brand .brand-caption{margin-top:0;font-size:11px;letter-spacing:-.1px}
.mobile-bar .brand-name img{display:block;height:22px;width:auto;margin:0 6px}