:root{--c-primary:#1e8f83;--c-primary-dark:#177067;--c-primary-light:#2ba79a;--c-primary-tint:#e8f4f2;--c-black:#16191a;--c-text:#1f2426;--c-text-sub:#5f6b6e;--c-text-mute:#939fa2;--c-white:#fff;--c-bg:#f4f6f6;--c-surface:#fff;--c-line:#e4e8e8;--c-line-strong:#d2d8d8;--c-disabled:#eceff0;--c-danger:#d64545;--c-warn:#d98324;--r-sm:8px;--r-md:12px;--r-lg:16px;--shadow-sm:0 1px 2px #16191a0f;--shadow-md:0 2px 10px #16191a14;--shadow-up:0 -2px 12px #16191a14;--header-h:56px;--safe-b:env(safe-area-inset-bottom,0px);--app-w:428px;color:var(--c-text);background:var(--c-bg);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;letter-spacing:-.01em;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior-y:none;height:100%;margin:0;padding:0}#root{width:100%;max-width:var(--app-w);background:var(--c-bg);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.screen{flex-direction:column;height:100%;min-height:0;display:flex}.screen__scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0;padding-bottom:calc(24px + var(--safe-b));flex:1;overflow-y:auto}@media (width>=480px){body{background:#dfe4e4}#root{box-shadow:0 0 24px #16191a1a}}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.btn{border-radius:var(--r-md);justify-content:center;align-items:center;gap:6px;height:52px;padding:0 18px;font-size:16px;font-weight:700;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--c-primary);color:var(--c-white)}.btn-primary:active{background:var(--c-primary-dark)}.btn-primary:disabled{background:var(--c-disabled);color:var(--c-text-mute);cursor:not-allowed}.btn-ghost{background:var(--c-white);color:var(--c-primary);box-shadow:inset 0 0 0 1px var(--c-line-strong)}.field{border-radius:var(--r-md);background:var(--c-white);border:1px solid var(--c-line-strong);outline:none;width:100%;height:52px;padding:0 14px;font-size:16px;display:block}.field:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-tint)}.field::placeholder{color:var(--c-text-mute)}.label{color:var(--c-text-sub);margin:0 0 6px;font-size:13px;font-weight:600;display:block}.alert-error{border-radius:var(--r-sm);color:var(--c-danger);background:#fdecec;padding:12px 14px;font-size:14px;line-height:1.5}.spinner{border:2.5px solid var(--c-line-strong);border-top-color:var(--c-primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.center-pad{color:var(--c-text-mute);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 20px;font-size:14px;display:flex}.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:32px;display:flex}.empty__icon{background:var(--c-primary-tint);width:76px;height:76px;color:var(--c-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.empty__title{color:var(--c-text);margin:0;font-size:16px;font-weight:700}.empty__desc{color:var(--c-text-mute);margin:8px 0 0;font-size:13px;line-height:1.6}.empty__action{min-width:180px;margin-top:24px}.login{min-height:100dvh;padding:32px 24px calc(40px + var(--safe-b));background:var(--c-white);flex-direction:column;justify-content:center;display:flex}.login__brand{text-align:center;margin-bottom:32px}.login__title{letter-spacing:-.5px;color:var(--c-black);margin:0;font-size:26px;font-weight:800}.login__form{flex-direction:column;gap:16px;display:flex}.login__pw{position:relative}.login__pw-input{padding-right:48px}.login__pw-toggle{border-radius:var(--r-sm);width:40px;height:40px;color:var(--c-text-mute);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login__pw-toggle:active{background:var(--c-bg)}.login__pw-toggle[aria-pressed=true]{color:var(--c-primary)}.login__submit{width:100%;margin-top:8px}.app-header{height:var(--header-h);background:var(--c-primary);color:var(--c-white);flex:none;align-items:center;gap:4px;padding:0 6px;display:flex}.app-header__back,.app-header__spacer{width:40px;height:40px;color:var(--c-white);border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.app-header__back:active{background:#ffffff29}.app-header__titles{text-align:center;flex:1;min-width:0}.app-header__title{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:17px;font-weight:700;overflow:hidden}.app-header__subtitle{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:12px;font-weight:500;overflow:hidden}.app-header__right{flex:none;justify-content:flex-end;align-items:center;min-width:40px;padding-right:4px;display:flex}.app-header__action{border-radius:var(--r-sm);height:32px;color:var(--c-white);background:#ffffff29;padding:0 10px;font-size:13px;font-weight:600}.app-header__action:active{background:#ffffff47}.clients__search{background:var(--c-white);border-bottom:1px solid var(--c-line);flex:none;padding:12px 16px}.clients__body{padding:16px}.clients__list{flex-direction:column;margin:0;padding:8px 0;list-style:none;display:flex}.clients__list li+li{border-top:1px solid var(--c-line)}.client-row{background:var(--c-white);text-align:left;align-items:center;gap:12px;width:100%;padding:16px;transition:background .12s;display:flex}.client-row:active{background:var(--c-primary-tint)}.client-row__name{min-width:0;color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.client-row__chev{color:var(--c-text-mute);flex:none}.menu{z-index:50;pointer-events:none;position:absolute;inset:0}.menu--open{pointer-events:auto}.menu__dim{opacity:0;background:#16191a66;transition:opacity .2s;position:absolute;inset:0}.menu--open .menu__dim{opacity:1}.menu__panel{background:var(--c-white);flex-direction:column;width:76%;max-width:300px;transition:transform .22s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #16191a29}.menu--open .menu__panel{transform:translate(0)}.menu__head{background:var(--c-primary);color:var(--c-white);padding:22px 20px 18px}.menu__client{letter-spacing:-.2px;word-break:keep-all;margin:0;font-size:17px;font-weight:700}.menu__account{color:#ffffffd1;margin:4px 0 0;font-size:13px}.menu__nav{min-height:0;padding:8px 0 calc(16px + var(--safe-b));flex:1;overflow-y:auto}.menu__item{width:100%;color:var(--c-text);text-align:left;align-items:center;gap:12px;padding:15px 20px;font-size:15px;font-weight:600;display:flex}.menu__item:active{background:var(--c-primary-tint)}.menu__item svg{color:var(--c-text-sub);flex:none}.menu__item--on{color:var(--c-primary);background:var(--c-primary-tint);box-shadow:inset 3px 0 0 var(--c-primary)}.menu__item--on svg{color:var(--c-primary)}.menu__item:disabled{cursor:not-allowed;color:var(--c-text-mute)}.menu__item:disabled svg{color:var(--c-line-strong)}.menu__soon,.menu__badge{border-radius:999px;margin-left:auto;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.menu__soon{background:var(--c-disabled);color:var(--c-text-mute)}.menu__badge{background:var(--c-primary);color:var(--c-white);text-align:center;min-width:20px}.menu__sep{background:var(--c-line);height:1px;margin:8px 20px}.menu__item--danger,.menu__item--danger svg{color:var(--c-danger)}.menu__item--danger:active{background:#fdecec}.cart-btn{width:40px;height:40px;color:var(--c-white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.cart-btn:active{background:#ffffff29}.cart-btn__badge{background:var(--c-white);min-width:17px;height:17px;color:var(--c-primary);text-align:center;box-shadow:0 0 0 1.5px var(--c-primary);border-radius:999px;padding:0 4px;font-size:10px;font-weight:800;line-height:17px;position:absolute;top:2px;right:1px}.dash{padding:0 0 16px}.dash__stats{flex-direction:column;gap:8px;padding:14px;display:flex}.dash__stat{border-radius:var(--r-md);background:var(--c-primary);color:var(--c-white);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.dash__stat-label{white-space:nowrap;font-size:13px;font-weight:700}.dash__stat-label em{opacity:.85;font-style:normal;font-weight:500}.dash__stat-value{white-space:nowrap;flex:none;font-size:13px}.dash__stat-value b{font-size:16px;font-weight:800}.dash__stat-value i{opacity:.5;margin:0 6px;font-style:normal}.dash__stat--off{background:var(--c-disabled,#9aa3a6)}.dash__subtitle{color:var(--c-text-sub);margin:12px 0 6px;font-size:13px;font-weight:700}.dash__subtitle:first-of-type{margin-top:0}.dash__orders{border-radius:var(--r-md);background:var(--c-white);box-shadow:var(--shadow-sm);margin:0;padding:0;list-style:none;overflow:hidden}.dash__order{align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.dash__order+.dash__order{border-top:1px solid var(--c-line)}.dash__order-badge{background:var(--c-primary-tint);color:var(--c-primary);text-align:center;border-radius:999px;flex:0 0 68px;padding:4px 0;font-size:11px;font-weight:800}.dash__order-texts{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash__order-date{color:var(--c-text);font-size:14px;font-weight:700}.dash__order-sub{color:var(--c-text-mute);font-size:12px}.dash__order-status{color:var(--c-text-sub);text-align:right;flex:0 0 40px;font-size:12px;font-weight:800}.dash__section{padding:6px 14px 14px}.dash__title{color:var(--c-text);margin:0 0 10px;font-size:15px;font-weight:800}.dash__empty{border-radius:var(--r-md);background:var(--c-white);box-shadow:var(--shadow-sm);color:var(--c-text-mute);padding:18px 16px;font-size:13px}.dash__services{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dash__service{border-radius:var(--r-md);background:var(--c-white);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:8px;padding:14px 6px;transition:background .12s;display:flex}.dash__service:active:not(:disabled){background:var(--c-primary-tint)}.dash__service:disabled{cursor:not-allowed}.dash__service:disabled .dash__service-icon{background:var(--c-disabled);color:var(--c-text-mute)}.dash__service:disabled .dash__service-label{opacity:.5}.dash__service-icon{background:var(--c-primary-tint);width:46px;height:46px;color:var(--c-primary);border-radius:14px;justify-content:center;align-items:center;display:flex}.dash__service-label{text-align:center;color:var(--c-text-sub);word-break:keep-all;font-size:12px;font-weight:600;line-height:1.35}.pcard{border-radius:var(--r-md);background:var(--c-surface);width:100%;box-shadow:var(--shadow-sm);text-align:left;grid-template-rows:auto auto auto auto;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:12px;display:grid}.pcard__name{grid-area:1/2/auto/-1}.pcard--soldout{background:var(--c-disabled);box-shadow:none}.pcard--soldout .pcard__name,.pcard--soldout .pcard__spec,.pcard--soldout .pcard__total,.pcard--soldout .pcard__price{opacity:.55}.pcard__thumb{border-radius:var(--r-sm);background:var(--c-bg);border:1px solid var(--c-line);grid-area:1/1/-1;align-self:start;width:80px;height:80px;position:relative;overflow:hidden}.pcard__thumb img{object-fit:cover;width:100%;height:100%;display:block}.pcard--soldout .pcard__thumb img{filter:grayscale();opacity:.6}.pcard__noimg{width:100%;height:100%;color:var(--c-text-mute);justify-content:center;align-items:center;display:flex}.pcard__soldout-badge{color:var(--c-white);letter-spacing:-.02em;white-space:nowrap;background:#16191ab8;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pcard__spec{min-width:0;color:var(--c-text-mute);white-space:nowrap;text-overflow:ellipsis;grid-area:2/2/auto/-1;margin:0;font-size:12px;overflow:hidden}.pcard__name{color:var(--c-text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;line-height:1.35;overflow:hidden}.pcard__price{color:var(--c-text);letter-spacing:-.3px;white-space:nowrap;grid-area:4/2;align-self:center;margin:0;font-size:16px;font-weight:800}.pcard__price em{margin-left:1px;font-size:13px;font-style:normal;font-weight:700}.pcard__price--bad{color:var(--c-danger,#d94b4b)}.pcard__total{min-width:0;color:var(--c-text-sub);white-space:nowrap;grid-area:3/2;align-self:center;margin:0;font-size:12px}.pcard__total b{color:var(--c-text);font-weight:800}.pcard__stock{color:var(--c-text-mute);margin-left:8px}.pcard__stock b{color:var(--c-text-sub)}.pcard__stock--bad,.pcard__stock--bad b{color:var(--c-danger,#d94b4b);font-weight:800}.pcard__stepper{grid-column:3;align-items:center;gap:4px;display:flex}.pcard__stepper--box{grid-row:3}.pcard__stepper--each{grid-row:4}.pcard__unit{width:26px;color:var(--c-text-mute);text-align:right;flex:none;font-size:11px;font-weight:600}.pcard__stepper button{border:1px solid var(--c-line);background:var(--c-white);width:28px;height:28px;color:var(--c-text-sub);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.pcard__stepper button:disabled{opacity:.3}.pcard__stepper button:active:not(:disabled){background:var(--c-primary-tint)}.pcard__count{background:var(--c-bg);text-align:center;width:48px;height:28px;color:var(--c-text);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:0 4px;font-size:14px;font-weight:700;line-height:28px;overflow:hidden}.products__filters{background:var(--c-white);border-bottom:1px solid var(--c-line);flex:none}.products__search{padding:10px 16px;position:relative}.products__search-icon{color:var(--c-text-mute);pointer-events:none;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.products__search-input{background:var(--c-bg);border-color:var(--c-line);height:46px;padding-left:40px;padding-right:38px}.products__search-clear{background:var(--c-line-strong);width:24px;height:24px;color:var(--c-white);border-radius:50%;font-size:12px;line-height:1;position:absolute;top:50%;right:24px;transform:translateY(-50%)}.cat-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-shadow:inset 0 -1px 0 var(--c-line);touch-action:pan-x pan-y;cursor:grab;gap:2px;padding:0 8px;display:flex;overflow-x:auto}.cat-tabs:active{cursor:grabbing}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{-webkit-user-select:none;user-select:none;color:var(--c-text-mute);white-space:nowrap;flex:none;padding:11px 12px 10px;font-size:14px;font-weight:600;transition:color .12s;position:relative}.cat-tab:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;transition:background .15s;position:absolute;bottom:0;left:8px;right:8px}.cat-tab--on{color:var(--c-primary);font-weight:800}.cat-tab--on:after{background:var(--c-primary)}.products__count{color:var(--c-text-sub);margin:0;padding:12px 16px 4px;font-size:13px}.products__count b{color:var(--c-primary);font-weight:800}.products__body{padding:16px}.products__retry{width:100%;margin-top:12px}.products__list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0 12px;list-style:none;display:flex}.order-bar{padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--c-white);border-top:1px solid var(--c-line);flex:none;box-shadow:0 -2px 10px #0000000d}.order-bar__sum{color:var(--c-text-sub);align-items:baseline;gap:14px;padding-bottom:8px;font-size:13px;display:flex}.order-bar__sum b{color:var(--c-text);font-weight:800}.order-bar__amount{margin-left:auto}.order-bar__amount b{color:var(--c-primary);font-size:16px}.order-bar__actions{gap:8px;display:flex}.order-bar__actions .btn{height:48px}.order-bar__actions .btn-ghost{white-space:nowrap;flex:none;padding:0 16px}.order-bar__submit{flex:1}.toast{width:min(calc(var(--app-w) - 28px), calc(100vw - 28px));left:50%;bottom:calc(112px + env(safe-area-inset-bottom));z-index:20;border-radius:var(--r-md);color:var(--c-white);box-shadow:var(--shadow-sm);background:#16191aeb;align-items:center;gap:10px;padding:11px 14px;font-size:13px;display:flex;position:fixed;transform:translate(-50%)}.toast__link{color:var(--c-white);white-space:nowrap;background:0 0;flex:none;margin-left:auto;padding:4px 6px;font-size:13px;font-weight:800;text-decoration:underline}.cart-list{margin:0;padding:0;list-style:none}.cart-list li+li{border-top:1px solid var(--c-line)}.cart-row{background:var(--c-white);align-items:center;gap:12px;padding:14px 16px;display:flex}.cart-row__thumb{border-radius:var(--r-sm);background:var(--c-bg);border:1px solid var(--c-line);flex:0 0 56px;width:56px;height:56px;overflow:hidden}.cart-row__thumb img{object-fit:cover;width:100%;height:100%;display:block}.cart-row__texts{flex:1;min-width:0}.cart-row__name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.cart-row__meta{color:var(--c-text-mute);margin:3px 0 0;font-size:12px}.cart-row__amount{color:var(--c-primary);margin:3px 0 0;font-size:15px;font-weight:800}.cart-row__del{width:28px;height:28px;color:var(--c-text-mute);border-radius:50%;flex:none;font-size:13px}.cart-row__del:active{background:var(--c-bg)}.cart-bar{padding:12px 16px calc(12px + var(--safe-b));background:var(--c-white);border-top:1px solid var(--c-line);box-shadow:var(--shadow-up);flex:none}.cart-bar__total{color:var(--c-text-sub);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.cart-bar__total b{color:var(--c-primary);font-size:20px;font-weight:800}.cart-bar__submit{width:100%}.oc-card{border-radius:var(--r-md);background:var(--c-primary);color:var(--c-white);box-shadow:var(--shadow-sm);margin:14px;padding:16px}.oc-card__client{text-align:center;letter-spacing:-.2px;border-bottom:1px solid #ffffff40;margin:0 0 14px;padding-bottom:14px;font-size:17px;font-weight:800}.oc-card__label{margin:0 0 8px;font-size:13px;font-weight:700}.oc-memo{border-radius:var(--r-sm);background:var(--c-white);width:100%;height:auto;min-height:88px;color:var(--c-text);font:inherit;resize:none;border:none;outline:none;padding:12px 14px;font-size:15px;line-height:1.5;display:block}.oc-memo::placeholder{color:var(--c-text-mute)}.oc-memo:focus{box-shadow:0 0 0 3px #ffffff59}.oc-group{border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-sm);margin:0 14px 14px;overflow:hidden}.oc-group__head{background:var(--c-bg);border-bottom:1px solid var(--c-line);align-items:center;gap:10px;padding:12px 14px;display:flex}.oc-group__badge{background:var(--c-primary);color:var(--c-white);border-radius:999px;flex:none;padding:5px 12px;font-size:12px;font-weight:800}.oc-group__date{min-width:0;color:var(--c-text-sub);white-space:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.oc-group__date .field{background:var(--c-white);flex:0 180px;min-width:0;height:42px;padding:0 12px;font-size:14px;font-weight:700}.oc-group__none{color:var(--c-danger,#d94b4b);margin:0 0 0 auto;font-size:13px;font-weight:700}.oc-list{margin:0;padding:0;list-style:none}.oc-row{padding:14px}.oc-row+.oc-row{border-top:1px solid var(--c-line)}.oc-row__name{color:var(--c-text);margin:0 0 8px;font-size:15px;font-weight:700;line-height:1.4}.oc-row__qty{color:var(--c-text-mute);flex-wrap:wrap;gap:4px 14px;margin:0;font-size:13px;display:flex}.oc-row__qty b{color:var(--c-text-sub);font-weight:800}.oc-row__amount{border-top:1px dashed var(--c-line);color:var(--c-text-mute);justify-content:space-between;align-items:baseline;gap:8px;margin:10px 0 0;padding-top:10px;font-size:13px;display:flex}.oc-row__amount b{color:var(--c-text);font-size:17px;font-weight:800}.oc-sum{border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-sm);margin:0 14px 14px;padding:16px}.oc-sum__row{color:var(--c-text-sub);justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:14px;display:flex}.oc-sum__row b{color:var(--c-text);font-weight:800}.oc-sum__note{border-radius:var(--r-sm);background:var(--c-primary-tint);color:var(--c-primary);margin:10px 0 0;padding:10px 12px;font-size:13px;line-height:1.5}.oc-sum__note b{font-weight:800}.oc-sum__row--strong{border-top:1px solid var(--c-line);margin-top:12px;padding-top:12px;font-size:15px}.oc-sum__row--strong b{color:var(--c-primary);letter-spacing:-.3px;font-size:21px}.oc-error{margin:0 14px 14px}.oc-bar{padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--c-white);border-top:1px solid var(--c-line);flex:none;gap:10px;display:flex;box-shadow:0 -2px 10px #0000000d}.oc-bar .btn{height:52px;font-size:16px}.oc-bar .btn-ghost{flex:none;padding:0 26px}.oc-bar__submit{flex:1}.oh-filters{background:var(--c-white);border-bottom:1px solid var(--c-line);flex:none}.oh-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-shadow:inset 0 -1px 0 var(--c-line);touch-action:pan-x pan-y;gap:2px;padding:0 8px;display:flex;overflow-x:auto}.oh-tabs::-webkit-scrollbar{display:none}.oh-tab{color:var(--c-text-sub);white-space:nowrap;background:0 0;border:0;flex:none;padding:12px 14px;font-size:14px;font-weight:500;box-shadow:inset 0 -2px #0000}.oh-tab--on{color:var(--c-primary);box-shadow:inset 0 -2px 0 var(--c-primary);font-weight:700}.oh-periods{gap:6px;padding:10px 16px;display:flex}.oh-period{border:1px solid var(--c-line-strong);background:var(--c-white);color:var(--c-text-sub);border-radius:999px;padding:6px 12px;font-size:13px}.oh-period--on{border-color:var(--c-primary);background:var(--c-primary-tint);color:var(--c-primary-dark);font-weight:600}.oh-count{color:var(--c-text-mute);margin:0;padding:12px 16px 6px;font-size:13px}.oh-list{flex-direction:column;gap:8px;margin:0;padding:0 12px 12px;list-style:none;display:flex}.oh-row{border:1px solid var(--c-line);border-radius:var(--r-md);background:var(--c-surface);width:100%;box-shadow:var(--shadow-sm);text-align:left;flex-direction:column;gap:4px;padding:14px;display:flex}.oh-row:active{background:var(--c-bg)}.oh-row__top{align-items:center;gap:6px;display:flex}.oh-row__badge{background:var(--c-bg);color:var(--c-text-sub);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.oh-row__status{background:var(--c-primary-tint);color:var(--c-primary-dark);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.oh-row__status--취소{background:var(--c-disabled);color:var(--c-text-mute)}.oh-row__status--완료{background:var(--c-disabled);color:var(--c-text-sub)}.oh-row__ordered{color:var(--c-text-mute);margin-left:auto;font-size:12px}.oh-row__date{color:var(--c-text);font-size:15px;font-weight:600}.oh-row__sub{color:var(--c-text-sub);font-size:13px}.oh-row__memo{border-top:1px dashed var(--c-line);color:var(--c-text-mute);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;padding-top:6px;font-size:12px;display:-webkit-box;overflow:hidden}.oh-sentinel{justify-content:center;padding:8px 0 24px;display:flex}.oh-empty{color:var(--c-text-mute);flex-direction:column;gap:12px;font-size:14px}.oh-retry{border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-white);color:var(--c-text-sub);padding:8px 16px;font-size:14px}.od-card{border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-sm);margin:12px;padding:16px}.od-card__top{align-items:center;gap:6px;margin-bottom:12px;display:flex}.od-badge{background:var(--c-bg);color:var(--c-text-sub);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.od-status{background:var(--c-primary-tint);color:var(--c-primary-dark);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.od-status--취소{background:var(--c-disabled);color:var(--c-text-mute)}.od-status--완료{background:var(--c-disabled);color:var(--c-text-sub)}.od-meta{flex-direction:column;gap:8px;margin:0;display:flex}.od-meta>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.od-meta dt{color:var(--c-text-mute);font-size:13px}.od-meta dd{color:var(--c-text);margin:0;font-size:14px;font-weight:600}.od-memo{border-top:1px solid var(--c-line);margin-top:14px;padding-top:12px}.od-memo__label{color:var(--c-text-mute);margin:0 0 4px;font-size:12px}.od-memo__text{color:var(--c-text-sub);white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.od-items{margin:0 12px}.od-items__title{color:var(--c-text-sub);margin:0 4px 8px;font-size:14px;font-weight:600}.od-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.od-item{border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-sm);padding:14px}.od-item__name{color:var(--c-text);word-break:break-word;margin:0;font-size:15px;font-weight:600}.od-item__code{color:var(--c-text-mute);margin:2px 0 0;font-size:12px}.od-item__row{justify-content:space-between;align-items:baseline;gap:12px;margin-top:8px;display:flex}.od-item__qty{color:var(--c-text-sub);font-size:14px}.od-item__price{color:var(--c-text);font-size:15px;font-weight:700}.od-item__unit{color:var(--c-text-mute);margin:4px 0 0;font-size:12px}.od-total{border-radius:var(--r-md);background:var(--c-surface);box-shadow:var(--shadow-sm);color:var(--c-text-sub);justify-content:space-between;align-items:baseline;margin:12px;padding:16px;font-size:15px;display:flex}.od-total b{color:var(--c-primary-dark);font-size:20px}.od-empty{color:var(--c-text-mute);flex-direction:column;gap:12px;font-size:14px}.od-retry{border:1px solid var(--c-line-strong);border-radius:var(--r-sm);background:var(--c-white);color:var(--c-text-sub);padding:8px 16px;font-size:14px}