.app-shell{--navy:#071c36;--blue:#105c99;--sky:#eaf4fb;--ink:#122033;--muted:#718096;--line:#e5ebf1;--cream:#f6f8fa;max-width:520px;min-height:100vh;color:var(--ink);background:#f7f9fb;margin:0 auto;padding-bottom:88px;font-family:Pretendard,Noto Sans KR,Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 0 60px #526b7c33}.app-shell button,.app-shell input,.app-shell select{font:inherit}.app-shell button{cursor:pointer}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{border:1px solid #9eb2c7;border-radius:50%;place-items:center;width:36px;height:36px;font:italic 700 24px Georgia;display:grid}.brand strong{letter-spacing:1.7px;font-size:17px;display:block}.brand small{color:#8da3b9;letter-spacing:2.2px;margin-top:2px;font-size:8px;display:block}.icon-button{color:#fff;background:#ffffff14;border:0;border-radius:12px;width:38px;height:38px;font-size:11px;position:relative}.alarm-dot{border:1px solid var(--navy);background:#ffb23e;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:8px}.login-logo{background:url(/PANORAMA_logo_header_v2.png?v=4) 0/174px no-repeat;min-height:42px}.login-logo>span,.login-logo>strong{display:none!important}.login-logo>small{margin-left:auto}.logout-button{color:#c8d6e2;background:#ffffff10;border:1px solid #ffffff30;border-radius:9px;padding:8px 10px;font-size:10px}.refresh-button{color:#176b9f;background:0 0;border:0;margin-left:auto;font-size:10px;font-weight:700}.inline-loading,.empty-state{border:1px solid var(--line);text-align:center;color:#7e8d99;background:#fff;border-radius:14px;margin-bottom:12px;padding:22px;font-size:11px}.status.주문취소{color:#b64b4b;background:#fde8e8}.login-screen{color:#fff;background:radial-gradient(circle at 70% 15%,#174f79 0,#0a2744 28%,#06192d 70%);place-items:center;min-height:100vh;padding:22px;display:grid}.login-screen>p{color:#92a8ba;margin-top:130px;font-size:11px;position:absolute}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff1c;border-radius:28px;width:min(420px,100%);padding:30px;box-shadow:0 22px 70px #0005}.login-logo{align-items:center;gap:10px;display:flex}.login-logo span{border:1px solid #9eb2c7;border-radius:50%;place-items:center;width:42px;height:42px;font:italic 700 27px Georgia;display:grid}.login-logo strong{letter-spacing:2px;font-size:19px}.login-logo small{color:#86a2b9;letter-spacing:1.4px;margin-left:auto;font-size:8px}.login-copy{margin:42px 0 28px}.login-copy p{color:#77bfe9;margin:0 0 8px;font-size:11px}.login-copy h1{margin:0 0 12px;font-size:27px;line-height:1.35}.login-copy span{color:#9eb2c3;font-size:10px;line-height:1.5}.login-card form{gap:14px;display:grid}.login-card label{color:#b9c8d4;font-size:10px}.login-card input{color:#fff;background:#ffffff0b;border:1px solid #ffffff24;border-radius:12px;outline:none;width:100%;height:48px;margin-top:6px;padding:0 14px;display:block}.login-card input:focus{background:#ffffff12;border-color:#58a7d8}.login-card form>button{color:#fff;background:#1b79b4;border:0;border-radius:12px;height:50px;margin-top:4px;font-weight:800}.login-card form>button:disabled{opacity:.6}.login-error{color:#ffc0c0;background:#c8444430;border:1px solid #e5717150;border-radius:10px;margin:0;padding:10px;font-size:10px}.loader{border:3px solid #ffffff25;border-top-color:#70bce8;border-radius:50%;width:28px;height:28px;margin:28px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.original-order-link{color:#fff;background:#ffffff10;border:1px solid #ffffff42;border-radius:12px;place-items:center;height:50px;font-weight:800;text-decoration:none;display:grid}.original-order-link:active{background:#ffffff1c;transform:scale(.98)}.login-hub-back{color:#d9e7f2;background:#ffffff09;border:1px solid #ffffff35;border-radius:12px;place-items:center;height:46px;margin-top:14px;font-size:12px;font-weight:800;text-decoration:none;display:grid}.login-hub-back:active{background:#ffffff16;transform:scale(.98)}.hero{color:#fff;background:linear-gradient(145deg,#0c2949,#0b4879);justify-content:space-between;align-items:end;padding:28px 22px 55px;display:flex;position:relative}.hero:after{content:"";border:1px solid #ffffff17;border-radius:50%;width:170px;height:170px;position:absolute;top:-75px;right:-65px}.eyebrow{color:#a8bed2;margin:0 0 9px;font-size:12px}.hero h1{letter-spacing:-1.2px;margin:0;font-size:28px;line-height:1.25}.hero h1 em{color:#79c2ed;font-style:normal}.hero-badge{text-align:center;background:#ffffff12;border:1px solid #ffffff20;border-radius:22px;place-content:center;width:72px;height:72px;display:grid}.hero-badge strong{font-size:25px}.hero-badge span{color:#b4c4d3;font-size:9px}.stats{background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);margin:-28px 18px 0;padding:14px 6px;display:grid;position:relative;box-shadow:0 9px 28px #142c4217}.stats button{border:0;border-right:1px solid var(--line);background:0 0;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:7px;padding:6px;display:grid}.stats button:last-child{border-right:0}.stats small{color:var(--muted);grid-column:1/3;margin-top:3px;font-size:10px}.stat-dot{border-radius:50%;width:8px;height:8px}.stat-dot.waiting{background:#e8a236}.stat-dot.paid{background:#3688c0}.stat-dot.shipped{background:#35a475}.workspace{padding:24px 18px}.tabs{border-bottom:1px solid var(--line);gap:24px;display:flex}.tabs button{color:#8895a3;background:0 0;border:0;padding:8px 0 12px;font-size:13px;font-weight:700;position:relative}.tabs button.active{color:var(--navy)}.tabs button.active:after{content:"";background:#1676b7;border-radius:3px;height:3px;position:absolute;bottom:-1px;left:0;right:0}.controls{grid-template-columns:1fr 92px;gap:8px;margin:15px 0 24px;display:grid}.search{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex}.search span{color:#82909f;font-size:21px;transform:rotate(-20deg)}.search input{border:0;outline:0;width:100%;font-size:12px}.controls select{border:1px solid var(--line);color:#536274;background:#fff;border-radius:12px;padding:0 10px;font-size:12px}.section-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-title h2{margin:0;font-size:18px}.section-title span{color:#476578;background:#e4edf4;border-radius:20px;padding:3px 8px;font-size:11px}.order-list{gap:12px;display:grid}.order-card{background:#fff;border:1px solid #e2e9ef;border-radius:18px;overflow:hidden;box-shadow:0 3px 12px #3853670a}.order-card.open{border-color:#a7cbe2;box-shadow:0 7px 25px #25648c12}.card-summary{text-align:left;background:#fff;border:0;width:100%;padding:17px}.summary-top{align-items:center;gap:7px;display:flex}.status,.kind{border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800}.status.주문접수{color:#a86d11;background:#fff1d8}.status.입금완료{color:#236e9f;background:#e6f2fb}.status.출고완료{color:#27805c;background:#e6f5ee}.kind{color:#647382;background:#eef1f4}.date{color:#99a5b0;margin-left:auto;font-size:10px}.shop-row{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.shop-row small{color:#92a0ac;font-size:9px}.shop-row h3{margin:3px 0 0;font-size:17px}.chevron{color:#7b8c99;font-size:20px;transition:all .2s}.open .chevron{transform:rotate(180deg)}.product-row{justify-content:space-between;gap:12px;margin-top:12px;font-size:13px;display:flex}.product-row strong{color:#0e5f97;white-space:nowrap}.card-summary>p{color:#72808e;margin:6px 0 0;font-size:11px}.card-detail{border-top:1px dashed #dfe7ed;padding:16px}.card-detail dl{grid-template-columns:1fr 1fr;gap:12px;margin:0;display:grid}.card-detail dl div{min-width:0}.card-detail dl .wide{grid-column:1/-1}.card-detail dt{color:#91a0ad;margin-bottom:3px;font-size:9px}.card-detail dd{margin:0;font-size:11px;line-height:1.45}.invoice-box{background:#f0f6fa;border-radius:14px;margin-top:16px;padding:14px}.invoice-box h4{margin:0 0 10px;font-size:12px}.invoice-fields{grid-template-columns:118px 1fr;gap:7px;display:grid}.invoice-fields select,.invoice-fields input{background:#fff;border:1px solid #d3e0e8;border-radius:9px;min-width:0;height:40px;padding:0 9px;font-size:11px}.apply-button{color:#fff;background:#164e78;border:0;border-radius:9px;width:100%;height:40px;margin-top:8px;font-size:12px;font-weight:700}.card-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.card-actions button{color:#33536a;background:#fff;border:1px solid #ccd9e2;border-radius:11px;height:42px;font-size:11px;font-weight:700}.card-actions button.primary{color:#29210a;background:#f9df4f;border-color:#f9df4f}.bottom-nav{z-index:10;border-top:1px solid var(--line);width:min(520px,100%);height:72px;padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#91a0ad;background:0 0;border:0;place-content:center;gap:4px;font-size:9px;display:grid}.bottom-nav button span{font-size:20px}.bottom-nav button.active{color:#0d5f96;font-weight:800}.toast{z-index:30;color:#fff;background:#11283c;border-radius:12px;width:min(480px,100% - 32px);padding:13px 42px 13px 15px;font-size:11px;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0003}.toast button{color:#fff;background:0 0;border:0;font-size:22px;position:absolute;top:7px;right:10px}.modal-backdrop{z-index:40;background:#071522a8;justify-content:center;align-items:end;padding:0;display:flex;position:fixed;inset:0}.share-modal{width:min(520px,100%);padding:10px 20px calc(22px + env(safe-area-inset-bottom));background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -15px 50px #0003}.modal-handle{background:#d8dfe4;border-radius:5px;width:38px;height:4px;margin:0 auto 18px}.modal-title{justify-content:space-between;align-items:start;display:flex}.modal-title small{color:#778797;font-size:10px}.modal-title h2{margin:2px 0 14px;font-size:19px}.modal-title button{background:#edf1f4;border:0;border-radius:50%;width:30px;height:30px;font-size:18px}.share-modal pre{white-space:pre-wrap;color:#263746;background:#f4f6f8;border:1px solid #e1e7eb;border-radius:14px;max-height:42vh;padding:15px;font:11px/1.65 inherit;overflow:auto}.privacy-note{color:#8b98a3;text-align:center;font-size:9px}.kakao-button{color:#211b00;background:#fee500;border:0;border-radius:13px;width:100%;height:50px;font-weight:800}@media (min-width:521px){.app-shell{border-radius:28px;min-height:calc(100vh - 40px);margin-top:20px}.bottom-nav{border-radius:0 0 28px 28px;bottom:20px}.modal-backdrop{align-items:center}.share-modal{border-radius:24px;max-width:500px}}.load-more{color:#155f91;background:#fff;border:1px solid #cbdce8;border-radius:13px;width:100%;height:48px;margin-top:14px;font-size:12px;font-weight:800}.load-more small{color:#8293a0;margin-left:4px;font-weight:500}.share-send-actions{grid-template-columns:1fr;gap:8px;display:grid}.share-send-actions.two{grid-template-columns:1fr 1fr}.share-send-actions .kakao-button,.share-send-actions .sms-button{border:0;border-radius:13px;width:100%;height:50px;font-size:12px;font-weight:800}.sms-button{color:#fff;background:#1676b7}.total-formula{color:#a9c1d5;margin:10px 0 0;font-size:9px}.hero:after{pointer-events:none}.hero-badge{color:#fff;z-index:1;position:relative}.stats{grid-template-columns:repeat(4,1fr);padding-left:4px;padding-right:4px}.stats button{column-gap:5px;padding-left:2px;padding-right:2px}.stats strong{font-size:18px}.stats small{font-size:9px}.stat-dot.canceled{background:#d65555}.state-box{background:#f0f6fa;border-radius:14px;margin-top:16px;padding:14px}.state-box h4{margin:0 0 10px;font-size:12px}.state-box h4 small{float:right;color:#758998;font-weight:500}.state-actions{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.state-actions button{color:#28516e;background:#fff;border:1px solid #c6d8e4;border-radius:9px;height:38px;font-size:11px;font-weight:700}.state-actions button.current{color:#7b8c98;background:#dce7ee;border-color:#dce7ee}.state-actions button.cancel:not(:disabled){color:#b74646;background:#fff0f0;border-color:#efcaca}.state-actions button:disabled{cursor:default;opacity:.7}.top-actions{align-items:center;gap:7px;display:flex}.notify-button{color:#fff;background:#ffffff10;border:1px solid #ffffff30;border-radius:10px;width:36px;height:36px;position:relative}.notify-button b{color:#fff;border:2px solid var(--navy);background:#ef4b4b;border-radius:20px;place-items:center;min-width:20px;height:20px;padding:0 4px;font-size:9px;display:grid;position:absolute;top:-7px;right:-6px}.complete-button{color:#fff;background:#27805c;border:0;border-radius:9px;width:100%;height:40px;margin-top:8px;font-size:12px;font-weight:700}.apply-button:disabled,.complete-button:disabled{opacity:.55}.bottom-nav button{position:relative}.nav-badge{color:#fff;background:#ef4b4b;border:2px solid #fff;border-radius:20px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:6px;left:calc(50% + 8px)}.order-menu{z-index:9;border:1px solid var(--line);background:#fff;border-radius:18px 18px 0 0;gap:8px;width:min(484px,100% - 36px);padding:16px;display:grid;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 -12px 35px #0a274426}.order-menu>strong{margin-bottom:2px;font-size:13px}.order-menu button{height:48px;color:var(--ink);background:#f7fafc;border:1px solid #dce5ec;border-radius:12px;justify-content:space-between;align-items:center;padding:0 14px;font-size:12px;display:flex}.order-menu button b{color:#176b9f;font-size:11px}@media (min-width:521px){.order-menu{bottom:90px}}.hub-back-button{color:#fff;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff38;border-radius:11px;justify-content:center;align-items:center;gap:4px;min-width:58px;height:38px;padding:0 9px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.topbar{gap:9px}.topbar .panorama-header-logo{object-fit:contain;min-width:0;max-width:150px}.top-actions{flex-shrink:0}@media (max-width:380px){.hub-back-button span{display:none}.hub-back-button{width:38px;min-width:38px;padding:0}.topbar .panorama-header-logo{max-width:125px}}.bottom-nav button{gap:5px;font-size:12px;font-weight:700}.bottom-nav button span{font-size:23px;line-height:1}.bottom-nav button.notification-on{color:#13875f;background:linear-gradient(#0000,#e2f7ee);font-weight:900}.bottom-nav button.notification-on span,.notify-button.on{color:#65e0ad;text-shadow:0 0 10px #38d69a}.refresh-button{min-height:34px;background:#e5f2fa!important;border-radius:10px!important;padding:0 11px!important;font-size:11px!important}.pull-refresh{color:#347397;background:#dcecf6;place-items:center;font-size:11px;font-weight:800;transition:height .18s;display:grid;overflow:hidden}.pull-refresh.ready{color:#13875f;background:#dff6ec}@media (max-width:520px){.login-card input,.search input,.controls select,.invoice-fields input,.invoice-fields select{font-size:16px}}.panorama-header-logo{content:url(/PANORAMA_logo_header_v2.png?v=2);object-fit:contain;object-position:left center;width:min(210px,48vw);height:34px;display:block}.login-card .remember-id{color:#d2dee7;align-items:center;gap:8px;min-height:30px;font-size:12px;display:flex}.login-card .remember-id input{accent-color:#58a7d8;width:18px;height:18px;margin:0;padding:0;display:inline-block}.kakao-browser-note{z-index:60;top:max(10px, env(safe-area-inset-top));color:#443b14;background:#fff7c8;border:1px solid #f2d657;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:min(490px,100% - 24px);padding:12px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}.kakao-browser-note div{gap:2px;display:grid}.kakao-browser-note strong{font-size:12px}.kakao-browser-note span{font-size:9px;line-height:1.35}.kakao-browser-note button{color:#fff;background:#142b43;border:0;border-radius:9px;flex:none;min-height:38px;padding:0 11px;font-size:10px;font-weight:800}.notification-guide{z-index:50;pointer-events:none;background:#07192d99;max-width:520px;margin:0 auto;position:fixed;inset:0}.guide-card{right:14px;bottom:calc(126px + env(safe-area-inset-bottom));color:#132b42;pointer-events:auto;background:#fff;border-radius:18px;width:min(330px,100% - 28px);padding:18px;position:absolute;box-shadow:0 16px 45px #0005}.guide-card strong{font-size:17px}.guide-card p{color:#607386;margin:8px 0 14px;font-size:12px;line-height:1.55}.guide-card>button{color:#fff;background:#1679b8;border:0;border-radius:11px;min-height:42px;padding:0 14px;font-size:12px;font-weight:800}.guide-card .guide-close{color:#647789;background:#edf2f5;margin-left:6px}.guide-arrow{right:48px;bottom:calc(78px + env(safe-area-inset-bottom));color:#fff;font-size:42px;font-weight:900;animation:.8s ease-in-out infinite alternate guideBounce;position:absolute}.guide-ring{right:12px;bottom:calc(7px + env(safe-area-inset-bottom));border:3px solid #55e2ac;border-radius:18px;width:calc(25% - 5px);height:62px;position:absolute;box-shadow:0 0 0 5px #55e2ac38,0 0 24px #55e2ac}@keyframes guideBounce{to{transform:translateY(7px)}}.order-card.new-order{background:#fffdf5;border:2px solid #f2b62e;animation:1.25s ease-in-out 3 newOrderGlow;box-shadow:0 0 0 4px #ffd96a35,0 10px 28px #d69b1730}.order-card.new-order .card-summary{background:linear-gradient(135deg,#fffdf5,#fff8dc)}.new-order-badge{color:#392600;letter-spacing:-.1px;background:#f5b927;border-radius:999px;flex:none;padding:4px 8px;font-size:9px;font-weight:900}.new-order-badge~.date{margin-left:auto}@keyframes newOrderGlow{50%{border-color:#ffdf65;transform:translateY(-2px);box-shadow:0 0 0 7px #ffcf3d42,0 12px 32px #d99f2238}}