:root{--bg:#f7f3f1;--bg-paper:#fefcfa;--bg-sunken:#efe8e3;--bg-card:#fff;--border:#e8dfd9;--border-strong:#d6c8be;--hairline:#1a12120f;--accent:#c81e25;--accent-press:#a3161c;--accent-soft:#e3424a;--accent-tint:#f9e4e3;--accent-veil:#c81e2514;--text:#1c1413;--text-soft:#4a3a37;--muted:#7b6661;--muted-2:#a59490;--primary:var(--accent);--danger:var(--accent);--bg-dark:var(--bg);--text-light:var(--text);--shadow-soft:0 1px 2px #321e190a;--shadow-1:0 2px 4px #321e190d, 0 1px 2px #321e190a;--shadow-2:0 1px 2px #321e190a, 0 12px 32px -10px #321e1924, 0 4px 12px -4px #321e190f;--shadow-deep:0 40px 80px -20px #321e1938, 0 12px 24px -6px #321e191a;--shadow-accent:0 14px 32px -10px #c81e2552, 0 2px 6px #c81e251f;--r-xs:6px;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-2xl:36px;--r-pill:999px;--ring:0 0 0 3px #c81e2559;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-circ:cubic-bezier(.85, 0, .15, 1);--ease-spring:cubic-bezier(.32, .72, 0, 1);--t-fast:.2s;--t-med:.4s;--t-slow:.8s}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{box-shadow:var(--ring);border-radius:var(--r-sm);outline:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";height:100dvh;min-height:100dvh;padding:0;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;justify-content:center;align-items:stretch;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.6;display:flex;overflow:hidden}body:before{content:"";z-index:1;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}h1,h2,h3{font-optical-sizing:auto;letter-spacing:-.028em;color:var(--text);font-weight:700}.serif{letter-spacing:-.01em;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}header h1 i{color:var(--accent)}main{background:var(--bg);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.content-scroll{-webkit-overflow-scrolling:touch;min-height:0;padding:24px;padding-bottom:calc(90px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}section{animation:fadeUp var(--t-med) var(--ease-out-expo);display:none}section.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{font-size:1.25rem;font-weight:700}.badge{background:var(--bg-paper);border-radius:var(--r-pill);color:var(--accent);border:1px solid var(--border);box-shadow:var(--shadow-soft);padding:6px 12px;font-size:.8rem;font-weight:600}.bezel-outer{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-1);margin-bottom:24px;padding:8px}.bezel-inner{background:var(--bg-paper);border-radius:calc(var(--r-2xl) - 8px);flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:inset 0 1px 1px #fffc}.video-container{aspect-ratio:2/3;border-radius:var(--r-lg);border:1px solid var(--border-strong);background:#000;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 2px 10px #00000080}#qr-reader{border:none}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:90%;height:3px;box-shadow:0 0 8px var(--accent);animation:scanMove 2s var(--ease-spring) infinite;pointer-events:none;border-radius:2px;position:absolute;left:5%}@keyframes scanMove{0%{top:20%}50%{top:75%}to{top:20%}}.recorder-container{border-radius:var(--r-xl);max-width:min(100%,45vh);max-height:60vh;margin:0 auto;aspect-ratio:3/4!important}video{object-fit:cover;width:100%;height:100%}.helper-text{text-align:center;color:var(--text-soft);margin-bottom:16px;font-size:.9rem;line-height:1.5}.input-group{gap:12px;display:flex}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],textarea,select{background:var(--bg-paper);border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--r-md);transition:all var(--t-fast) var(--ease-out-expo);appearance:none;padding:12px 16px;font-family:inherit;font-size:1rem;box-shadow:inset 0 1px 2px #00000005}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-veil);outline:none}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-form label{color:var(--text-soft);flex-direction:column;gap:8px;font-size:.85rem;font-weight:600;display:flex}button{cursor:pointer;border-radius:var(--r-pill);transition:transform var(--t-med) var(--ease-spring), background var(--t-fast) var(--ease-out-expo), box-shadow var(--t-fast) var(--ease-out-expo);appearance:none;border:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-weight:600;display:inline-flex}button:active{transform:scale(.96)}.primary-btn{background:var(--accent);color:#fff;box-shadow:var(--shadow-accent);padding:12px 24px;font-size:1.05rem}.primary-btn:hover{background:var(--accent-press);transform:translateY(-2px);box-shadow:0 18px 36px -10px #c81e2566,0 4px 8px #c81e2526}.primary-btn i{background:#fff3;border-radius:50%;padding:4px;font-size:1.2rem}.secondary-btn{background:var(--bg-paper);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow-soft);padding:12px 24px;font-size:1.05rem}.secondary-btn:hover{background:var(--bg-sunken);border-color:var(--border)}.record-btn{background:var(--text);color:var(--bg-paper);width:100%;box-shadow:var(--shadow-2);padding:16px 24px;font-size:1.15rem}.record-btn:hover{background:#000}.record-btn i{color:var(--accent)}.stop-btn{background:var(--bg-sunken);color:var(--text);border:1px solid var(--border-strong);width:100%;padding:16px 24px;font-size:1.15rem}.stop-btn i{color:var(--text-soft)}.icon-btn{background:var(--bg-paper);border:1px solid var(--border);color:var(--text);border-radius:var(--r-pill);width:44px;height:44px;box-shadow:var(--shadow-soft);font-size:1.2rem}.icon-btn:hover{background:var(--bg-sunken)}.controls{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.action-buttons{flex-direction:column;gap:12px;margin-top:20px;display:flex}.mt-4{margin-top:16px}.hidden{display:none!important}.muted-text{color:var(--muted-2);font-size:.8rem}.compact-btn{padding:8px 16px;font-size:.9rem}.app-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.tab-bar{-webkit-backdrop-filter:blur(20px)saturate(180%);padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:100;background:#f9f9f9d9;border-top:1px solid #00000026;border-radius:0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000014}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{text-align:center;color:var(--text-soft);border-radius:var(--r-md);background:0 0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;font-size:.85rem;font-weight:600;display:flex}.tab-btn i{margin-bottom:2px;font-size:1.4rem}.tab-btn.active{color:var(--accent)}.balance-widget{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--r-xl);margin-bottom:12px;padding:16px}.data-results{flex-direction:column;gap:12px;margin-top:16px;display:flex}.data-card{background:var(--bg-paper);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-soft);transition:transform var(--t-med) var(--ease-out-expo), box-shadow var(--t-med) var(--ease-out-expo);flex-direction:column;gap:8px;padding:16px;display:flex}.data-card:hover{box-shadow:var(--shadow-1);transform:translateY(-2px)}.data-card strong{color:var(--text);word-break:break-all;font-size:1.1rem}.data-card p{color:var(--text-soft);margin:0;font-size:.9rem}.data-card a{background:var(--accent-veil);color:var(--accent);border-radius:var(--r-pill);transition:background var(--t-fast) var(--ease-out-expo);justify-content:center;align-items:center;margin-top:8px;padding:10px 16px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.data-card a:hover{background:var(--accent-tint)}.status-overlay{z-index:100;-webkit-backdrop-filter:blur(12px);background:#f7f3f1d9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.status-overlay.active{display:flex}.status-card{text-align:center;background:var(--bg-paper);border-radius:var(--r-2xl);border:1px solid var(--border);box-shadow:var(--shadow-deep);max-width:80%;padding:40px}.status-card h3{margin-top:24px;margin-bottom:8px;font-size:1.3rem}.spinner{border:3px solid var(--border-strong);border-left-color:var(--accent);width:48px;height:48px;animation:spin 1s var(--ease-out-expo) infinite;border-radius:50%;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.accordion-section{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-paper);box-shadow:var(--shadow-soft);margin-bottom:12px;overflow:hidden}.accordion-section summary{cursor:pointer;color:var(--text);transition:background var(--t-fast) var(--ease-out-expo);justify-content:space-between;align-items:center;padding:16px 20px;font-size:1rem;font-weight:600;list-style:none;display:flex}.accordion-section summary::-webkit-details-marker{display:none}.accordion-section summary:hover{background:var(--bg-sunken)}.accordion-icon{transition:transform var(--t-med) var(--ease-spring);color:var(--muted-2);font-size:1.2rem}details.accordion-section[open] .accordion-icon{transform:rotate(180deg)}.accordion-body{border-top:1px solid var(--border);background:var(--bg-paper);animation:fadeIn var(--t-med) var(--ease-out-expo);padding:20px}.sub-tab-btn{color:var(--muted-2);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);background:0 0;border:none;border-bottom:3px solid #0000;padding:12px;font-weight:600}.sub-tab-btn.active{color:var(--accent);border-bottom-color:var(--accent)}.faktur-card{background:var(--bg-paper);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-1);margin-bottom:24px;overflow:hidden}.faktur-card-header{background:var(--bg-sunken);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:24px;display:flex}.faktur-card-icon{color:var(--accent);font-size:2.2rem}.faktur-card-title{color:var(--text);margin:0;font-size:1.2rem;font-weight:700}.faktur-card-sub{color:var(--text-soft);margin-top:4px;font-family:Instrument Serif,serif;font-size:.85rem;font-style:italic}.faktur-form{flex-direction:column;gap:16px;padding:24px;display:flex}.faktur-row{gap:12px;display:flex}.faktur-row .faktur-field{flex:1;min-width:0}.faktur-field{flex-direction:column;gap:8px;display:flex}.faktur-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:700}.faktur-divider{background:var(--border);height:1px;margin:8px 0}.faktur-btn-print{background:var(--accent);color:#fff;border-radius:var(--r-pill);cursor:pointer;width:100%;transition:transform var(--t-med) var(--ease-spring), box-shadow var(--t-fast) var(--ease-out-expo);box-shadow:var(--shadow-accent);border:none;justify-content:center;align-items:center;gap:10px;margin-top:8px;padding:16px;font-family:inherit;font-size:1.05rem;font-weight:700;display:flex}.faktur-btn-print:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #c81e2566}.faktur-btn-print:active{transform:scale(.98)}.faktur-btn-print:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.faktur-history-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.faktur-btn-refresh{background:var(--bg-paper);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-pill);cursor:pointer;width:40px;height:40px;transition:transform var(--t-med) var(--ease-spring), background var(--t-fast) var(--ease-out-expo);place-items:center;font-size:1.2rem;display:grid}.faktur-btn-refresh:hover{background:var(--bg-sunken);transform:rotate(45deg)}#qr-reader img{display:none!important}#qr-reader button{background:var(--text);color:var(--bg-paper);border-radius:var(--r-pill);cursor:pointer;border:none;margin-top:16px;padding:10px 20px;font-family:inherit;font-weight:600}#qr-reader__dashboard_section_csr span{color:var(--text)!important}#qr-reader__camera_selection{background:var(--bg-paper);color:var(--text);border:1px solid var(--border);border-radius:var(--r-md);padding:8px}.queue-btn{background:var(--bg-paper);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;color:var(--text);box-shadow:var(--shadow-soft);transition:background var(--t-fast) var(--ease-out-expo);align-items:center;gap:8px;padding:8px 16px;font-weight:700;display:flex}.queue-btn:hover{background:var(--bg-sunken)}.queue-badge{background:var(--accent);color:#fff;border-radius:var(--r-pill);padding:2px 8px;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#1c141366;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-paper);border-radius:var(--r-2xl);width:100%;max-width:420px;max-height:85vh;box-shadow:var(--shadow-deep);border:1px solid var(--border);flex-direction:column;padding:28px;display:flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.close-btn{color:var(--muted);cursor:pointer;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;border-radius:50%;padding:4px;font-size:1.5rem}.close-btn:hover{color:var(--text);background:var(--bg-sunken)}.queue-list{flex-direction:column;gap:12px;display:flex;overflow-y:auto}.queue-item{background:var(--bg-sunken);border-radius:var(--r-xl);border-left:4px solid var(--accent);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px}.queue-item.success{border-left-color:#2ecc71}.queue-item.error{border-left-color:var(--accent)}.queue-item-header{justify-content:space-between;margin-bottom:8px;font-weight:600;display:flex}.queue-item-status{color:var(--muted-2);font-size:.85rem}.retry-btn{background:var(--accent);color:#fff;border-radius:var(--r-pill);cursor:pointer;border:none;margin-top:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.remove-btn{background:var(--bg-paper);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-pill);cursor:pointer;margin-top:8px;padding:6px 12px;font-size:.85rem;font-weight:600}.upload-area{margin-bottom:24px}.hidden-input{display:none}.upload-box{border:2px dashed var(--border-strong);border-radius:var(--r-xl);text-align:center;cursor:pointer;background:var(--bg-sunken);transition:background var(--t-fast), border-color var(--t-fast);padding:40px 20px}.upload-box:hover{background:var(--bg-paper);border-color:var(--accent)}.upload-box i{color:var(--muted-2);margin-bottom:12px;font-size:3rem}.upload-box p{color:var(--text-soft);margin:0;font-weight:600}.pdf-status{text-align:center;color:var(--accent);margin-bottom:16px;font-weight:700}.pdf-resi-list{flex-direction:column;gap:12px;display:flex}.pdf-resi-item{background:var(--bg-paper);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;padding:16px;display:flex}.pdf-resi-item.done{opacity:.7;background:#fefcfa;border-color:#e8dfd9}.pdf-resi-item.done span.resi-text{color:var(--muted);text-decoration:line-through}.resi-info{flex-direction:column;gap:6px;display:flex}.status-badge{border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.05em;width:fit-content;padding:4px 8px;font-size:.75rem;font-weight:700}.status-badge.pending{color:#854d0e;background:#fef08a}.status-badge.done{color:#166534;background:#bbf7d0}a,button,input,select,textarea,[role=button],.tab-btn{-webkit-tap-highlight-color:transparent}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='%237b6661' d='M4.5 6L8 9.5 11.5 6z'/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:36px!important}header,.modal-overlay,.status-overlay,#track-modal{transform:translateZ(0)}@supports (-webkit-touch-callout:none){main{padding-bottom:max(24px, env(safe-area-inset-bottom))}}input{-webkit-appearance:none;border-radius:var(--r-md)}.video-container,.recorder-container,.data-results,.pdf-resi-list,#retur-list,.queue-list,.accordion-body{-webkit-overflow-scrolling:touch}main{overscroll-behavior-y:none}.splash{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.splash__logo i{color:var(--accent);font-size:4rem}.splash h2{color:var(--text);letter-spacing:-.04em;font-size:1.6rem;font-weight:800}.auth-layout{flex-direction:column;min-height:60vh;display:flex}.auth-brand-panel{display:none}.auth-form-panel{justify-content:center;align-items:center;padding:32px 24px;display:flex}.auth-form-card{width:100%;max-width:420px}@media (width>=768px){body:not(.is-authenticated) .dashboard-layout{max-width:1400px;height:calc(100dvh - 48px);overflow:hidden}body:not(.is-authenticated) main{overflow:hidden}body:not(.is-authenticated) .content-scroll{height:100%;overflow:hidden}body:not(.is-authenticated) #auth-section{height:100%}.auth-layout{flex-direction:row;height:100%}.auth-brand-panel{background:var(--accent);flex-direction:column;flex:1;justify-content:center;gap:24px;padding:56px 48px;display:flex;position:relative;overflow:hidden}.auth-brand-panel:before{content:"";background:#ffffff0f;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.auth-brand-panel:after{content:"";background:#ffffff0a;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-120px;left:-60px}.auth-brand-logo{border-radius:var(--r-2xl);color:#fff;background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;font-size:2.5rem;display:flex}.auth-brand-name{color:#fff;letter-spacing:-.04em;margin:0;font-size:4rem;font-weight:800;line-height:1}.auth-brand-tagline{color:#ffffffbf;max-width:420px;margin:0;font-size:1.25rem;line-height:1.5}.auth-feature-list{flex-direction:column;gap:16px;margin:32px 0 0;list-style:none;display:flex}.auth-feature-list li{color:#fffffff2;align-items:center;gap:16px;font-size:1.1rem;font-weight:500;display:flex}.auth-feature-list li i{border-radius:var(--r-sm);background:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.auth-form-panel{background:var(--bg-paper);flex:1;justify-content:center;align-items:center;padding:64px;display:flex}.auth-form-card{width:100%;max-width:440px}.auth-form-card .auth-form{gap:20px}}.dashboard-layout{background-color:var(--bg-paper);width:100%;max-width:500px;height:100%;box-shadow:var(--shadow-deep);z-index:2;border:none;border-radius:0;flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-paper);flex-direction:column;display:flex}body:not(.is-authenticated) .sidebar{display:none}body:not(.is-authenticated) main{background:var(--bg-paper);overflow:hidden}body:not(.is-authenticated) .mobile-profile-menu,.sidebar-brand{display:none}.sidebar-footer{border-top:1px solid var(--border);padding:16px;display:none}.mobile-topbar{-webkit-backdrop-filter:blur(20px);z-index:50;border-bottom:1px solid var(--border);background:#fefcfacc;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.mobile-title{letter-spacing:-.04em;align-items:center;gap:8px;margin:0;font-size:1.4rem;display:flex}.mobile-title i{color:var(--accent)}@media (width>=768px){body{align-items:center;padding:24px}.dashboard-layout{border-radius:var(--r-2xl);border:1px solid var(--border);max-width:1400px;height:calc(100dvh - 48px);box-shadow:var(--shadow-deep);flex-direction:row;margin:0 auto;overflow:hidden}.video-container{aspect-ratio:4/3}.sidebar{border-right:1px solid var(--border);flex-shrink:0;justify-content:space-between;width:260px;height:100%}.sidebar-brand{border-bottom:1px solid var(--border);padding:24px;display:block}.sidebar-brand h1{align-items:center;gap:8px;margin-bottom:4px;font-size:1.4rem;display:flex}.sidebar-brand h1 i{color:var(--accent)}.sidebar-brand p{color:var(--text-soft);margin:0;font-size:.85rem;line-height:1.2}.sidebar-footer{display:block}.tab-bar{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex-direction:column;gap:8px;margin-bottom:0;padding:24px 16px;position:static}.tab-btn{text-align:left;border-radius:var(--r-md);flex-direction:row;justify-content:flex-start;padding:12px 16px;font-size:.95rem}.tab-btn i{margin-bottom:0;margin-right:8px;font-size:1.2rem}.tab-btn.active{background:var(--bg-sunken);color:var(--accent);box-shadow:none}.mobile-topbar{display:none}.dashboard-layout{padding-bottom:0}main{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.content-scroll{padding:32px}.faktur-form{flex-flow:wrap}.faktur-field{flex:45%}}.chat-widget-container{z-index:9999;position:fixed;bottom:2rem;right:2rem}.chat-panel{transform-origin:100% 100%;opacity:0;pointer-events:none;background:#fff8f6;border:1px solid #1a121014;border-radius:20px;width:340px;transition:opacity .25s,transform .25s;position:absolute;bottom:0;right:0;overflow:hidden;transform:scale(.92)translateY(12px);box-shadow:0 24px 64px #1a12102e}.chat-panel.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.chat-panel-header{background:#f6e5e1;border-bottom:1px solid #1a121014;align-items:center;gap:12px;padding:18px 20px;display:flex}.chat-panel-header .avatar{color:#fff;background:#c81e25;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.chat-panel-header h4{color:#221a17;margin:0;font-size:14px;font-weight:700;line-height:1.2}.chat-panel-header p{color:#685c57;margin:2px 0 0;font-size:11px}.chat-panel-header .close-btn{cursor:pointer;color:#685c57;background:0 0;border:none;margin-left:auto;font-size:20px}.chat-body{padding:20px}.chat-active-area{flex-direction:column;height:280px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:8px;margin-bottom:12px;display:flex;overflow-y:auto}.msg{border-radius:12px;max-width:85%;padding:9px 13px;font-size:13px}.msg.user{color:#fff;background:#c81e25;border-bottom-right-radius:4px;align-self:flex-end}.msg.admin{color:#221a17;background:#f0dfdb;border-bottom-left-radius:4px;align-self:flex-start}.msg.err{color:#b91c1c;background:#fee2e2}.chat-input-row{gap:8px;display:flex}.chat-input-row input{border:1px solid #1a12101f;border-radius:999px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px}.chat-send{color:#c81e25;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:14px;font-weight:700}