:root{font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,Noto Sans KR,Segoe UI,sans-serif;color:#171717;background:#eef0f1;font-synthesis:none;text-rendering:optimizeLegibility;--green: #74a84d;--green-bright: #58d61a;--green-dark: #2c9d05;--blue: #1688eb;--red: #f14b2b;--line: #e5e5e5;--muted: #777;--surface: #fff;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html{background:#eef0f1}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(22,136,235,.25);outline-offset:1px}button{cursor:pointer}svg{width:1.35em;height:1.35em;stroke-width:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{position:relative;width:min(100%,430px);min-height:100dvh;margin:0 auto;background:#fff;box-shadow:0 0 36px #00000014;overflow-x:hidden}.app-screen{position:relative;min-height:100dvh;background:#fff;padding-top:44px;animation:page-in .25s ease-out}.app-screen--with-nav{padding-bottom:calc(76px + var(--safe-bottom))}@keyframes page-in{0%{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.status-bar{position:absolute;inset:0 0 auto;height:44px;padding:9px 18px 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:13px;font-weight:750;z-index:40;background:inherit}.status-bar__island{position:absolute;top:0;left:50%;width:112px;height:27px;transform:translate(-50%);border-radius:0 0 18px 18px;background:#000}.page-header{position:sticky;top:0;z-index:20;height:58px;display:grid;grid-template-columns:56px 1fr 56px;align-items:center;background:#fffffff5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header h1{margin:0;text-align:center;font-size:20px;letter-spacing:-.04em}.page-header__side{display:flex;align-items:center;min-width:56px}.page-header__side--right{justify-content:flex-end}.icon-button{width:54px;height:54px;display:grid;place-items:center;background:none;border:0}.icon-button svg{width:27px;height:27px}.brand{display:inline-flex;align-items:center;line-height:1}.brand__asset{display:block;height:24px;overflow:hidden}.brand__asset img{display:block;width:auto;max-width:none;height:100%}.brand--light .brand__asset img{filter:brightness(0) invert(1)}.brand--compact .brand__asset{width:32px;height:22px}.bottom-nav{position:fixed;z-index:30;left:50%;bottom:0;width:min(100%,430px);min-height:calc(68px + var(--safe-bottom));padding:7px 10px var(--safe-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff7;border-top:1px solid #ddd;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{display:flex;min-height:54px;align-items:center;justify-content:center;flex-direction:column;gap:2px;color:#232323;text-decoration:none;font-size:11px;font-weight:720;border-radius:12px;transition:color .2s,background .2s,transform .15s}.bottom-nav a:active{transform:scale(.95)}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a .brand--compact{width:23px;height:22px;overflow:hidden}.bottom-nav a .brand--compact .brand__asset{width:32px;height:22px;transform:scale(.72);transform-origin:left center}.bottom-nav a.is-active{color:var(--green);background:#f4f8f0}.primary-button{width:100%;min-height:56px;padding:12px 20px;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:#171717;border:0;border-radius:11px;font-size:18px;font-weight:800;box-shadow:0 3px 7px #0000002e;transition:transform .15s,filter .15s}.primary-button:hover{filter:brightness(1.06)}.primary-button:active{transform:scale(.985)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.primary-button--blue{background:var(--blue)}.primary-button--green{background:var(--green)}.login-page{padding-top:44px}.login-hero{position:relative;height:260px;padding:28px 28px 0;color:#fff;background:linear-gradient(155deg,#5be81d,#2fab04 82%);overflow:hidden}.login-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-80px;height:112px;background:#fff;border-radius:50% 50% 0 0/35% 35% 0 0}.login-hero__seal{width:62px;height:62px;margin:18px auto 15px;display:grid;place-items:center;border-radius:50%;color:var(--green-dark);background:#ffffffeb}.login-hero__seal .brand--compact .brand__asset{width:34px;height:24px}.login-hero h1{position:relative;z-index:1;margin:0;text-align:center;font-size:27px;line-height:1.28;letter-spacing:-.045em}.login-form{padding:14px 16px 36px}.login-form h2{margin:0 0 20px;text-align:center;font-size:25px;letter-spacing:-.045em}.input-box{height:58px;padding:0 14px;display:flex;align-items:center;gap:13px;border:1px solid #d8d8d8;border-radius:10px;margin-bottom:12px;background:#fff}.input-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1688eb1a}.input-box>svg{flex:none;width:28px;height:28px}.input-box input{width:100%;min-width:0;border:0;outline:0;font-size:18px;color:#222}.input-box input::placeholder{color:#aaa}.input-box__action{flex:none;padding:7px;border:0;background:transparent;color:#777}.form-error{margin:-3px 0 10px;color:#cc3522;font-size:13px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:2px 0 20px}.toggle{display:flex;align-items:center;gap:6px;padding:5px 7px;color:#555;background:#f6f6f6;border:0;border-radius:18px;font-weight:700}.toggle svg{color:#8f8f8f}.toggle.is-on{color:#fff;background:var(--blue)}.toggle.is-on svg{color:#fff}.login-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px}.login-links button{height:45px;border:1px solid #e2e2e2;border-radius:8px;background:#fff;font-weight:750}.demo-hint{margin:17px 0 0;text-align:center;font-size:12px;color:#888}.home-header{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.home-header button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:20px;background:#f7f7f7;font-weight:700}.quick-actions{padding:20px 16px 10px;display:grid;grid-template-columns:1fr 1.05fr;gap:10px}.quick-actions button{min-height:92px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:10px;color:#fff;box-shadow:0 3px 8px #0000002e;font-size:20px;font-weight:850}.quick-actions button svg{width:42px;height:42px}.quick-actions__history{background:#171717}.quick-actions__history span{display:flex;flex-direction:column;align-items:flex-start}.quick-actions__history strong{font-size:31px;line-height:1}.quick-actions__search{background:var(--green)}.section-block h2{margin:17px 16px 14px;font-size:21px}.product-list{border-top:1px solid var(--line)}.product-row{width:100%;min-height:155px;padding:17px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;transition:background .15s}.product-row:hover,.product-row:active{background:#f8faf7}.product-row__main{min-width:0;display:flex;flex-direction:column;gap:5px}.product-row__main strong{font-size:23px;letter-spacing:-.045em}.product-row__main>span{font-size:16px}.product-row__main small{font-size:15px;color:#666}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row span{padding:5px 10px;color:#666;background:#f4f4f4;border-radius:15px;font-size:13px;font-weight:650}.commission-badge{flex:none;width:69px;min-height:54px;padding:6px 4px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:9px;color:#fff;background:var(--red);font-size:19px;font-weight:900;line-height:1}.commission-badge small{font-size:10px;font-weight:700;margin-bottom:3px}.search-filters{padding:16px;background:#f7f7f7}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:10px}.select-grid label{position:relative}.select-grid select{width:100%;height:50px;padding:0 42px 0 13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#777;border:1px solid #e4e4e4;border-radius:9px;background:#fff}.select-grid svg{position:absolute;right:12px;top:14px;pointer-events:none}.search-input{height:52px;display:flex;border:1px solid #e3e3e3;border-radius:9px;overflow:hidden;background:#fff}.search-input input{width:100%;border:0;padding:0 13px;outline:0}.search-input button{width:58px;border:0;color:#fff;background:var(--blue)}.result-head{min-height:72px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.result-head strong{font-size:20px}.result-head span{font-size:15px}.result-head b{color:var(--blue)}.type-tabs{padding:14px 15px 5px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.type-tabs button{flex:none;padding:8px 12px;border:1px solid transparent;border-radius:18px;color:#666;background:#f4f4f4}.type-tabs button.is-active{color:var(--green-dark);border-color:#a8c791;background:#eef6e8;font-weight:750}.selected-product{min-height:90px;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f4f8fb;border-bottom:1px solid #e7ebed}.selected-product>div{min-width:0;display:flex;flex-direction:column;gap:5px}.selected-product strong{font-size:19px}.selected-product span:not(.commission-badge){font-size:13px}.reservation-form{padding-bottom:20px}.form-section{padding:16px 15px}.form-section+.form-section{padding-top:4px}.form-section h2{margin:0 0 12px;text-align:center;font-size:21px;letter-spacing:-.04em}.field-row{position:relative;width:100%;min-height:48px;padding:0;display:grid;grid-template-columns:130px 1fr;align-items:stretch;border:1px solid #e3e3e3;border-radius:7px;overflow:hidden;background:#fff;text-align:left;margin-bottom:8px}.field-row>span{padding:12px 10px;display:flex;align-items:center;color:#666;background:#f6f6f6}.field-row>div,.field-row>input,.field-row>select{min-width:0;padding:10px 12px;display:flex;align-items:center;justify-content:flex-end;text-align:right;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;outline:0;font-weight:700}.field-row>div.is-muted{color:#aaa}.field-row>svg{position:absolute;right:9px;top:13px;width:18px}.field-row:has(>svg)>div,.field-row:has(>svg)>select{padding-right:33px}.form-section textarea{width:100%;min-height:90px;padding:13px;resize:vertical;border:1px solid #e3e3e3;border-radius:8px}.reservation-form>.primary-button{width:calc(100% - 30px);margin:0 15px}.full-overlay{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;width:min(100%,430px);margin:0 auto;padding-top:44px;background:#fff;overflow-y:auto;animation:slide-in .22s ease-out}@keyframes slide-in{0%{transform:translate(20px);opacity:.4}to{transform:translate(0);opacity:1}}.overlay-search-header{height:62px;padding:8px 12px 8px 3px;display:flex;align-items:center;gap:6px;border-bottom:2px solid #a2c285}.overlay-search-header>button{width:48px;height:48px;border:0;background:transparent}.overlay-search-header label{width:100%;height:45px;display:flex;align-items:center;border:1px solid #ddd;border-radius:9px;overflow:hidden}.overlay-search-header input{width:100%;height:100%;padding:0 12px;border:0;outline:0}.overlay-search-header label svg{margin-right:12px;color:var(--blue)}.venue-list button{width:100%;min-height:102px;padding:18px 15px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:8px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff}.venue-list button:active{background:#f7faf5}.venue-list button>small{padding:4px 8px;color:var(--green-dark);background:#eef6e8;border-radius:12px;font-size:11px;font-weight:750}.venue-list strong{font-size:21px}.venue-list span{font-size:15px;line-height:1.45}.venue-list em{color:#777;font-size:13px;font-style:normal}.venue-list button.venue-list__more{min-height:54px;align-items:center;color:var(--green-dark);background:#f7faf5;font-weight:800}.sheet-layer{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;width:min(100%,430px);margin:0 auto;display:flex;align-items:flex-end;background:#00000061;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.bottom-sheet{width:100%;max-height:86dvh;padding-bottom:max(14px,var(--safe-bottom));overflow-y:auto;border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -12px 40px #00000029;animation:sheet-up .25s cubic-bezier(.2,.8,.2,1)}.bottom-sheet--tall{min-height:70dvh}@keyframes sheet-up{0%{transform:translateY(30%)}to{transform:translateY(0)}}.bottom-sheet__handle{width:38px;height:4px;margin:8px auto 2px;border-radius:4px;background:#d5d5d5}.bottom-sheet header{height:54px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ececec}.bottom-sheet header h2{margin:0;font-size:18px}.bottom-sheet header button{display:flex;align-items:center;gap:3px;padding:8px;border:0;border-radius:20px;background:#f7f7f7;font-weight:700}.bottom-sheet__body{padding:15px}.sheet-intro{display:flex;flex-direction:column;padding-bottom:18px;border-bottom:1px solid #eee}.sheet-intro strong{font-size:27px}.sheet-intro span{font-size:17px;margin-top:4px}.bottom-sheet h3{margin:19px 0 12px;font-size:20px}.date-strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.date-strip button{min-width:54px;min-height:92px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #e7e7e7;border-radius:10px;background:#fff}.date-strip button strong{font-size:24px}.date-strip button.is-active{border-color:#85ae68;background:#eaf2e4}.time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-grid button{min-height:58px;border:1px solid #e5e5e5;border-radius:9px;background:#fff;font-size:19px;font-weight:700}.time-grid button.is-active{border-color:#85ae68;background:#eaf2e4}.bottom-sheet .primary-button{margin-top:20px}.center-title{text-align:center}.account-picker-list{display:grid;gap:9px}.account-picker-list>div{border:2px solid transparent;border-radius:10px}.account-picker-list>div.is-selected{border-color:var(--green)}.bank-account{width:100%;min-height:75px;padding:9px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #e7e7e7;border-radius:8px;background:#fff}.bank-account:active{background:#f8f8f8}.bank-mark{flex:none;width:58px;height:58px;display:grid;place-items:center;color:#fff;border:1px solid #eee;border-radius:13px;font-size:15px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.35)}.bank-account>span:not(.bank-mark){display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px}.bank-account strong{font-size:17px}.bank-account small{color:#777}.bank-account b{grid-column:1 / -1;font-size:17px}.date-filter{margin:16px;height:50px;padding-left:10px;display:flex;align-items:center;border:1px solid #ddd;border-radius:8px;overflow:hidden}.date-filter input{width:100%;height:100%;padding:0 8px;border:0;outline:0}.date-filter button{width:44px;height:44px;border:0;background:transparent;color:#777}.request-summary{border-top:6px solid #f7f7f7;border-bottom:1px solid var(--line)}.request-summary h2{margin:0;padding:18px;text-align:center;font-size:22px}.request-summary h2 b{color:var(--green)}.request-summary>div{display:grid;grid-template-columns:1fr 1px 1fr;align-items:center;padding:0 28px 17px;text-align:center}.request-summary span{display:flex;flex-direction:column;font-weight:750}.request-summary strong{font-size:25px}.request-summary span:first-child strong{color:var(--blue)}.request-summary i{height:42px;background:#e2e2e2}.request-list{border-top:1px solid #eee}.request-row{width:100%;min-height:150px;padding:17px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff}.request-row>div{min-width:0;display:flex;flex-direction:column;gap:5px}.request-row span{font-size:15px}.request-row strong{font-size:21px}.request-row small{font-size:14px}.request-row aside{flex:none;display:flex;align-items:flex-end;flex-direction:column;gap:10px}.request-row aside>b{color:var(--red);font-size:20px}.status{min-width:75px;padding:8px;color:#fff;background:#a8a8a8;border-radius:8px;font-size:13px;text-align:center;font-style:normal}.status--정산완료{background:var(--blue)}.status--정산예정{background:#777}.detail-section{padding:8px 15px 12px}.detail-section h2{margin:12px 0 8px;text-align:center;font-size:18px}.detail-row{min-height:42px;display:grid;grid-template-columns:120px 1fr;align-items:stretch;border:1px solid #e8e8e8;border-bottom:0}.detail-row:last-child{border-bottom:1px solid #e8e8e8}.detail-row>span{padding:10px;display:flex;align-items:center;color:#777;background:#f6f6f6}.detail-row>strong{padding:10px;text-align:right}.detail-row .highlight{color:var(--blue)}.detail-notes{min-height:70px;margin:0;padding:13px;border:1px solid #e7e7e7;line-height:1.5}.cancel-request{width:calc(100% - 30px);min-height:48px;margin:10px 15px 20px;display:flex;align-items:center;justify-content:center;gap:7px;color:#777;background:#fff;border:1px solid #ccc;border-radius:7px}.profile-info{padding:8px 15px}.profile-info .detail-row button{justify-self:end;align-self:center;margin-right:8px;padding:5px 12px;border:0;border-radius:14px;color:#fff;background:#222;font-size:12px}.profile-accounts{padding:0 15px}.profile-accounts h2{text-align:center;font-size:20px;margin:16px 0 12px}.profile-accounts .bank-account{margin-bottom:8px}.profile-actions{padding:14px 15px 20px;display:grid;gap:12px}.password-form label{display:flex;flex-direction:column;gap:8px;font-weight:750}.password-form input{height:50px;padding:0 12px;border:1px solid #ddd;border-radius:8px}.account-form{padding:18px 15px}.account-form__actions{display:flex;gap:7px;margin-top:32px}.account-form__actions button{min-height:47px;flex:1;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #cfcfcf;border-radius:7px;background:#fff;font-weight:750;white-space:nowrap}.account-form__actions button.danger{color:#e45442;border-color:#efb7b1}.account-form__actions button.save{color:#fff;border-color:var(--blue);background:var(--blue)}.bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.bank-grid button{min-height:49px;padding:8px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e3e3e3;border-radius:8px;background:#fff;font-size:14px;font-weight:750}.bank-grid button.is-selected{border-color:var(--green);background:#f4f8f0}.bank-grid button span{font-size:20px}.confirm-box{padding:10px 0;display:flex;align-items:center;flex-direction:column;text-align:center}.confirm-box>svg{width:42px;height:42px;color:#e45442}.confirm-box strong{margin-top:8px;font-size:20px}.confirm-box p{color:#777}.confirm-box>div{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirm-box button{min-height:48px;border:1px solid #ddd;border-radius:8px;background:#fff;font-weight:750}.confirm-box button.danger{color:#fff;border-color:#e45442;background:#e45442}.empty-state{min-height:230px;padding:30px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#888;text-align:center}.empty-state svg{width:42px;height:42px;margin-bottom:10px;color:#aaa}.empty-state strong{color:#444;font-size:19px}.empty-state span{margin-top:5px;font-size:14px}.toast{position:fixed;z-index:200;left:50%;bottom:calc(86px + var(--safe-bottom));width:min(calc(100% - 32px),398px);min-height:48px;padding:11px 15px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#141414f0;border-radius:10px;transform:translate(-50%);box-shadow:0 7px 25px #0000003d;font-size:14px;font-weight:700;animation:toast-in .25s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:700px){body{padding:24px 0}.site-shell{min-height:calc(100dvh - 48px);border-radius:24px;overflow:hidden}.app-screen{min-height:calc(100dvh - 48px)}.bottom-nav{bottom:24px;border-radius:0 0 24px 24px}.sheet-layer,.full-overlay{top:24px;bottom:24px;border-radius:24px;overflow:hidden}}@media(max-width:360px){.quick-actions{grid-template-columns:1fr}.quick-actions button{min-height:72px}.field-row{grid-template-columns:108px 1fr}.product-row__main strong{font-size:20px}.product-row__main small{font-size:13px}.commission-badge{width:62px}.toggle{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
