@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&family=Rubik:wght@400;500;600;700;800&display=swap";:root{--bg-1: #f6f7fb;--bg-2: #eef2f9;--ink: #121a2f;--muted: #5d6b85;--line: #d6dff0;--primary: #2563eb;--primary-2: #06b6d4;--danger: #ef4444;--card: rgba(255, 255, 255, .88);--font-ui: "Google Sans", "Google Sans Text", "Be Vietnam Pro", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-num: "Rubik", "SF Pro Display", "Avenir Next", "Inter", ui-sans-serif, sans-serif;font-family:var(--font-ui)}@property --access-border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}html{scrollbar-gutter:stable;min-height:100%;height:100%;overflow:hidden;overscroll-behavior:none}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#8fb9ff #e9eef8;-webkit-tap-highlight-color:transparent}button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important;box-shadow:none!important}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#e9eef8;border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6ea8ff,#3b82f6);border:2px solid #e9eef8;border-radius:999px}body{height:100%;min-height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none;color:var(--ink);font-family:var(--font-ui);background:radial-gradient(1200px 680px at -8% -18%,rgba(191,219,254,.75) 0%,transparent 62%),radial-gradient(980px 760px at 112% 4%,rgba(167,243,208,.58) 0%,transparent 64%),radial-gradient(900px 560px at 50% 112%,rgba(224,231,255,.72) 0%,transparent 70%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);background-repeat:no-repeat}#root{height:100%;min-height:100dvh;overflow:hidden}button,input,textarea,select{font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}button,[role=button],a,input[type=button],input[type=submit],input[type=reset]{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent}.page-shell{display:flex;justify-content:center;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;padding:10px 0 0}.app-shell{width:100%;max-width:460px;display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-left:8px;padding-right:8px;scrollbar-gutter:auto}.hero{display:flex;gap:10px;align-items:center;padding:12px;border-radius:16px;color:#fff;background:radial-gradient(640px 180px at -18% -110%,rgba(255,255,255,.34),transparent 60%),radial-gradient(760px 280px at 108% 120%,rgba(34,211,238,.34),transparent 64%),radial-gradient(360px 150px at 54% 6%,rgba(125,211,252,.24),transparent 72%),linear-gradient(116deg,#1e40af,#1d4ed8 36%,#2563eb 62%,#0ea5e9);box-shadow:0 16px 34px #1e40af4d,inset 0 1px #fff3}.hero-logo{width:44px;height:44px;object-fit:contain;border-radius:8px;padding:2px;background:#fff}.hero-logo-btn{border:0;padding:0;border-radius:12px;background:transparent;cursor:pointer;transition:transform .16s ease,filter .2s ease}.hero-logo-btn:hover{filter:drop-shadow(0 8px 14px rgba(255,255,255,.35))}.hero-logo-btn:active{transform:translateY(1px) scale(.98)}.hero-team{font-weight:600;margin-bottom:2px;font-size:.95rem}.hero h1{margin:0;font-size:clamp(1.45rem,7vw,2.2rem);line-height:1.2}.access-shell{position:relative;min-height:100dvh;display:grid;place-items:center;overflow:hidden;background:radial-gradient(1100px 680px at -10% -20%,rgba(96,165,250,.64),transparent 64%),radial-gradient(1000px 640px at 112% 18%,rgba(56,189,248,.58),transparent 68%),radial-gradient(820px 520px at 50% 120%,rgba(103,232,249,.46),transparent 72%),linear-gradient(135deg,#2f5ea8,#4477c7 42%,#2f93d4 74%,#37b4d2)}.access-shell:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;border-radius:999px;background:conic-gradient(from 0deg,#bfdbfe57,#bae6fd52,#67e8f94d,#93c5fd54,#7dd3fc4f,#bae6fd52,#bfdbfe57);filter:blur(80px);opacity:.48;pointer-events:none;animation:accessBackgroundRainbow 20s linear infinite}.access-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 50% 38%,black 22%,transparent 85%);mask-image:radial-gradient(circle at 50% 38%,black 22%,transparent 85%);opacity:.42;animation:accessGridMove 12s linear infinite}.access-beam{position:absolute;width:54vw;max-width:560px;height:170vh;top:-35vh;filter:blur(3px);opacity:.36;transform-origin:50% 50%}.access-beam-a{left:-20vw;background:linear-gradient(180deg,#bfdbfea8,#bfdbfe00);animation:accessBeamDriftLeft 8.4s ease-in-out infinite}.access-beam-b{right:-18vw;background:linear-gradient(180deg,#7dd3fc94,#7dd3fc00);animation:accessBeamDriftRight 9.2s ease-in-out infinite}.access-aurora{position:absolute;border-radius:999px;filter:blur(24px);opacity:.72;animation:accessAuroraFloat 9s ease-in-out infinite}.access-aurora-a{width:320px;height:320px;top:-90px;left:-64px;background:radial-gradient(circle,rgba(191,219,254,.86),rgba(59,130,246,.16) 66%,transparent)}.access-aurora-b{width:280px;height:280px;right:-72px;top:20%;animation-delay:-2.6s;background:radial-gradient(circle,rgba(167,243,208,.84),rgba(13,148,136,.18) 66%,transparent)}.access-aurora-c{width:420px;height:420px;bottom:-180px;left:50%;transform:translate(-50%);animation-delay:-4.2s;background:radial-gradient(circle,rgba(186,230,253,.74),rgba(37,99,235,.18) 64%,transparent)}.access-center{position:relative;z-index:1;width:min(460px,100%);padding:18px}.access-card{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(186,230,253,.62);padding:26px 20px 22px;background:radial-gradient(520px 220px at 50% -62%,rgba(255,255,255,.5),transparent 72%),linear-gradient(180deg,#ffffff42,#ffffff24);box-shadow:0 30px 72px #1e40af57,0 14px 30px #38bdf838,inset 0 1px #ffffff9e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:accessCardFloat 4.4s ease-in-out infinite;isolation:isolate}.access-card:before{content:none}.access-card:after{content:none}.access-card>*{position:relative;z-index:4}.access-card.is-shaking{animation:accessShake .36s ease}.access-logo-wrap{position:relative;width:152px;height:152px;margin:0 auto 14px;display:grid;place-items:center}.access-logo-ring{position:absolute;top:-16px;right:-16px;bottom:-16px;left:-16px;border-radius:999px;background:conic-gradient(from 30deg,#22d3ee,#3b82f6,#6366f1,#14b8a6,#22d3ee);opacity:.92;filter:drop-shadow(0 16px 24px rgba(37,99,235,.38));animation:accessSpin 7.2s linear infinite}.access-logo-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:inherit;background:#204e967a}.access-logo{position:relative;z-index:1;width:124px;height:124px;object-fit:contain;border-radius:22px;padding:10px;background:#fffffffa;box-shadow:0 14px 26px #1e40af3d,inset 0 1px #fffffff0;animation:accessPulse 2.4s ease-in-out infinite}.access-spark{position:absolute;width:11px;height:11px;border-radius:999px;background:#fff;box-shadow:0 0 16px #fffffff0;animation:accessSparkle 2.2s ease-in-out infinite}.access-spark-1{top:16px;right:16px}.access-spark-2{bottom:22px;left:8px;width:9px;height:9px;animation-delay:-.6s}.access-spark-3{top:52px;left:-6px;width:8px;height:8px;animation-delay:-1.1s}.access-copy{margin-top:25px;text-align:center;margin-bottom:16px}.access-title-main{margin:0 0 6px;color:transparent;font-size:clamp(1.78rem,7.4vw,2.35rem);font-weight:900;line-height:1.05;letter-spacing:.01em;background:linear-gradient(112deg,#f8fdff 8%,#e2ecff 30%,#93c5fd 44%,#60a5fa 62%,#a5bdf9 82%,#f8fdff 96%);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.2px rgba(30,64,175,.28);text-shadow:0 1px 0 rgba(255,255,255,.34),0 2px 10px rgba(30,64,175,.32),0 10px 18px rgba(30,64,175,.26);animation:accessTitleShine 2.6s ease-in-out infinite}.access-title-sub{position:relative;display:block;margin:0 0 10px;padding:0;font-size:clamp(1.02rem,4.6vw,1.26rem);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:transparent;background:linear-gradient(118deg,#f8fafc 12%,#e0f2fe 36%,#bae6fd 58%,#f8fafc 90%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:.34px rgba(30,64,175,.32);text-shadow:0 0 6px rgba(224,242,254,.42),0 0 14px rgba(125,211,252,.36),0 6px 14px rgba(30,64,175,.28);filter:saturate(1.05);animation:accessSubGlow 2.4s ease-in-out infinite,accessSubShine 4.4s linear infinite}.access-hint{margin:0;color:#eff6fffa;font-size:.94rem;font-weight:700;text-shadow:0 2px 8px rgba(30,64,175,.34)}.access-form{display:flex;flex-direction:column;gap:10px}.access-form .access-input{margin:0;height:54px;border-radius:14px;border:1px solid rgba(147,197,253,.74);background:radial-gradient(220px 86px at 8% -44%,rgba(125,211,252,.2),transparent 72%),radial-gradient(200px 88px at 100% 140%,rgba(147,197,253,.16),transparent 70%),linear-gradient(180deg,#3b82f657,#2563eb42);color:#f8fbff;font-size:1rem;font-weight:800;text-align:center;letter-spacing:.04em;box-shadow:0 12px 20px #1e40af47,inset 0 1px #bfdbfe75,inset 0 -1px #1e40af42,inset 0 0 26px #7dd3fc29;backdrop-filter:blur(12px) saturate(1.18);-webkit-backdrop-filter:blur(12px) saturate(1.18);-webkit-text-fill-color:#f8fbff;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.access-form .access-input:focus,.access-form .access-input:focus-visible{border-color:#7dd3fceb;background:radial-gradient(220px 86px at 8% -44%,rgba(125,211,252,.34),transparent 72%),radial-gradient(200px 88px at 100% 140%,rgba(147,197,253,.24),transparent 70%),linear-gradient(180deg,#ffffff57,#dbeafe3d);box-shadow:0 0 0 2px #7dd3fc61,0 14px 24px #1e40af47,inset 0 1px #ffffff8f,inset 0 -1px #60a5fa57,inset 0 0 30px #7dd3fc33!important;transform:translateY(-1px)}.access-form .access-input::placeholder{color:#eff6ffeb;letter-spacing:.03em;font-weight:700;text-shadow:0 1px 4px rgba(30,64,175,.36)}.access-form .access-input:-webkit-autofill,.access-form .access-input:-webkit-autofill:hover,.access-form .access-input:-webkit-autofill:focus{-webkit-text-fill-color:#f0f9ff;-webkit-box-shadow:0 0 0 1000px rgba(224,242,254,.34) inset,0 12px 20px rgba(30,64,175,.2),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 rgba(59,130,246,.24),inset 0 0 26px rgba(125,211,252,.14);transition:background-color 9999s ease-out 0s}.access-submit{position:relative;isolation:isolate;overflow:hidden;height:52px;border-radius:14px;border:1px solid rgba(147,197,253,.72);font-weight:900;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#eff6ff;background:radial-gradient(160% 220% at 0% -60%,rgba(191,219,254,.56) 0%,transparent 42%),linear-gradient(135deg,#1d4ed8,#2563eb 46%,#0284c7);box-shadow:0 8px 18px #02061733,0 0 0 1px #1e40af24;transition:transform .16s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease;will-change:transform,box-shadow}.access-submit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;clip-path:inset(0 round 14px);-webkit-clip-path:inset(0 round 14px);-webkit-mask-image:-webkit-radial-gradient(white,black);background:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.96) 48%,rgba(186,230,253,.92) 58%,transparent 86%);opacity:.55;transform:translate(-65%);animation:accessSubmitFlow 5.4s ease-in-out infinite;pointer-events:none;mix-blend-mode:normal;will-change:transform,opacity}.access-submit.btn-primary{background:radial-gradient(160% 220% at 0% -60%,rgba(191,219,254,.56) 0%,transparent 42%),linear-gradient(135deg,#1d4ed8,#2563eb 46%,#0284c7);color:#eff6ff;border-color:#93c5fdb8}.access-submit span{position:relative;z-index:2;display:inline-block;color:#f8fbff;letter-spacing:.09em;text-shadow:0 1px 0 rgba(2,6,23,.22),0 3px 10px rgba(2,6,23,.28)}.access-submit:hover{transform:translateY(-2px);filter:brightness(1.05);border-color:#bfdbfef0;box-shadow:0 10px 22px #0206173d,0 0 0 1px #bfdbfe38}.access-submit:hover:before{opacity:.72;animation-duration:4.2s}.access-submit:hover span{letter-spacing:.1em}.access-submit:focus-visible{outline:none;box-shadow:0 0 0 3px #7dd3fc6b,0 10px 22px #02061738}.access-submit:active{transform:translateY(1px);filter:brightness(.97)}.access-submit:disabled,.access-input:disabled{cursor:not-allowed;opacity:.88}.access-error{margin:12px 0 0;padding:9px 12px;border-radius:12px;text-align:center;font-size:.9rem;font-weight:600;line-height:1.35;letter-spacing:.01em;border:1px solid transparent;background:linear-gradient(180deg,#e0f2fe2e,#bfdbfe1f);box-shadow:inset 0 1px #ffffff52,0 8px 20px #1e40af3d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:accessMessagePulse 2.2s ease-in-out infinite}.access-error.is-notice{color:#f8fbff;border-color:#93c5fd99;background:radial-gradient(180px 72px at 50% -30%,rgba(191,219,254,.34),transparent 72%),linear-gradient(180deg,#3b82f64d,#2563eb38);text-shadow:0 0 8px rgba(224,242,254,.34),0 2px 10px rgba(30,64,175,.34)}.access-error.is-danger{color:#fff7f8;border-color:#fb7185b3;background:radial-gradient(220px 96px at 50% -36%,rgba(251,113,133,.34),transparent 72%),linear-gradient(180deg,#be185d47,#7f1d1d4d);box-shadow:inset 0 1px #ffe4e680,0 8px 20px #7f1d1d4d;text-shadow:0 0 8px rgba(255,228,230,.36),0 2px 10px rgba(76,5,25,.38)}@keyframes accessSpin{to{transform:rotate(360deg)}}@keyframes accessPulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.015)}}@keyframes accessSparkle{0%,to{opacity:.35;transform:scale(.75)}50%{opacity:1;transform:scale(1.15)}}@keyframes accessAuroraFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-18px,0)}}@keyframes accessShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(3px)}}@keyframes accessCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes accessCardBorderRun{to{transform:rotate(1turn)}}@keyframes accessCardLightRun{to{transform:rotate(1turn)}}@keyframes accessTitleShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes accessSubGlow{0%,to{opacity:.92;transform:translateY(0) scale(1);filter:blur(.15px)}50%{opacity:1;transform:translateY(-1px) scale(1.012);filter:blur(.45px)}}@keyframes accessSubShine{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes accessSubSweep{0%,20%{transform:translate(0) skew(-20deg);opacity:0}45%{opacity:.95}70%,to{transform:translate(320%) skew(-20deg);opacity:0}}@keyframes accessGridMove{0%{transform:translateY(0)}to{transform:translateY(34px)}}@keyframes accessButtonTextShine{0%,to{background-position:0% 50%;filter:brightness(1)}50%{background-position:100% 50%;filter:brightness(1.03)}}@keyframes accessMessagePulse{0%,to{transform:translateY(0);filter:saturate(1)}50%{transform:translateY(-1px);filter:saturate(1.1)}}@keyframes accessButtonHaloSpin{to{transform:rotate(1turn)}}@keyframes accessButtonBorderSpin{to{--access-border-angle: 1turn}}@keyframes accessButtonLineSweep{0%,20%{transform:translate(-120%);opacity:0}35%{opacity:.9}70%{transform:translate(120%);opacity:.9}to{transform:translate(120%);opacity:0}}@keyframes accessBackgroundRainbow{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.06)}to{transform:rotate(360deg) scale(1)}}@keyframes accessBeamDriftLeft{0%,to{transform:rotate(-16deg) translateY(0);opacity:.3}50%{transform:rotate(-20deg) translateY(14px);opacity:.52}}@keyframes accessBeamDriftRight{0%,to{transform:rotate(14deg) translateY(0);opacity:.28}50%{transform:rotate(18deg) translateY(16px);opacity:.48}}@keyframes accessButtonFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes accessButtonBreath{0%,to{box-shadow:0 14px 26px #0f172a38,0 0 12px #93c5fd38,inset 0 1px #ffffffeb}50%{box-shadow:0 18px 30px #0f172a40,0 0 18px #bae6fd52,inset 0 1px #fffffff5}}@keyframes accessButtonSheen{0%,40%{transform:translate(-130%);opacity:0}54%{opacity:1}74%{transform:translate(130%);opacity:.9}to{transform:translate(130%);opacity:0}}@keyframes accessSubmitFlow{0%{transform:translate(-65%)}50%{transform:translate(65%)}to{transform:translate(-65%)}}.panel{background:var(--card);border-radius:16px;padding:12px;border:1px solid rgba(255,255,255,.85);box-shadow:0 16px 34px #0f172a17,inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-panel{padding-bottom:10px}.controls-top-row{display:flex;gap:8px;margin-bottom:8px}.price-picker{position:relative}.price-picker-btn{width:100%;height:40px;border:1px solid #bfd2ef;background:linear-gradient(180deg,#fff,#f5f9ff);color:#102a4e;border-radius:11px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;min-width:0;box-shadow:0 4px 10px #1d4ed814}.price-picker-btn span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon{width:14px;height:14px;display:inline-block;color:currentColor;transition:transform .18s ease;transform-origin:50% 50%}.chevron-icon.up{transform:rotate(180deg)}.price-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #d8e4f8;box-shadow:0 16px 30px #1e40af2e;border-radius:12px;overflow:hidden;z-index:14}.price-item{width:100%;text-align:left;border:0;border-bottom:1px solid #eef3fc;background:#fff;padding:10px 12px;font-size:14px;font-weight:600;color:#1f2937}.price-item:last-child{border-bottom:0}.price-item.active{color:#1d4ed8;background:#eff6ff}.sticky-search-launcher{position:sticky;top:8px;z-index:13}.search-launch-btn{position:relative;overflow:hidden;width:100%;height:56px;border:1px solid transparent;border-radius:16px;padding:0 10px 0 8px;text-align:left;color:#13213a;background:radial-gradient(240px 120px at 100% -40%,rgba(147,197,253,.25),transparent 70%),linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 12px 24px #0f172a1c,inset 0 1px #fffffff0;display:flex;align-items:center;justify-content:space-between;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;isolation:isolate}.search-launch-btn:before{content:"";position:absolute;top:-120%;right:-120%;bottom:-120%;left:-120%;background:conic-gradient(from 0deg,#22d3ee,#3b82f6,#6366f1,#0ea5e9,#14b8a6,#22d3ee 360deg);filter:saturate(1.05);opacity:.9;z-index:0;animation:searchRingSpin 8.5s ease-in-out infinite}.search-launch-btn:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:15px;background:linear-gradient(120deg,#fffffff2,#f3f8ffed);z-index:1}.search-launch-btn>*{position:relative;z-index:2}.search-launch-btn:hover{box-shadow:0 16px 28px #2563eb33,inset 0 1px #fffffff0}.search-launch-btn:active{transform:translateY(1px) scale(.995)}.search-launch-left{display:inline-flex;align-items:center;gap:10px;min-width:0}.search-launch-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;background:linear-gradient(130deg,#2563eb,#06b6d4 52%,#14b8a6);box-shadow:0 10px 18px #2563eb54;flex-shrink:0;animation:searchPulse 2.4s ease-in-out infinite}.search-launch-icon-svg{width:22px;height:22px;display:block}.search-launch-label{font-weight:800;font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-launch-arrow{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:#1e40af;background:linear-gradient(180deg,#f2f7ff,#eaf2ff);border:1px solid #bfd4fb;opacity:.98;flex-shrink:0;animation:searchArrowFloat 2.2s ease-in-out infinite;line-height:1}@keyframes searchRingSpin{0%{transform:rotate(0)}84%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes searchPulse{0%,to{box-shadow:0 10px 18px #2563eb47}50%{box-shadow:0 12px 22px #06b6d466}}@keyframes searchArrowFloat{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@media(prefers-reduced-motion:reduce){.search-launch-btn:before,.search-launch-icon,.search-launch-arrow,.summary .total,.summary-collapsed-total{animation:none!important}}.controls-quick-actions{display:flex;gap:8px}.controls-quick-actions>*{flex:1 1 0}.row-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.row-title h2{margin:0;font-size:1.02rem}.count-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid #bfd3f7;background:radial-gradient(120px 38px at 12% -40%,rgba(147,197,253,.32),transparent 72%),linear-gradient(180deg,#fff,#f2f7ff);color:#23416c;font-size:.84rem;font-weight:600;letter-spacing:.01em;font-family:var(--font-num);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;box-shadow:0 8px 14px #0f172a14,inset 0 1px #ffffffe0}.label{display:block;font-size:.86rem;font-weight:600;margin-bottom:6px}.input{width:100%;height:42px;margin-bottom:10px;border:1px solid #c7d3e5;border-radius:11px;font-size:16px;padding:0 12px;background:#fff}.input-lg{height:48px;font-weight:600}.textarea{height:auto;min-height:76px;resize:vertical;padding:10px 12px}.btn{height:40px;border:none;border-radius:10px;font-size:15px;font-weight:700;min-width:0;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn:active{transform:translateY(1px)}.btn-ghost{border:1px solid #d4def0;background:#f8fbff;color:#243b67}.small-btn{padding:0 10px;font-size:.86rem}.btn-primary{background:var(--primary);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:#fff;border:1px solid #9fb5d8;color:#2b405f}.mini{height:34px;font-size:14px}.mini-action{height:38px;font-size:.86rem}.controls-quick-actions .mini-action{border-radius:12px;border:1px solid #bdd0ef;font-weight:800;letter-spacing:.005em;box-shadow:0 8px 14px #0f172a14,inset 0 1px #ffffffd1}.controls-quick-actions .mini-action.btn-outline{color:#214170;background:radial-gradient(170px 56px at 10% -30%,rgba(147,197,253,.32),transparent 70%),linear-gradient(180deg,#fff,#f2f7ff)}.controls-quick-actions .mini-action.btn-danger{color:#fff;border-color:#ef4444;background:radial-gradient(180px 60px at 12% -40%,rgba(251,113,133,.32),transparent 70%),linear-gradient(130deg,#dc2626,#ef4444 60%,#fb7185);box-shadow:0 10px 16px #ef444438,inset 0 1px #ffffff40}.empty{background:#fff;border-radius:12px;padding:12px;color:#6b7280;text-align:center}.selected-panel{background:linear-gradient(180deg,#fffffff0,#f7fbfff0)}.summary-new-full-btn{width:100%;justify-content:center}.selected-new-order-row{margin-bottom:18px}.selected-list{display:flex;flex-direction:column;gap:16px}.product-stack{display:flex;flex-direction:column;gap:8px}.product-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:linear-gradient(180deg,#ffffffb8,#ffffffb8),radial-gradient(190px 120px at -4% 46%,var(--tone-1, #e2e8ff),transparent 72%),linear-gradient(160deg,#ffffff,var(--tone-2, #f7faff) 88%);border-radius:16px;box-shadow:0 10px 24px #0f172a14;border:1px solid #dbe6fb;padding:10px 10px 9px;position:relative;overflow:hidden;isolation:isolate}.product-top-row{display:flex;align-items:center;gap:10px;width:100%}.lift-card{transition:box-shadow .22s ease,border-color .22s ease}.lift-card:hover{box-shadow:0 14px 30px #2563eb24;border-color:#c7d8f8}.product-image{width:76px;height:76px;object-fit:contain;border-radius:10px;border:1px solid #edf0f5;background:#fff;position:relative;z-index:1}.product-media{width:78px;height:78px;border-radius:12px;background:#ffffffc2;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0f172a14}.product-main{flex:1 1 0;min-width:0}.product-head{min-width:0}.product-main h3{margin:0 0 5px;font-size:1.1rem;font-weight:800;line-height:1.2;letter-spacing:.01em;color:#0f1e38;text-shadow:0 1px 0 rgba(255,255,255,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta-line{display:flex;align-items:center;gap:7px;margin-top:2px;min-width:0}.meta-label{font-size:.78rem;font-weight:800;letter-spacing:.06em;color:#64748b;line-height:1.2;flex-shrink:0}.meta-value{font-size:1.08rem;line-height:1.2;font-weight:500;color:#334b72;text-shadow:0 1px 0 rgba(255,255,255,.32);font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{margin:0;color:#0f172a;font-weight:800;font-size:clamp(1.08rem,5.2vw,1.36rem);line-height:1.2;word-break:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.65),0 8px 18px rgba(15,23,42,.14)}.product-price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d8e4f8;border-radius:12px;background:radial-gradient(180px 70px at 8% -50%,rgba(196,181,253,.36),transparent 70%),linear-gradient(180deg,#fff,#f7fbff);padding:8px 10px;flex:1 1 100%}.product-qty-row{display:flex;gap:8px;align-items:center;width:100%}.qty-group{display:flex;gap:0;margin-bottom:8px;width:100%;flex:1 1 auto}.qty-group.compact{margin-bottom:0}.qty-group button,.qty-group input{height:38px;border:1px solid #9ca3af}.qty-group button{width:38px;flex:0 0 38px}.qty-group input{flex:1 1 auto;min-width:0}.qty-group button{background:#fff;font-size:1.3rem;line-height:1}.qty-group input{text-align:center;border-left:0;border-right:0;border-radius:0;font-size:16px;font-family:"Rubik",var(--font-num)}.qty-group input,.product-qty-row .qty-group.themed button{font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.qty-group.compact button,.qty-group.compact input{height:38px}.qty-group.themed{border:1px solid #b8cdf7;border-radius:13px;overflow:hidden;background:radial-gradient(240px 90px at 50% -70%,rgba(147,197,253,.35),transparent 70%),linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 8px 18px #2563eb1a,inset 0 1px #ffffffe6}.product-qty-row .qty-group.themed button,.product-qty-row .qty-group.themed input{border:0}.product-qty-row .qty-group.themed button{background:linear-gradient(180deg,#f3f8ff,#e7f0ff);color:#17418f;font-weight:800;font-size:1.28rem;transition:background .15s ease,transform .12s ease}.product-qty-row .qty-group.themed input{background:linear-gradient(180deg,#fff,#fbfdff);color:#0f172a;font-weight:700;font-size:1.2rem;letter-spacing:.01em;-moz-appearance:textfield}.product-qty-row .qty-group.themed input::-webkit-outer-spin-button,.product-qty-row .qty-group.themed input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.product-qty-row .qty-group.themed button:first-child,.product-qty-row .qty-group.themed button:last-child{border-left:1px solid #d4dff1;border-right:1px solid #d4dff1}.product-qty-row .qty-group.themed button:hover{background:linear-gradient(180deg,#e8f1ff,#dbe9ff)}.product-qty-row .qty-group.themed button:active{transform:translateY(1px)}.action-chip{height:38px;border-radius:12px;padding:0 13px;font-size:.86rem;font-weight:800;white-space:nowrap;border:1px solid transparent;min-width:100px;text-align:center}.action-primary{color:#fff;border-color:#3b82f6;background:linear-gradient(130deg,#2563eb,#3b82f6 56%,#22c1dc);box-shadow:0 6px 12px #2563eb33}.action-danger{min-width:0;padding:0 10px;color:#9d5a67;border:1px solid #e8bcc4;background:linear-gradient(180deg,#fff9fa,#fff6f8);box-shadow:0 2px 6px #94a3b824,inset 0 1px #ffffffd9}.action-danger:hover{color:#8f4c5a;border-color:#dca9b2;background:linear-gradient(180deg,#fff6f8,#fff1f4);box-shadow:0 3px 8px #94a3b82e,inset 0 1px #ffffffe6}.action-placeholder{visibility:hidden;pointer-events:none}.action-chip:active{transform:translateY(1px)}.retail-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:linear-gradient(180deg,#ffffffb3,#ffffffb3),radial-gradient(190px 78px at -6% 50%,var(--tone-1, #dfe9ff),transparent 72%),linear-gradient(160deg,#ffffff,var(--tone-2, #f7faff) 88%);border:1px solid #d5e2f8;border-radius:14px;padding:8px 9px}.retail-row-inline{margin-top:-2px;border-radius:16px;border:1px solid #d2e0f8;background:linear-gradient(180deg,#ffffffb8,#ffffffb8),radial-gradient(220px 90px at -8% 46%,var(--tone-1, #dce8ff),transparent 72%),linear-gradient(164deg,#ffffff,var(--tone-2, #f7faff) 90%);box-shadow:0 11px 20px #0f172a14,inset 0 1px #ffffffe6}.retail-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.retail-inline-main{display:flex;align-items:center;gap:9px;min-width:0;flex:1 1 auto}.retail-inline-top{width:100%}.retail-product-inline{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0}.retail-inline-bottom{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #d8e4f8;border-radius:12px;background:radial-gradient(180px 70px at 8% -50%,rgba(196,181,253,.18),transparent 70%),linear-gradient(180deg,#fff,#f7fbff);margin-top:8px;padding:8px 10px;flex-wrap:nowrap}.retail-inline-media{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffffd6;border:1px solid #dbe6fa;box-shadow:0 7px 14px #0f172a1f,inset 0 1px #ffffffeb;flex-shrink:0}.retail-inline-image{width:48px;height:48px;object-fit:contain;border-radius:8px}.retail-inline-content{min-width:0;display:flex;flex-direction:column;gap:4px}.retail-inline-title{margin:0;color:#12223f;font-size:.96rem;font-weight:800;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retail-inline-meta{color:#2d476f;font-size:.84rem;font-weight:700;line-height:1.16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retail-inline-side{flex-shrink:0;min-width:120px;gap:7px}.retail-inline-price{margin:0;font-size:clamp(1.08rem,5.2vw,1.36rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retail-inline-remove{min-width:100px;height:38px;font-size:.86rem;flex-shrink:0}.extra-row-inline{border-color:#d7dee8;background:radial-gradient(220px 90px at -8% 46%,rgba(199,210,223,.34),transparent 72%),linear-gradient(164deg,#fff,#f7f9fc 90%)}.extra-inline-main{align-items:center}.extra-inline-badge{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #cfd9e6;background:radial-gradient(140px 44px at 10% -48%,rgba(148,163,184,.24),transparent 72%),linear-gradient(180deg,#fff,#f4f7fb);box-shadow:0 8px 14px #4755691f,inset 0 1px #ffffffe6;flex-shrink:0}.extra-inline-icon{width:40px;height:40px;display:block;filter:drop-shadow(0 3px 7px rgba(37,99,235,.18))}.summary-footer{position:sticky;left:auto;transform:none;bottom:0;width:100%;border-radius:20px;background:radial-gradient(220px 60px at 8% -30%,rgba(186,230,253,.45),transparent 65%),#fffffff7;border:1.5px solid rgba(130,162,214,.9);box-shadow:0 16px 34px #11182738,inset 0 1px #fffc;padding:14px 12px calc(10px + env(safe-area-inset-bottom));z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:auto}.summary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}.summary-price-picker{position:relative}.summary-toggle{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:0 1px;margin-bottom:12px;font-size:1rem;font-weight:800;color:#1e2d44}.summary-toggle-action{display:inline-flex;align-items:center;gap:3px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px;font-size:.96rem;font-weight:800}.summary-toggle-chevron{width:16px;height:16px;margin-top:1px}.summary-price-type{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:#586a86;border:1px solid #d3e1f6;border-radius:999px;padding:6px 10px;background:radial-gradient(130px 36px at 5% -50%,rgba(147,197,253,.28),transparent 70%),linear-gradient(180deg,#fff,#f1f6ff);box-shadow:0 7px 14px #0f172a14,inset 0 1px #ffffffd9;cursor:pointer;min-height:36px}.summary-price-type span{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700;color:#6c7f9d}.summary-price-type strong{font-size:.92rem;color:#1f3d67;font-weight:800}.dropdown-chevron{width:14px;height:14px;color:#38598d}.summary-price-menu{top:auto;bottom:calc(100% + 8px);left:0;right:auto;min-width:210px}.summary-invoice-btn{border:1px solid #d3e1f6;background:radial-gradient(130px 36px at 5% -50%,rgba(147,197,253,.28),transparent 70%),linear-gradient(180deg,#fff,#f1f6ff);color:#1f3d67;box-shadow:0 7px 14px #0f172a14,inset 0 1px #ffffffd9;height:36px;min-height:36px;padding:0 12px;border-radius:999px;font-size:.84rem;font-weight:800;white-space:nowrap;line-height:1}.summary-invoice-btn:hover{border-color:#c6d8f6;background:radial-gradient(130px 36px at 5% -50%,rgba(147,197,253,.34),transparent 70%),linear-gradient(180deg,#fff,#edf4ff)}.summary-invoice-btn:active{transform:translateY(1px)}.summary-new-btn{border:1px solid #f2c2c2;background:radial-gradient(130px 36px at 5% -50%,rgba(252,165,165,.22),transparent 70%),linear-gradient(180deg,#fff9f9,#fff2f2);color:#9f1239;box-shadow:0 7px 14px #7f1d1d14,inset 0 1px #ffffffd9;height:38px;min-height:38px;padding:0 12px;border-radius:20px;font-size:.88rem;font-weight:800;white-space:nowrap;line-height:1}.summary-new-btn:hover{border-color:#efb0b0;background:radial-gradient(130px 36px at 5% -50%,rgba(252,165,165,.28),transparent 70%),linear-gradient(180deg,#fff7f7,#ffeded)}.summary-new-btn:active{transform:translateY(1px)}.summary-collapsed-total{position:relative;overflow:hidden;border:1px solid #9fe7cc;border-radius:14px;background:radial-gradient(220px 90px at 8% -40%,rgba(52,211,153,.3),transparent 72%),linear-gradient(180deg,#f6fffb,#effff7 72%,#fff);padding:12px;display:flex;justify-content:space-between;align-items:center;gap:8px;box-shadow:0 12px 24px #10b9812e,inset 0 1px #ffffffe6;animation:summaryCollapsedGlow 3.2s ease-in-out infinite}.summary .total.total-pop strong,.summary-collapsed-total.total-pop strong{animation:totalPop .52s cubic-bezier(.22,1,.36,1)}.summary-collapsed-total span{font-size:.95rem;font-weight:700;color:#047857}.summary-collapsed-total strong{color:#069669;font-size:clamp(1.06rem,5vw,1.24rem);font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:.01em;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.8),0 8px 16px rgba(6,150,105,.2)}.summary{border:0;border-radius:0;margin-bottom:0;overflow:visible;display:flex;flex-direction:column;gap:8px}.summary>div{display:flex;justify-content:space-between;gap:10px;border:1px solid #e2eaf8;border-radius:14px;padding:10px 12px;align-items:baseline;background:linear-gradient(180deg,#fff,#f8fbff)}.summary .summary-row-action{width:100%;border:1px solid #d6e2f8;border-radius:14px;padding:10px 12px;background:radial-gradient(180px 64px at 8% -40%,rgba(191,219,254,.22),transparent 72%),linear-gradient(180deg,#fff,#f7fbff);display:flex;justify-content:space-between;align-items:baseline;gap:10px;text-align:left;transition:border-color .18s ease,box-shadow .2s ease,transform .14s ease}.summary .summary-row-action:hover{border-color:#bcd1f6;box-shadow:0 10px 16px #2563eb1f,inset 0 1px #ffffffeb}.summary .summary-row-action:active{transform:translateY(1px)}.summary>div strong{text-align:right;white-space:nowrap;font-size:clamp(.98rem,4.6vw,1.24rem);font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:.01em}.summary>div:not(.total) span{font-size:.8rem;font-weight:600;color:#5a6b86}.summary>div:not(.total) strong{font-size:clamp(.94rem,4vw,1.1rem);font-weight:800}.summary .summary-row-action span{font-size:.8rem;font-weight:600;color:#3e6bb0}.summary .summary-row-action strong{font-size:clamp(.94rem,4vw,1.1rem);font-weight:800;color:#1d4f9d}.summary .total{position:relative;overflow:hidden;color:#047857;font-weight:800;border-color:#8ce4bf;background:radial-gradient(240px 110px at 10% -45%,rgba(34,197,94,.3),transparent 72%),linear-gradient(180deg,#f0fdf6,#e9fbf3 74%,#fff);box-shadow:0 12px 24px #10b9812e,inset 0 1px #ffffffeb;animation:summaryExpandedGlow 3.8s ease-in-out infinite}.summary .total strong{font-size:clamp(1.08rem,5vw,1.38rem);font-weight:900;color:#059669;text-shadow:0 1px 0 rgba(255,255,255,.84),0 10px 18px rgba(5,150,105,.22)}.total-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:40}.total-confetti:before{content:"";position:absolute;left:50%;top:60%;width:34px;height:34px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(147,253,216,.25) 62%,transparent 72%);transform:translate(-50%,-50%) scale(.4);opacity:0;animation:totalCenterFlash .78s ease-out forwards}.total-confetti span{position:absolute;left:50%;top:60%;width:var(--size, 8px);height:var(--size, 8px);border-radius:2px;background:hsl(var(--hue, 180),86%,52%);box-shadow:0 0 0 1px #ffffff9e,0 0 14px hsla(var(--hue, 180),100%,60%,.46);opacity:0;transform:translate(-50%,-50%) scale(.4);animation:totalConfettiBurst 1.5s cubic-bezier(.2,.84,.18,1) forwards;animation-delay:var(--delay, 0ms)}.login-fireworks{position:fixed;top:0;bottom:0;left:50%;width:min(calc(100vw - 16px),550px);transform:translate(-50%);pointer-events:none;overflow:hidden;z-index:70}.login-fireworks span{position:absolute;left:var(--ox, 50%);top:var(--oy, 50%);width:var(--w, 8px);height:var(--h, 8px);border-radius:var(--radius, 999px);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),transparent 44%),hsl(var(--hue, 200),95%,58%);box-shadow:0 0 0 1px #ffffffc7,0 0 16px hsla(var(--hue, 200),100%,68%,.62);opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0);filter:saturate(1);animation:loginFireworkBurst var(--dur, 1.8s) cubic-bezier(.16,.84,.2,1) forwards,loginFireworkTwirl var(--spin, 1.1s) linear infinite;animation-delay:var(--delay, 0ms);transform-origin:50% 50%}@keyframes totalPop{0%{transform:scale(1)}35%{transform:scale(1.09)}to{transform:scale(1)}}@keyframes totalConfettiBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}12%{opacity:1}70%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.05) rotate(130deg)}to{opacity:0;transform:translate(calc(-50% + var(--dx2)),calc(-50% + var(--dy2))) scale(.88) rotate(260deg)}}@keyframes totalCenterFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}35%{opacity:.9;transform:translate(-50%,-50%) scale(1.14)}to{opacity:0;transform:translate(-50%,-50%) scale(1.9)}}@keyframes loginFireworkBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.26) rotate(0)}14%{opacity:1}68%{opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.06) rotate(140deg)}to{opacity:0;transform:translate(calc(-50% + var(--dx2)),calc(-50% + var(--dy2))) scale(.9) rotate(260deg)}}@keyframes loginFireworkTwirl{to{filter:saturate(1.28) hue-rotate(28deg)}}@keyframes summaryExpandedGlow{0%,to{box-shadow:0 12px 24px #10b98129,inset 0 1px #ffffffeb}50%{box-shadow:0 16px 30px #10b98147,inset 0 1px #fffffff5}}@keyframes summaryCollapsedGlow{0%,to{box-shadow:0 10px 20px #10b98124,inset 0 1px #ffffffe6}50%{box-shadow:0 14px 26px #10b9813d,inset 0 1px #fffffff0}}.add-toast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);bottom:auto;z-index:19;background:#0f172ae6;color:#fff;border-radius:999px;padding:8px 13px;max-width:min(280px,calc(100vw - 56px));font-size:.86rem;font-weight:700;border:1px solid rgba(148,163,184,.4);box-shadow:0 10px 24px #0206174d;cursor:pointer;text-align:center}.add-toast.error{background:radial-gradient(170px 70px at 8% -44%,rgba(251,113,133,.32),transparent 72%),linear-gradient(130deg,#b91c1cf5,#dc2626f5 58%,#fb7185eb);border-color:#fca5a5a8;box-shadow:0 12px 24px #b91c1c5c,inset 0 1px #ffffff42}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:flex-end;justify-content:center;z-index:20;overscroll-behavior:contain}.modal-card{width:min(460px,100%);max-height:94dvh;background:#fff;border-radius:16px 16px 0 0;overflow:auto}.modal-card.full-height{width:min(460px,100%);height:100dvh;max-height:100dvh;display:flex;flex-direction:column;border-radius:0;background:radial-gradient(420px 180px at 50% -30%,rgba(59,130,246,.18),transparent 70%),radial-gradient(360px 160px at 100% 0%,rgba(20,184,166,.12),transparent 72%),linear-gradient(180deg,#f7faff,#fff 35%,#fff)}.modal-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;border-bottom:1px solid #e5e7eb;padding:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-head h3{margin:0;font-size:1.4rem}.btn-icon{border:0;background:transparent;font-size:2rem;line-height:1;color:#6b7280}.modal-body{padding:12px}.modal-card.full-height .modal-head{padding-top:max(12px,env(safe-area-inset-top))}.modal-card.modal-search .modal-head,.modal-card.modal-invoice .modal-head{border-bottom:1px solid #d9e6fa;background:radial-gradient(280px 120px at 8% -70%,rgba(147,197,253,.28),transparent 70%),linear-gradient(180deg,#fffffff5,#f7fafff2);padding:12px 12px 11px}.modal-card.modal-search .modal-head h3,.modal-card.modal-quick .modal-head h3,.modal-card.modal-invoice .modal-head h3{font-size:20px;font-weight:900;color:transparent;background:linear-gradient(118deg,#0f172a,#1e293b 58%,#334155);-webkit-background-clip:text;background-clip:text}.modal-card.modal-search .btn-icon,.modal-card.modal-quick .btn-icon,.modal-card.modal-invoice .btn-icon{width:36px;height:36px;border-radius:13px;border:1px solid #c8d9f8;display:flex;align-items:center;justify-content:center;font-size:0;font-weight:600;color:#56637a;background:radial-gradient(120px 42px at 100% -50%,rgba(147,197,253,.34),transparent 70%),linear-gradient(180deg,#fff,#f0f5ff);box-shadow:0 10px 16px #0f172a1f,inset 0 1px #ffffffe6;transition:transform .15s ease,box-shadow .2s ease,color .2s ease;position:relative}.modal-card.modal-search .btn-icon:before,.modal-card.modal-search .btn-icon:after,.modal-card.modal-quick .btn-icon:before,.modal-card.modal-quick .btn-icon:after,.modal-card.modal-invoice .btn-icon:before,.modal-card.modal-invoice .btn-icon:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:3px;border-radius:999px;background:#56637a;transform-origin:center}.modal-card.modal-search .btn-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-card.modal-quick .btn-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-card.modal-search .btn-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-card.modal-quick .btn-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-card.modal-invoice .btn-icon:before{transform:translate(-50%,-50%) rotate(45deg)}.modal-card.modal-invoice .btn-icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal-card.modal-search .btn-icon:hover,.modal-card.modal-quick .btn-icon:hover,.modal-card.modal-invoice .btn-icon:hover{color:#1d4ed8;box-shadow:0 12px 18px #2563eb33,inset 0 1px #ffffffeb}.modal-card.modal-search .btn-icon:hover:before,.modal-card.modal-search .btn-icon:hover:after,.modal-card.modal-quick .btn-icon:hover:before,.modal-card.modal-quick .btn-icon:hover:after,.modal-card.modal-invoice .btn-icon:hover:before,.modal-card.modal-invoice .btn-icon:hover:after{background:#1d4ed8}.modal-card.modal-search .btn-icon:active,.modal-card.modal-quick .btn-icon:active,.modal-card.modal-invoice .btn-icon:active{transform:translateY(1px) scale(.99)}.modal-card.modal-quick{border-radius:22px 22px 0 0;border:1px solid #c9daf8;border-bottom:0;background:radial-gradient(520px 180px at 50% -55%,rgba(59,130,246,.24),transparent 76%),radial-gradient(430px 170px at 112% 4%,rgba(20,184,166,.18),transparent 72%),linear-gradient(180deg,#f8fbff,#fff 44%,#fff);box-shadow:0 26px 44px #0f172a4d,0 9px 22px #2563eb2e}.modal-card.modal-invoice{border-radius:22px 22px 0 0;border:1px solid #c9daf8;border-bottom:0;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(560px 190px at 50% -56%,rgba(59,130,246,.22),transparent 76%),radial-gradient(410px 180px at 112% 6%,rgba(20,184,166,.16),transparent 72%),linear-gradient(180deg,#f8fbff,#fff 46%,#fff);box-shadow:0 28px 48px #0f172a47,0 10px 24px #2563eb29}.modal-card.modal-invoice .modal-body{padding:12px;overflow:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:10px}.modal-card.modal-invoice .modal-footer{flex:0 0 auto;border-top:1px solid #d9e6fa;background:radial-gradient(280px 120px at 8% -70%,rgba(147,197,253,.2),transparent 70%),linear-gradient(180deg,#fffffffa,#f7fafffa);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.modal-card.modal-quick .modal-head{border-bottom:1px solid #d9e6fa;background:radial-gradient(280px 120px at 8% -70%,rgba(147,197,253,.32),transparent 70%),linear-gradient(180deg,#fffffff7,#f7fafff5);padding:14px 14px 12px}.modal-card.modal-quick .modal-body{padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.quick-modal-form{display:flex;flex-direction:column;gap:12px}.quick-modal-form .label{margin:0;font-size:.98rem;font-weight:800;color:#1b2c4a}.quick-modal-form .input{margin:0;height:56px;border:1px solid #bed2f6;border-radius:16px;padding:0 15px;font-size:1rem;font-weight:700;color:#112744;background:radial-gradient(180px 64px at 8% -40%,rgba(191,219,254,.34),transparent 74%),linear-gradient(180deg,#fff,#f6f9ff);box-shadow:0 10px 18px #0f172a17,inset 0 1px #fffffff5}.quick-modal-form .input::placeholder{color:#7b8ca6}.quick-modal-form .locked-meta{min-height:56px;border-radius:16px;border:1px solid #bed2f6;padding:10px 14px;background:radial-gradient(180px 64px at 8% -40%,rgba(191,219,254,.34),transparent 74%),linear-gradient(180deg,#fff,#f6f9ff);box-shadow:0 10px 18px #0f172a17,inset 0 1px #fffffff5;display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-modal-form .locked-meta strong{font-size:1.06rem;font-weight:800;color:#122744;text-transform:capitalize}.quick-modal-form .locked-meta span{min-height:30px;padding:0 12px;border-radius:999px;border:1px solid #bdd1f5;background:radial-gradient(130px 40px at 8% -45%,rgba(191,219,254,.34),transparent 72%),linear-gradient(180deg,#fff,#f2f7ff);color:#245086;font-size:.88rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.quick-modal-form .btn{width:100%;height:54px;border-radius:16px;font-size:1.06rem;font-weight:800;letter-spacing:.01em;box-shadow:0 14px 22px #0f172a29,inset 0 1px #ffffff57}.quick-modal-form .btn.btn-primary{background:linear-gradient(128deg,#1d4ed8,#2563eb 54%,#06b6d4)}.quick-modal-form .btn.btn-danger{background:radial-gradient(180px 62px at 12% -38%,rgba(251,113,133,.36),transparent 72%),linear-gradient(130deg,#dc2626,#ef4444 60%,#fb7185)}.quick-modal-form .radio-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:-2px}.quick-modal-form .radio-row label{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #b5ccf3;color:#233f67;font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.05;background:radial-gradient(180px 64px at 8% -48%,rgba(147,197,253,.38),transparent 74%),linear-gradient(180deg,#fff,#f0f6ff);box-shadow:0 9px 15px #0f172a14,inset 0 1px #ffffffeb;transition:border-color .18s ease,box-shadow .2s ease,background .2s ease}.quick-modal-form .radio-row label:has(input:checked){border-color:#2f72eb;color:#16408f;background:radial-gradient(180px 64px at 10% -48%,rgba(96,165,250,.42),transparent 72%),linear-gradient(180deg,#fdfefe,#eaf3ff 72%);box-shadow:0 10px 18px #2563eb24,inset 0 1px #fffffff2}.quick-modal-form .radio-row input{width:20px;height:20px;margin:0;accent-color:#1d6ff0;transform:translateY(0)}.quick-modal-form .preset-row{display:flex;flex-wrap:wrap;gap:9px}.quick-modal-form .preset-row .chip{border:1px solid #95b9f4;color:#2758bc;border-radius:999px;min-height:36px;padding:0 14px;font-size:.9rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(160px 50px at 10% -44%,rgba(147,197,253,.32),transparent 72%),linear-gradient(180deg,#fff,#f2f7ff);box-shadow:0 7px 12px #2563eb1a,inset 0 1px #ffffffeb;transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease}.quick-modal-form .preset-row .chip:hover{border-color:#72a6f8;box-shadow:0 9px 14px #2563eb29,inset 0 1px #fffffff0}.quick-modal-form .preset-row .chip:active{transform:translateY(1px)}.quick-modal-form .qty-group.compact{margin-bottom:0}.quick-modal-form .qty-group.themed{border:1px solid #b6ccf5;border-radius:16px;overflow:hidden;background:radial-gradient(230px 92px at 50% -70%,rgba(147,197,253,.34),transparent 72%),linear-gradient(180deg,#fff,#f5f9ff);box-shadow:0 12px 20px #2563eb29,inset 0 1px #fffffff0}.quick-modal-form .qty-group.themed button,.quick-modal-form .qty-group.themed input{height:50px;border:0}.quick-modal-form .qty-group.themed button{width:50px;flex:0 0 50px;background:linear-gradient(180deg,#eef5ff,#e1ecff);color:#1a4796;font-weight:800;font-size:1.35rem;transition:background .16s ease,transform .12s ease}.quick-modal-form .qty-group.themed button:first-child,.quick-modal-form .qty-group.themed button:last-child{border-left:1px solid #d2dff5;border-right:1px solid #d2dff5}.quick-modal-form .qty-group.themed button:hover{background:linear-gradient(180deg,#e6f0ff,#d8e7ff)}.quick-modal-form .qty-group.themed button:active{transform:translateY(1px)}.quick-modal-form .qty-group.themed input{background:linear-gradient(180deg,#fff,#fbfdff);color:#0f172a;font-size:1.2rem;font-weight:800;letter-spacing:.01em;font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;-moz-appearance:textfield}.quick-modal-form .qty-group.themed input::-webkit-outer-spin-button,.quick-modal-form .qty-group.themed input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quick-modal-form .option-grid{display:flex;flex-wrap:wrap;gap:10px;margin:-2px 0 0}.quick-modal-form .option-chip{border:1px solid #a5c1ee;color:#2e4b74;border-radius:999px;min-height:44px;padding:0 16px;font-size:.98rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(190px 64px at 12% -48%,rgba(191,219,254,.34),transparent 72%),linear-gradient(180deg,#fff,#f2f7ff)}.quick-modal-form .option-chip.active{border-color:#2d68e7;color:#fff;text-shadow:0 1px 0 rgba(15,23,42,.2);background:linear-gradient(132deg,#1d4ed8,#2563eb 54%,#06b6d4);box-shadow:0 12px 20px #2563eb4d}.modal-card.full-height .modal-body{flex:1;min-height:0;overflow:hidden;padding:12px 0 0}.search-modal-shell{display:flex;flex-direction:column;gap:5px;height:100%;min-height:0;padding:0 12px}.search-top-stack{position:sticky;top:0;z-index:4;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#f7fafffa,#f7faffe6 70%,#f7faff00);padding-bottom:4px}.search-tag-row{margin:0;padding:2px 6px 4px 2px;gap:8px;flex-wrap:wrap}.search-input-wrap{z-index:3;display:flex;align-items:center;gap:12px;border:1px solid #b9cdf7;border-radius:16px;padding:0 14px 0 12px;background:radial-gradient(220px 70px at 16% -40%,rgba(191,219,254,.52),transparent 80%),linear-gradient(180deg,#fff,#f6f9ff);box-shadow:0 12px 24px #0f172a1a,inset 0 1px #ffffffeb}.search-input-icon{width:34px;height:34px;border-radius:10px;border:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff;flex-shrink:0;opacity:1;cursor:pointer;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 8px 14px #2563eb40;transition:transform .18s ease,box-shadow .2s ease,background .2s ease,border-radius .24s cubic-bezier(.22,1,.36,1)}.search-input-icon-search,.search-input-icon-close{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;line-height:1;transition:opacity .2s ease,transform .2s ease}.search-input-icon-search{font-size:1.52rem;opacity:1}.search-input-icon-close{width:21px;height:21px;color:#fff;font-size:0;line-height:0;position:absolute;display:block;opacity:0;transform:translate(-50%,-50%) scale(.78) rotate(-80deg);transition:opacity .2s ease,transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease}.search-input-icon-close:before,.search-input-icon-close:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;border-radius:999px;background:currentColor;transform-origin:center}.search-input-icon-close:before{transform:translate(-50%,-50%) rotate(45deg)}.search-input-icon-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.search-input-icon.is-clear{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 16px #2563eb47;border-radius:999px}.search-input-icon.is-clear .search-input-icon-search{opacity:0;transform:translate(-50%,-50%) scale(.75) rotate(90deg)}.search-input-icon.is-clear .search-input-icon-close{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);animation:clearGlyphPop .24s cubic-bezier(.22,1,.36,1)}.search-input-icon.is-clear:hover{box-shadow:0 12px 18px #2563eb54}.search-input-icon:active{transform:translateY(1px)}.search-input-icon:focus,.search-input-icon:focus-visible{outline:none;box-shadow:0 10px 16px #2563eb47}@keyframes clearGlyphPop{0%{transform:translate(-50%,-50%) scale(.72) rotate(-30deg)}to{transform:translate(-50%,-50%) scale(1) rotate(0)}}.search-modal-input{margin:0;padding:0;border:0;background:transparent;box-shadow:none;height:52px;font-size:1.16rem;font-weight:700;color:#12233f}.search-modal-input::placeholder{color:#7d89a0;font-weight:600}.search-modal-input:focus{outline:none}.search-modal-meta{display:flex;justify-content:space-between;align-items:center;padding:0 4px 2px;color:#546887;font-size:.92rem;font-weight:700;letter-spacing:.01em}.search-meta-left{display:inline-flex;align-items:center;gap:7px;border:1px solid #c1d4f6;background:linear-gradient(180deg,#fff,#f2f7ff);border-radius:999px;min-height:34px;padding:0 6px 0 11px;box-shadow:0 7px 14px #0f172a14}.search-meta-left span{font-size:.82rem;font-weight:800;color:#244471;letter-spacing:.01em;white-space:nowrap}.search-meta-left strong{color:#fff;font-size:.78rem;font-weight:800;padding:6px 10px;min-width:34px;text-align:center;border-radius:999px;border:none;background:linear-gradient(130deg,#4c66b5,#5d78c4 56%,#4a9db6);box-shadow:0 10px 16px #2f4c8d38,inset 0 1px #ffffff4d;font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.search-meta-price-picker{position:relative}.search-price-dropdown{border:1px solid #c1d4f6;background:linear-gradient(180deg,#fff,#f2f7ff);color:#244471;border-radius:999px;min-height:34px;padding:0 11px;font-size:.76rem;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.search-price-menu{top:calc(100% + 6px);right:0;left:auto;min-width:178px}.search-modal-list{border:0;border-radius:0;overflow:auto;flex:1;min-height:0;background:transparent;margin:0 -12px;padding:6px 12px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative;scrollbar-width:thin;scrollbar-color:#8db7ff #e9eef8;scrollbar-gutter:stable}.search-modal-list::-webkit-scrollbar{width:8px;height:8px}.search-hit{width:100%;border:0;background:transparent;display:flex;gap:10px;align-items:flex-start;text-align:left;padding:13px;transition:background .15s ease}.search-hit:hover{background:#f7fbff}.search-hit-card{position:relative;border:1px solid #d3e4ff;border-radius:22px;margin:0;padding:14px;overflow:hidden;background:linear-gradient(165deg,#fff,#fcfdff);box-shadow:0 9px 20px #0f172a12,inset 0 1px #ffffffc7;min-height:0;height:auto;flex-shrink:0}.search-hit-card:last-child{margin-bottom:0}.search-card-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(300px 210px at -8% 50%,var(--tone-1, #dbe6ff),transparent 80%),radial-gradient(300px 210px at 112% 50%,var(--tone-2, #f2f6ff),transparent 82%),linear-gradient(160deg,#fffffff2,#ffffffe6);opacity:.5;z-index:0}.search-card-media{width:84px;height:84px;border-radius:18px;background:#fffffff2;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 30px #0f172a2b,inset 0 1px #fffffff0;position:relative;z-index:2;flex-shrink:0}.search-hit img{width:76px;height:76px;object-fit:contain;border-radius:12px;border:1px solid #ecf0f7;position:relative;z-index:2}.search-hit strong{display:block;margin-bottom:6px;color:#10233f;text-shadow:0 1px 0 rgba(255,255,255,.5),0 10px 18px rgba(15,23,42,.1);font-size:1.08rem;font-weight:800;line-height:1.2;word-break:break-word}.search-card-content{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;position:relative;z-index:2;padding-top:2px}.search-meta-row{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:nowrap}.search-meta-item{display:inline-flex;align-items:baseline;gap:4px;min-width:0}.search-meta-label{color:#7a8ba6;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.search-meta-value{color:#536989;font-size:.98rem;font-weight:500;white-space:nowrap;font-family:var(--font-num);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:.01em}.search-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin-top:4px}.search-card-price{font-size:1.11rem;line-height:1.2;font-weight:800;color:#174ab3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:2;font-family:var(--font-num);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:.01em;text-shadow:0 1px 0 rgba(255,255,255,.58),0 7px 12px rgba(23,74,179,.12)}.search-hit:disabled{opacity:.5}.search-add-chip{border:1px solid #2563eb;background:linear-gradient(120deg,#1d4ed8,#2563eb 52%,#06b6d4);color:#fff;border-radius:999px;padding:10px 14px;font-size:.98rem;font-weight:700;line-height:1;position:relative;z-index:2;box-shadow:0 12px 20px #2563eb38,inset 0 1px #ffffff52;white-space:nowrap;text-align:center;transition:transform .15s ease,box-shadow .2s ease;align-self:center;min-width:70px}.search-hit-card:hover .search-add-chip{transform:translateY(-1px) scale(1.02);box-shadow:0 16px 24px #2563eb4d}.search-empty-state{border:1px solid #d8e4fb;border-radius:20px;padding:18px 14px;background:radial-gradient(280px 90px at 50% -30%,rgba(191,219,254,.35),transparent 74%),linear-gradient(180deg,#fff,#f7faff);text-align:center;color:#64748b;display:flex;flex-direction:column;gap:6px}.search-empty-state strong{color:#1f2f4b;font-size:1.02rem;line-height:1.2}.search-empty-state span{font-size:.9rem;line-height:1.35}.chips-row{display:flex;gap:8px;padding-bottom:8px;margin-bottom:8px}.chip{border:1px solid #3b82f6;background:#fff;color:#2563eb;border-radius:999px;font-size:13px;line-height:1;padding:8px 12px;white-space:nowrap}.chip-active{background:#2563eb;color:#fff}.search-tag-row .chip{border:1px solid #c1d4f6;background:linear-gradient(180deg,#fff,#f2f7ff);color:#244471;border-radius:999px;padding:6px 8px;font-size:.76rem;font-weight:800;box-shadow:0 6px 12px #2563eb14}.search-tag-row .chip-active{color:#fff;border-color:#2563eb;background:linear-gradient(130deg,#1d4ed8,#2563eb 56%,#06b6d4);box-shadow:0 10px 18px #2563eb3d}.option-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.option-chip{border:1px solid #9fb5d8;background:#fff;color:#2b405f;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:600}.option-chip.active{border-color:#2563eb;color:#1d4ed8;background:#eff6ff}.invoice-meta{margin-bottom:10px}.invoice-sheet{border:1px solid #cddcf7;border-radius:20px;padding:12px;background:radial-gradient(420px 170px at 8% -35%,rgba(191,219,254,.32),transparent 72%),linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 16px 30px #0f172a1f,inset 0 1px #fffffff2;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.invoice-sheet[data-exporting=true]{border-radius:16px;border:1px solid #d5e2f7;padding-top:calc(14px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:#fff!important;box-shadow:none}.invoice-sheet[data-exporting=true] [data-export-hidden=true]{display:none!important}.invoice-sheet[data-exporting=true] .invoice-paper-head,.invoice-sheet[data-exporting=true] .invoice-customer-box,.invoice-sheet[data-exporting=true] .invoice-note-card,.invoice-sheet[data-exporting=true] .invoice-line,.invoice-sheet[data-exporting=true] .invoice-total-line,.invoice-sheet[data-exporting=true] .invoice-field .input,.invoice-sheet[data-exporting=true] .invoice-foot{background:#fff!important;box-shadow:none!important}.invoice-sheet[data-exporting=true] .invoice-main{background:#fff!important}.invoice-sheet[data-exporting=true] .invoice-main-thumb,.invoice-sheet[data-exporting=true] .invoice-brand-logo{box-shadow:none!important}.invoice-sheet[data-exporting=true] .invoice-note-paper:before,.invoice-sheet[data-exporting=true] .invoice-note-paper:after{content:none!important}.invoice-paper-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:12px;border:1px dashed #aec5ee;border-radius:14px;padding:10px 11px;background:linear-gradient(180deg,#fffffff5,#f5fafff5)}.invoice-meta-block{display:flex;flex-direction:column;gap:3px;min-width:0}.invoice-meta-block strong{font-size:1rem;color:#122848;letter-spacing:.01em}.invoice-brand-logo{width:50px;height:50px;object-fit:contain;border-radius:10px;padding:4px;background:#fff;border:1px solid #d8e4f8;box-shadow:0 8px 16px #0f172a1f}.invoice-customer-box{display:grid;grid-template-columns:1fr;gap:10px;border:1px solid #d3e1f7;border-radius:16px;padding:11px;margin-bottom:10px;background:radial-gradient(240px 90px at 10% -45%,rgba(191,219,254,.28),transparent 72%),linear-gradient(180deg,#fff,#f6faff)}.invoice-field .label{margin-bottom:6px;color:#203a60;font-size:.9rem;font-weight:800}.invoice-field .input{margin:0;height:48px;border:1px solid #bdd2f5;border-radius:13px;background:radial-gradient(180px 62px at 8% -40%,rgba(191,219,254,.3),transparent 72%),linear-gradient(180deg,#fff,#f4f9ff);color:#102744;font-weight:700;box-shadow:0 8px 14px #0f172a14,inset 0 1px #fffffff0}.invoice-note-card{border:1px solid #d3e1f7;border-radius:16px;padding:10px 11px 11px;margin-bottom:12px;background:radial-gradient(210px 80px at 10% -40%,rgba(191,219,254,.22),transparent 72%),linear-gradient(180deg,#fff,#f8fbff)}.invoice-note-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.invoice-note-head span{color:#1f3c66;font-size:.95rem;font-weight:800}.invoice-note-edit{border:1px solid #96b6ea;border-radius:999px;min-height:30px;padding:0 11px;color:#1d4fa8;font-size:.78rem;font-weight:800;background:radial-gradient(120px 40px at 8% -45%,rgba(147,197,253,.28),transparent 72%),linear-gradient(180deg,#fff,#f0f6ff)}.invoice-note-paper{position:relative;border:1px dashed #b8caeb;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#fffef7,#fffef9);color:#1f2d42;font-size:.9rem;line-height:1.5;white-space:pre-line}.invoice-note-paper:before,.invoice-note-paper:after{content:"";position:absolute;top:-1px;width:16px;height:12px;background:#f8fbff;border:1px solid #d3e1f7;border-bottom:0;transform:skew(-22deg)}.invoice-note-paper:before{left:10px}.invoice-note-paper:after{right:10px}.small{font-size:.85rem}.muted{color:#6b7280}.invoice-lines{display:flex;flex-direction:column;gap:10px}.invoice-line{border:1px solid #d3e1f7;border-radius:14px;overflow:hidden;background:radial-gradient(230px 86px at -10% 46%,var(--tone-1, #eaf1ff),transparent 74%),radial-gradient(230px 86px at 112% 46%,var(--tone-2, #f4f8ff),transparent 76%),linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 10px 18px #0f172a14,inset 0 1px #ffffffe6}.invoice-main{display:flex;gap:9px;padding:10px;align-items:center}.invoice-main h4{margin:0 0 2px}.invoice-main-thumb{width:60px;height:60px;object-fit:contain;border:1px solid #e4edf9;border-radius:14px;background:#fff;box-shadow:0 10px 18px #0f172a24,inset 0 1px #ffffffeb}.invoice-sub{line-height:1.22}.invoice-unit-price{margin-top:5px;font-size:.78rem;color:#555;font-weight:600}.invoice-foot{display:flex;gap:8px;align-items:center;background:linear-gradient(180deg,#f3f7ff,#edf4ff);padding:8px 10px;border-top:1px solid #d6e3f8}.invoice-foot span{font-size:.92rem;font-weight:700;color:#2f486f;white-space:nowrap}.invoice-foot strong{text-align:right;margin-left:auto}.invoice-total-line{margin-top:12px;border:1px solid #b9e5d1;border-radius:14px;padding:16px 12px;background:radial-gradient(220px 90px at 8% -44%,rgba(52,211,153,.22),transparent 72%),linear-gradient(180deg,#f5fffa,#edfff6 72%,#fff);display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 10px 20px #04785724,inset 0 1px #ffffffeb}.invoice-total-line span{font-size:.88rem;font-weight:800;color:#0f766e;letter-spacing:.01em}.invoice-total-line strong{color:#047857;font-size:clamp(1.06rem,4.6vw,1.3rem);font-weight:900;font-family:var(--font-num);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:.01em;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 0 rgba(255,255,255,.8),0 8px 16px rgba(4,120,87,.18)}.invoice-download-footer{width:100%;display:flex;flex-direction:row;gap:8px}.invoice-download-btn{width:50%;min-width:0;height:48px;border-radius:14px;font-size:.98rem;font-weight:900;box-shadow:0 14px 24px #2563eb47,inset 0 1px #ffffff47}.invoice-download-btn-pdf{box-shadow:0 10px 18px #0f172a24}.note-editor-textarea{min-height:180px;resize:vertical;padding:12px 14px;line-height:1.45;font-size:.96rem}.btn-link{border:1px solid #ef4444;color:#ef4444;background:#fff;border-radius:8px;height:34px;padding:0 12px}@media(min-width:768px){.page-shell{padding-top:18px}.modal-overlay{align-items:flex-end}.modal-card{border-radius:16px}.modal-card.full-height{border-radius:16px;height:min(100dvh,920px);max-height:min(100dvh,920px)}}@media(max-width:390px){.modal-card.full-height .modal-body{padding:10px 0 0}.search-modal-shell{padding:0 10px}.search-modal-list{margin:0 -10px;padding:2px 10px calc(10px + env(safe-area-inset-bottom))}.small-btn{font-size:.82rem;height:37px}.mini-action{font-size:.78rem;height:36px}.summary-toggle{font-size:.9rem}.product-row{gap:8px}.product-media{width:70px;height:70px}.product-image{width:66px;height:66px}.product-main h3{font-size:.95rem}.meta-label{font-size:.66rem}.meta-value{font-size:.96rem}.price{font-size:1rem}.product-price-row{padding:7px 8px}.qty-group.compact button{width:34px;flex-basis:34px}.qty-group.compact button,.qty-group.compact input{height:34px}.action-chip{height:34px;padding:0 10px;font-size:.78rem;min-width:88px}.search-card-media{width:68px;height:68px}.search-hit img{width:60px;height:60px}.search-hit strong{font-size:1.02rem;min-height:0;line-height:1.2}.search-meta-label{font-size:.66rem}.search-meta-value{font-size:.9rem}.search-card-row{gap:7px}.search-card-price{font-size:1rem}.search-add-chip{font-size:.84rem;padding:8px 11px;min-width:60px}.add-toast{max-width:min(260px,calc(100vw - 52px));border-radius:10px}}@media print{body.invoice-print-mode *{visibility:hidden!important}body.invoice-print-mode .modal-overlay,body.invoice-print-mode .modal-overlay *{visibility:visible!important}body.invoice-print-mode .modal-overlay{position:static!important;inset:auto!important;display:block!important;background:#fff!important;padding:0!important}body.invoice-print-mode .modal-card.modal-invoice{width:100%!important;max-height:none!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}body.invoice-print-mode .modal-card.modal-invoice .modal-head,body.invoice-print-mode .modal-card.modal-invoice .modal-footer{display:none!important}body.invoice-print-mode .modal-card.modal-invoice .modal-body{padding:0!important;overflow:visible!important;display:block!important}body.invoice-print-mode .invoice-sheet{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;padding:16mm 10mm 18mm!important}}
