@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Noto+Sans+Lao:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=DM+Mono:ital,wght@0,300;0,400;0,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&family=DM+Mono:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";@font-face{font-family:PB Warnjai Bold;src:local("PB Warnjai Bold"),url(./PBWarnjaiBold-B2fmoAjk.ttf) format("truetype"),url(/fonts/PBWarnjaiBold.ttf) format("truetype"),url(/PBWarnjaiBold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.simple-splash-container{width:100vw;height:100vh;overflow:hidden;position:relative;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:PB Warnjai Bold,Noto Sans Lao,Segoe UI,sans-serif}.simple-logo-container{position:relative;margin-bottom:60px;display:flex;flex-direction:column;align-items:center}.simple-logo-image{width:120px;height:120px;border-radius:24px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(225,142,12,.5));margin-bottom:20px;animation:simple-logo-glow 3s ease-in-out infinite}@keyframes simple-logo-glow{0%,to{filter:drop-shadow(0 0 20px rgba(225,142,12,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(225,142,12,.8));transform:scale(1.03)}}.simple-app-title{font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:32px;font-weight:700;color:#e18e0c;letter-spacing:1px;margin-bottom:8px;text-align:center;text-shadow:0 2px 10px rgba(225,142,12,.3)}.simple-app-subtitle{font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:14px;color:#888;font-weight:500;letter-spacing:3px;text-transform:uppercase;text-align:center}.simple-loading-circle{position:relative;width:200px;height:200px;margin:30px 0}.simple-circle-outer{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(225,142,12,.1);display:flex;justify-content:center;align-items:center}.simple-circle-inner{position:absolute;width:80%;height:80%;border-radius:50%;border:2px solid rgba(225,142,12,.2)}.simple-circle-progress{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid transparent;border-top:3px solid #E18E0C;border-right:3px solid rgba(225,142,12,.7);animation:simple-spin 1.5s linear infinite}@keyframes simple-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.simple-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:36px;font-weight:700;color:#e18e0c;text-shadow:0 0 10px rgba(225,142,12,.3)}.simple-percent{font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:16px;color:#888;margin-left:2px}.simple-loading-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.simple-dot{width:8px;height:8px;background:#e18e0c;border-radius:50%;opacity:.3}.simple-status-text{margin-top:25px;font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:14px;color:#888;text-align:center;min-height:20px}.simple-footer{position:absolute;bottom:30px;width:100%;text-align:center}.simple-version{font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:12px;color:#555;letter-spacing:1px}.simple-powerby{font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:11px;color:#444;margin-top:5px}.simple-skip-button{position:absolute;top:30px;right:30px;padding:10px 20px;background:#1e1e1ecc;border:1px solid rgba(225,142,12,.3);color:#e18e0c;border-radius:20px;cursor:pointer;font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:13px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:100}.simple-skip-button:hover{background:#e18e0c1a;border-color:#e18e0c99;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.simple-completion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.simple-completion-check{width:100px;height:100px;background:#e18e0c;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:48px;font-weight:700;color:#000;margin-bottom:20px;animation:simple-check-pop .6s ease-out}@keyframes simple-check-pop{0%{transform:scale(0)}70%{transform:scale(1.1)}to{transform:scale(1)}}.simple-completion-text{font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif;font-size:24px;font-weight:600;color:#e18e0c;text-align:center}@media (max-width: 768px){.simple-logo-image{width:100px;height:100px}.simple-app-title{font-size:28px}.simple-loading-circle{width:180px;height:180px}.simple-progress-text{font-size:32px}.simple-skip-button{top:25px;right:25px;padding:8px 16px;font-size:12px}}@media (max-width: 480px){.simple-logo-image{width:80px;height:80px;border-radius:20px}.simple-app-title{font-size:24px}.simple-app-subtitle{font-size:12px;letter-spacing:2px}.simple-loading-circle{width:160px;height:160px}.simple-circle-progress{border-width:2px}.simple-progress-text{font-size:28px}.simple-percent{font-size:14px}.simple-skip-button{top:20px;right:20px;padding:6px 14px;font-size:11px}.simple-status-text{font-size:12px}.simple-version{font-size:11px}.simple-powerby{font-size:10px}}@supports not (font-family: "PB Warnjai Bold"){.simple-app-title,.simple-app-subtitle,.simple-skip-button,.simple-progress-text,.simple-status-text,.simple-version,.simple-powerby,.simple-completion-text{font-family:Noto Sans Lao,Segoe UI,DejaVu Sans,Arial Unicode MS,sans-serif}}.simple-status-text{transition:opacity .3s ease}.simple-logo-container:hover .simple-logo-image{animation:simple-logo-glow 1s ease-in-out infinite}.admin-login-container{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);padding:20px;box-sizing:border-box}.admin-header{position:absolute;top:0;left:0;right:0;padding:15px 20px;display:flex;align-items:center;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1)}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 15px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#f4a261}.admin-title{color:#f4a261;font-size:20px;margin:0 auto}.admin-login-form{width:100%;max-width:400px;padding:40px 35px;background:linear-gradient(145deg,#1a1a1a,#222);border-radius:12px;box-shadow:0 15px 35px #00000080;border:1px solid rgba(255,255,255,.1);text-align:center;box-sizing:border-box}.admin-logo{width:80px;height:80px;background:linear-gradient(145deg,#f4a261,#e76f51);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;box-shadow:0 10px 20px #f4a2614d}.admin-login-form h2{color:#fff;font-size:26px;margin:0 0 10px;font-weight:600}.admin-subtitle{color:#aaa;font-size:15px;margin:0 0 30px;line-height:1.5}.login-form{width:100%;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-label{color:#ccc;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px}.form-input{width:100%;padding:14px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:15px;transition:all .3s ease;outline:none;box-sizing:border-box}.form-input:focus{border-color:#f4a261;background:#f4a2610d;box-shadow:0 0 0 3px #f4a2611a}.form-input::placeholder{color:#666}.form-input:disabled{opacity:.5;cursor:not-allowed}@keyframes inputShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.input-error{border-color:#e76f51!important;background:#e76f510d!important;animation:inputShake .4s ease}.error-message{background:#e76f511a;border:1px solid rgba(231,111,81,.3);color:#e76f51;padding:12px 15px;border-radius:8px;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;margin:5px 0;text-align:center}.login-button{width:100%;padding:16px;background:linear-gradient(145deg,#f4a261,#e76f51);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;box-sizing:border-box}.login-button:hover:not(:disabled){background:linear-gradient(145deg,#e76f51,#f4a261);transform:translateY(-2px);box-shadow:0 8px 20px #f4a2614d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#444;color:#888;cursor:not-allowed;transform:none!important;box-shadow:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.login-hint{background:#f4a2611a;border:1px solid rgba(244,162,97,.2);border-radius:8px;padding:15px;margin-top:15px}.login-hint p{color:#ccc;font-size:13px;margin:0;line-height:1.5}@media (max-width: 768px){.admin-login-form{max-width:350px;padding:30px 25px}.admin-logo{width:70px;height:70px;font-size:28px}.admin-login-form h2{font-size:24px}.form-input{padding:13px 15px}.login-button{padding:15px}}.sim-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a081ebf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;font-family:Inter,Noto Sans Lao,sans-serif;animation:sim-fade-in .2s ease}@keyframes sim-fade-in{0%{opacity:0}to{opacity:1}}.sim-modal{background:#120e2deb;border:1px solid rgba(255,255,255,.12);border-radius:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 32px 80px #000000a6,inset 0 1px #ffffff1a;animation:sim-slide-up .25s cubic-bezier(.34,1.56,.64,1)}@keyframes sim-slide-up{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sim-header{background:linear-gradient(135deg,#ff575738,#ff8c0029);border-bottom:1px solid rgba(255,255,255,.08);padding:20px 22px 16px;display:flex;align-items:center;justify-content:space-between}.sim-header-left{display:flex;align-items:center;gap:14px}.sim-icon-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff5757,#ff8c00);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 0 24px #ff575773;animation:sim-pulse-warn 2s infinite}@keyframes sim-pulse-warn{0%,to{box-shadow:0 0 20px #ff575766}50%{box-shadow:0 0 36px #ff5757b3}}.sim-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 3px;font-family:Noto Sans Lao,Inter,sans-serif}.sim-subtitle{color:#ffffff80;font-size:12px;margin:0;font-family:Noto Sans Lao,sans-serif}.sim-close{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#ffffff8c;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.sim-close:hover{background:#ffffff26;color:#fff}.sim-close:disabled{opacity:.4;cursor:not-allowed}.sim-table-badge{margin:16px 22px 0;background:linear-gradient(135deg,#6366f138,#8b5cf62e);border:1px solid rgba(139,92,246,.32);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px}.sim-table-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 4px 16px #6366f166}.sim-table-label{color:#fff6;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:0 0 2px;font-family:Noto Sans Lao,sans-serif}.sim-table-num{color:#fff;font-size:18px;font-weight:700;margin:0;font-family:Noto Sans Lao,Inter,sans-serif}.sim-status-pill{margin-left:auto;background:#22c55e26;border:1px solid rgba(34,197,94,.32);border-radius:20px;padding:5px 12px;display:flex;align-items:center;gap:6px;color:#4ade80;font-size:11px;font-weight:600;font-family:Noto Sans Lao,sans-serif;white-space:nowrap}.sim-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;animation:sim-blink 1.2s infinite;flex-shrink:0}@keyframes sim-blink{0%,to{opacity:1}50%{opacity:.25}}.sim-warn-bar{margin:12px 22px 0;background:#fbbf2417;border:1px solid rgba(251,191,36,.22);border-radius:12px;padding:10px 14px;display:flex;align-items:flex-start;gap:10px}.sim-warn-ico{font-size:15px;flex-shrink:0;margin-top:1px}.sim-warn-text{color:#fde047cc;font-size:12px;line-height:1.55;margin:0;font-family:Noto Sans Lao,sans-serif}.sim-sessions{margin:16px 22px 0}.sim-sect-hdr{display:flex;align-items:center;gap:7px;color:#fff6;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.sim-sect-hdr-icon{font-size:13px}.sim-count-badge{margin-left:auto;background:#6366f152;border-radius:20px;padding:2px 8px;color:#a5b4fc;font-size:11px;font-weight:600}.sim-no-sessions{text-align:center;padding:24px;color:#ffffff4d;font-size:13px;font-family:Noto Sans Lao,sans-serif}.sim-no-sessions span{display:block;font-size:28px;margin-bottom:8px}.sim-sessions-list{display:flex;flex-direction:column;gap:8px}.sim-session-card{background:#ffffff0a;border:1.5px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;cursor:pointer;display:flex;align-items:flex-start;gap:12px;transition:all .22s ease}.sim-session-card:hover{background:#ffffff12;border-color:#8b5cf661}.sim-session-card.selected{background:#6366f124;border-color:#6366f1;box-shadow:0 0 0 1px #6366f147,inset 0 1px #ffffff0d}.sim-radio{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;transition:all .2s}.sim-session-card.selected .sim-radio{background:#6366f1;border-color:#6366f1;box-shadow:0 0 10px #6366f199}.sim-radio-dot{width:8px;height:8px;border-radius:50%;background:#fff;display:none}.sim-session-card.selected .sim-radio-dot{display:block}.sim-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.sim-session-info{flex:1;min-width:0}.sim-user-name{color:#fff;font-size:14px;font-weight:600;margin:0 0 2px}.sim-user-id{color:#ffffff59;font-size:11px;margin:0 0 9px;font-family:Noto Sans Lao,sans-serif}.sim-meta{display:flex;flex-wrap:wrap;gap:6px}.sim-meta-chip{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:4px 10px;display:flex;align-items:center;gap:5px;color:#ffffff80;font-size:11px;font-family:Noto Sans Lao,sans-serif}.sim-meta-chip span{font-size:12px}.sim-note{margin:12px 22px 0;background:#ffffff08;border-radius:12px;padding:10px 14px;display:flex;align-items:flex-start;gap:8px}.sim-note-icon{font-size:13px;flex-shrink:0}.sim-note-text{color:#ffffff4d;font-size:11px;line-height:1.6;margin:0;font-family:Noto Sans Lao,sans-serif}.sim-divider{margin:14px 22px 0;height:1px;background:#ffffff0f}.sim-actions{padding:14px 22px 20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sim-btn{border-radius:12px;padding:11px 14px;border:1px solid transparent;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .22s ease;font-family:Noto Sans Lao,Inter,sans-serif;white-space:nowrap}.sim-btn:active:not(:disabled){transform:scale(.97)}.sim-btn-kick{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef444466;box-shadow:0 4px 16px #ef444452;grid-column:span 2}.sim-btn-kick:hover:not(:disabled){box-shadow:0 6px 24px #ef444485;transform:translateY(-1px)}.sim-btn-force{background:linear-gradient(135deg,#fbbf242e,#f59e0b1f);color:#fbbf24;border-color:#fbbf2452}.sim-btn-force:hover:not(:disabled){background:linear-gradient(135deg,#fbbf2447,#f59e0b38);box-shadow:0 4px 16px #fbbf2438}.sim-btn-other{background:linear-gradient(135deg,#6366f12e,#8b5cf61f);color:#a5b4fc;border-color:#6366f152}.sim-btn-other:hover:not(:disabled){background:linear-gradient(135deg,#6366f147,#8b5cf638);box-shadow:0 4px 16px #6366f138}.sim-btn-cancel{background:#ffffff0d;color:#fff6;border-color:#ffffff1a;grid-column:span 2}.sim-btn-cancel:hover:not(:disabled){background:#ffffff17;color:#ffffffa6}.sim-btn:disabled,.sim-btn.disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.sim-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sim-spin .7s linear infinite;display:inline-block}@keyframes sim-spin{to{transform:rotate(360deg)}}.sim-modal::-webkit-scrollbar{width:4px}.sim-modal::-webkit-scrollbar-track{background:transparent}.sim-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.hs-root{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:#1c1c1c;font-family:Segoe UI,system-ui,sans-serif;color:#f0f0f0}.hs-header{display:flex;align-items:center;gap:10px;padding:0 14px;height:52px;background:#242424;border-bottom:1px solid #111;flex-shrink:0;z-index:100;overflow:visible}.hs-header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.hs-header-center{flex:1;min-width:0;overflow:hidden}.hs-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;overflow:visible}.hs-logo{display:flex;align-items:center}.hs-logo-img{width:44px;height:44px;object-fit:contain;border-radius:14px;background:#1a1a1a;border:2px solid rgba(232,160,32,.5);box-shadow:0 0 12px #e8a02040,0 2px 8px #00000080;padding:4px;transition:box-shadow .2s}.hs-logo-img:hover{box-shadow:0 0 20px #e8a02073,0 4px 12px #0009}.hs-logo-text{display:none}.hs-outlet-bar{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.hs-outlet-bar::-webkit-scrollbar{display:none}.hs-outlet-btn{padding:5px 14px;background:#333;border:1px solid #444;border-radius:20px;color:#aaa;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s;flex-shrink:0}.hs-outlet-btn:hover{background:#3a3a3a;color:#ddd}.hs-outlet-btn.active{background:#e8a020;border-color:#e8a020;color:#111;font-weight:600}.hs-layout-toggle{display:flex;gap:3px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:3px}.hs-layout-btn{height:30px;border:none;background:transparent;color:#666;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;padding:0 10px;transition:background .15s,color .15s;font-size:12px;font-weight:500;white-space:nowrap}.hs-layout-btn:hover{background:#2a2a2a;color:#bbb}.hs-layout-btn.active{background:#e8a020;color:#111;font-weight:600}.hs-layout-btn-label{display:none}@media (min-width: 800px){.hs-layout-btn-label{display:inline}.hs-layout-btn{padding:0 12px}}.hs-user-pill{display:flex;align-items:center;gap:7px;background:#2a2a2a;border:1px solid #383838;border-radius:20px;padding:4px 10px 4px 4px}.hs-user-avatar{width:24px;height:24px;border-radius:50%;background:#e8a020;color:#111;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hs-user-name{font-size:12px;color:#ccc;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hs-logout-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#5a1a1a;border:1px solid #7a2a2a;color:#ff8080;border-radius:8px;font-size:12px;cursor:pointer;transition:background .15s;white-space:nowrap}.hs-logout-btn:hover{background:#7a2a2a;color:#faa}.hs-logout-btn span{display:none}@media (min-width: 768px){.hs-logout-btn span{display:inline}.hs-logo-text{display:block}}.hs-statusbar{display:flex;align-items:center;gap:8px;padding:6px 16px;background:#202020;border-bottom:1px solid #111;flex-shrink:0;overflow-x:auto;scrollbar-width:none}.hs-statusbar::-webkit-scrollbar{display:none}.hs-statusbar-stats{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0;padding-left:12px;border-left:1px solid #2e2e2e}.hs-stat-item{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:400;color:#ddd;white-space:nowrap}.hs-stat-item strong{color:#fff;font-size:9px}.hs-stat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hs-stat-dot.all{background:#888}.hs-stat-dot.available{background:#5ecb6e}.hs-stat-dot.occupied{background:#e07070}.hs-body-row{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.hs-body-row .hs-main{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;min-width:0;transition:flex .3s ease}.hs-main{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.hs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#888;font-size:14px;padding:60px 0;width:100%}.hs-spinner{width:32px;height:32px;border:3px solid #333;border-top-color:#e8a020;border-radius:50%;animation:hs-spin .8s linear infinite}@keyframes hs-spin{to{transform:rotate(360deg)}}.hs-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:#666;font-size:14px;width:100%}.hs-refresh-btn{padding:8px 20px;background:#2a2a2a;border:1px solid #444;color:#aaa;border-radius:8px;font-size:12px;cursor:pointer;transition:background .15s}.hs-refresh-btn:hover{background:#333;color:#ddd}.hs-table-card{border:1px solid transparent;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;transition:transform .1s,filter .12s;padding:4px;min-height:0;min-width:0}.hs-table-card:hover:not(:disabled){transform:scale(1.06);filter:brightness(1.15);z-index:2}.hs-table-card:active:not(:disabled){transform:scale(.97)}.hs-table-card:disabled{opacity:.5;cursor:not-allowed}.hs-table-card.available{background:#253525;border-color:#3a6a3a}.hs-table-card.occupied{background:#3a1f1f;border-color:#6a3030}.hs-table-name{font-size:clamp(18px,2.4vw,32px);font-weight:800;color:#eee;line-height:1.1;text-align:center;word-break:break-word}.hs-table-card.available .hs-table-name{color:#a8e6a8}.hs-table-card.occupied .hs-table-name{color:#f0a0a0}.hs-table-badge{font-size:8px;color:#e07070;position:absolute;top:6px;right:7px;line-height:1}.hs-table-icon,.hs-table-status{display:none}.hs-grid-area{flex:1;overflow-y:auto;display:flex;flex-direction:column}.hs-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0;width:100%;align-content:flex-start}.hs-grid-auto .hs-table-card{aspect-ratio:1/1;min-height:130px;border-radius:2px;border-width:.5px;border-color:#2a2a2a}.hs-zone-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.hs-zone-tabs{display:flex;gap:0;background:#1e1e1e;border-bottom:1px solid #111;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.hs-zone-tabs::-webkit-scrollbar{display:none}.hs-zone-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;background:none;border:none;border-bottom:2px solid transparent;color:#777;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}.hs-zone-tab:hover{color:#bbb;background:#252525}.hs-zone-tab.active{color:#e8a020;border-bottom-color:#e8a020;background:#252525}.hs-zone-count{background:#333;color:#aaa;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.hs-zone-tab.active .hs-zone-count{background:#e8a02033;color:#e8a020}.hs-zone-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:12px;align-content:flex-start}.hs-zone-grid .hs-table-card{aspect-ratio:1/1;min-height:130px;border-radius:8px}.hs-floor-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.hs-floor-canvas{flex:1;position:relative;overflow:hidden;background:#1a1a1a}.hs-floor-nobg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#444;font-size:13px;pointer-events:none}.hs-floor-canvas .hs-table-card{position:absolute;border-radius:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;width:90%;max-width:400px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.modal-header h3{margin:0;font-size:18px;color:#ffa726;font-weight:600}.modal-close{background:none;border:none;color:#888;font-size:28px;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#ffa7261a;color:#ffa726}.modal-body{padding:24px;text-align:center}.warning-icon{font-size:48px;margin-bottom:16px;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.modal-message{font-size:16px;color:#fff;margin-bottom:20px;line-height:1.5}.device-info{background:#0000004d;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05);text-align:left}.info-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.info-row:last-child{margin-bottom:0}.info-label{color:#888;font-size:14px;min-width:80px}.info-value{color:#e18e0c;font-weight:500;font-size:14px;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.warning-box{background:#ffa7261a;border-radius:8px;padding:16px;margin-bottom:24px;border-left:4px solid #FFA726}.warning-text{color:#ffa726;font-size:14px;margin:0;line-height:1.5}.action-buttons{display:flex;gap:12px}.action-btn{flex:1;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s}.btn-cancel{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-cancel:hover{background:#fff3;transform:translateY(-2px)}.btn-force{background:linear-gradient(135deg,#e18e0c,#ffa726);color:#000;font-weight:600}.btn-force:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e18e0c4d}@keyframes hs-popup-slide-in{0%{opacity:0;transform:translateY(-14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hs-popup-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hs-bar-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes hs-bell-ring{0%,85%,to{transform:rotate(0)}88%{transform:rotate(16deg)}92%{transform:rotate(-12deg)}96%{transform:rotate(8deg)}98%{transform:rotate(-4deg)}}@keyframes hs-panel-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hs-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hs-pulse-green{0%,to{box-shadow:0 0 0 3px #10b98140}50%{box-shadow:0 0 0 6px #10b9811a}}@keyframes hs-items-expand{0%{opacity:0;transform:translateY(-6px);max-height:0}to{opacity:1;transform:translateY(0);max-height:600px}}@keyframes hs-today-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.hs-bell-btn{position:relative;background:transparent;border:1px solid #2e3a52;color:#64748b;border-radius:8px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s;flex-shrink:0}.hs-bell-btn:hover{background:#10b98114;border-color:#10b98166;color:#10b981}.hs-bell-btn--active{background:#10b98126;border-color:#10b98180;color:#10b981;animation:hs-bell-ring 1s ease infinite}.hs-bell-btn--open{background:#10b98133;border-color:#10b981;color:#34d399;animation:none}.hs-bell-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 3px;box-shadow:0 2px 6px #ef444499;line-height:1}.hs-bell-mode-pip{position:absolute;bottom:3px;right:3px;width:5px;height:5px;border-radius:50%;background:transparent;transition:background .2s}.hs-bell-mode-pip--stack{background:#10b981}.hs-bell-mode-pip--ring{background:#60a5fa}.hs-ring-panel{position:absolute;top:44px;right:0;width:370px;background:linear-gradient(135deg,#0a1525,#0d1b2e);border:1.5px solid rgba(16,185,129,.4);border-radius:16px;box-shadow:0 16px 48px #000000b3;z-index:99998;font-family:DefagoLao,sans-serif;max-height:80vh;display:flex;flex-direction:column}.hs-ring-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid rgba(16,185,129,.2);flex-shrink:0}.hs-ring-count-badge{background:#10b98133;color:#34d399;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:700}.hs-ring-clear-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;padding:3px 8px;cursor:pointer;font-size:10px;font-weight:700}.hs-ring-close-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#34d399;border-radius:6px;width:26px;height:26px;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center}.hs-popup-stack{position:fixed;top:64px;right:16px;z-index:99997;width:340px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:rgba(16,185,129,.25) transparent;padding-bottom:8px;box-sizing:border-box;pointer-events:none;opacity:1;transform:translateY(0) scale(1);transform-origin:top right;transition:opacity .22s ease,transform .22s ease}.hs-popup-stack>*{pointer-events:all}.hs-popup-stack::-webkit-scrollbar{width:4px}.hs-popup-stack::-webkit-scrollbar-thumb{background:#10b98140;border-radius:4px}.hs-popup-stack--collapsed{opacity:0;transform:translateY(-10px) scale(.93);pointer-events:none!important}.hs-popup-stack--collapsed>*{pointer-events:none!important}@media (max-width: 600px){.hs-popup-stack{top:auto;bottom:18px;right:10px;left:10px;width:auto;max-height:56vh}.hs-popup-card{animation:hs-popup-slide-up .35s cubic-bezier(.34,1.56,.64,1)!important}.hs-ring-panel{right:-40px;width:calc(100vw - 20px);max-width:370px}}.hs-popup-dismiss-all{align-self:flex-end;background:#ef44441f;border:.5px solid rgba(239,68,68,.4);color:#f87171;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;cursor:pointer;font-family:DefagoLao,Segoe UI,sans-serif;transition:background .15s;white-space:nowrap}.hs-popup-dismiss-all:hover{background:#ef444438}.hs-popup-empty{background:#0e1a0e;border:.5px solid rgba(16,185,129,.18);border-radius:16px;padding:22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;font-family:DefagoLao,Segoe UI,sans-serif;box-sizing:border-box;width:100%}.hs-popup-empty-icon{font-size:26px;opacity:.35;animation:hs-empty-float 3s ease-in-out infinite}.hs-popup-empty-title{color:#3a6a3a;font-size:12px;font-weight:600;text-align:center}.hs-popup-empty-sub{color:#2a4a2a;font-size:10px;text-align:center}.hs-popup-card{background:#0a1f14;border:.5px solid rgba(16,185,129,.45);border-radius:16px;animation:hs-popup-slide-in .35s cubic-bezier(.34,1.56,.64,1);font-family:DefagoLao,Segoe UI,sans-serif;flex-shrink:0;width:100%;box-sizing:border-box;transition:background .4s,border-color .4s}.hs-popup-card--accepted{background:#0a2e1a;border-color:#10b981b3}.hs-popup-bar{height:3px;width:100%;background:linear-gradient(90deg,#10b981,#34d399,#10b981);background-size:200% 100%;animation:hs-bar-shimmer 2s linear infinite;border-radius:16px 16px 0 0}.hs-popup-bar--accepted{background:linear-gradient(90deg,#34d399,#6ee7b7,#34d399);background-size:200% 100%;animation:hs-bar-shimmer 1.2s linear infinite}.hs-popup-header{display:flex;align-items:center;gap:10px;padding:12px 14px 8px}.hs-popup-bell{width:36px;height:36px;border-radius:50%;background:#10b98126;border:.5px solid rgba(16,185,129,.45);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;animation:hs-bell-ring 2s ease infinite;transition:background .3s}.hs-popup-bell--accepted{background:#10b9814d;animation:none}.hs-popup-info{flex:1;min-width:0}.hs-popup-title{color:#d1fae5;font-weight:700;font-size:12.5px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-popup-table{color:#34d399;font-size:12px;font-weight:600;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.hs-popup-bill{color:#6ee7b7;font-size:10px;font-weight:400}.hs-popup-bill--accepted{background:#10b98133;border:.5px solid rgba(16,185,129,.5);color:#34d399;border-radius:6px;padding:1px 6px;font-weight:700;font-size:10px}.hs-popup-time{color:#4a7a5a;font-size:10px;margin-top:2px}.hs-popup-close{background:transparent;border:.5px solid rgba(16,185,129,.3);color:#4a7a5a;border-radius:7px;width:26px;height:26px;cursor:pointer;font-size:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,border-color .15s}.hs-popup-close:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.hs-popup-print-btn{background:#3b82f61a;border:.5px solid rgba(59,130,246,.35);color:#60a5fa;border-radius:7px;width:26px;height:26px;cursor:pointer;font-size:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s}.hs-popup-print-btn:hover{background:#3b82f638}.hs-popup-actions{display:flex;gap:6px;padding:6px 12px 10px}.hs-popup-btn-view{flex:1;min-width:0;background:#10b98114;border:.5px solid rgba(16,185,129,.35);color:#34d399;border-radius:9px;padding:9px 6px;cursor:pointer;font-size:11px;font-weight:700;font-family:DefagoLao,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;transition:background .15s,border-color .15s}.hs-popup-btn-view:hover:not(:disabled){background:#10b98129}.hs-popup-btn-view:disabled{opacity:.4;cursor:not-allowed}.hs-popup-btn-view--active{background:#10b98138;border-color:#10b981a6}.hs-popup-btn-accept{flex:1.4;min-width:0;background:#10b9812e;border:1px solid rgba(16,185,129,.6);color:#6ee7b7;border-radius:9px;padding:9px 6px;cursor:pointer;font-size:11px;font-weight:800;font-family:DefagoLao,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;transition:background .15s,border-color .15s,color .15s;position:relative}.hs-popup-btn-accept:hover:not(:disabled){background:#10b9814d;border-color:#10b981d9;color:#a7f3d0}.hs-popup-btn-accept:disabled{cursor:not-allowed}.hs-popup-btn-accept--loading{color:transparent;border-color:#10b98166}.hs-popup-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(16,185,129,.3);border-top-color:#34d399;border-radius:50%;animation:hs-spin .7s linear infinite;position:absolute}.hs-popup-spinner--dark{position:static;border-color:#10b9814d;border-top-color:#10b981}.hs-popup-btn-enter{flex:1;min-width:0;background:#ffffff0f;border:.5px solid rgba(255,255,255,.12);color:#a0b4a0;border-radius:9px;padding:9px 6px;cursor:pointer;font-size:11px;font-weight:700;font-family:DefagoLao,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;transition:background .15s,color .15s}.hs-popup-btn-enter:hover:not(:disabled){background:#ffffff1a;color:#d1d8d1}.hs-popup-btn-enter:disabled{opacity:.4;cursor:not-allowed}.hs-popup-items{margin:0 12px 12px;background:#00000059;border:.5px solid rgba(16,185,129,.2);border-radius:10px;overflow:hidden;animation:hs-items-expand .25s ease;font-family:DefagoLao,Segoe UI,sans-serif}.hs-popup-items-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;color:#34d399;font-size:11px}.hs-popup-items-header{display:flex;align-items:center;padding:6px 10px;background:#10b9811a;border-bottom:.5px solid rgba(16,185,129,.2);font-size:10px;font-weight:700;color:#6ee7b7;letter-spacing:.3px;gap:2px}.hs-popup-items-header span:nth-child(2){flex:2}.hs-popup-items-header span:nth-child(3){flex:0 0 28px;text-align:center}.hs-popup-items-header span:nth-child(4){flex:1;text-align:right}.hs-popup-items-print{background:#3b82f61f;border:.5px solid rgba(59,130,246,.3);color:#60a5fa;border-radius:5px;width:22px;height:22px;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;transition:background .15s}.hs-popup-items-print:hover{background:#3b82f640}.hs-popup-item-no{flex:0 0 18px;color:#4a7a5a;font-size:9px;font-weight:700;text-align:center;flex-shrink:0}.hs-popup-item-row{display:flex;align-items:center;padding:5px 10px;border-bottom:.5px solid rgba(16,185,129,.08);font-size:11px;gap:2px}.hs-popup-item-row:last-child{border-bottom:none}.hs-popup-item-name{flex:2;color:#a7f3d0;font-weight:600;padding-right:4px;word-break:break-word}.hs-popup-item-qty{flex:0 0 28px;text-align:center;color:#6ee7b7;font-weight:800}.hs-popup-item-price{flex:1;text-align:right;color:#34d399}.hs-popup-items-total{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#10b9811f;border-top:.5px solid rgba(16,185,129,.25);font-size:12px;font-weight:900;color:#10b981}.hs-popup-items-empty{text-align:center;padding:14px;color:#4a7a5a;font-size:11px}.hs-popup-accepted-footer{text-align:center;padding:8px 14px 12px;color:#34d399;font-size:11px;font-weight:600;font-family:DefagoLao,Segoe UI,sans-serif;animation:hs-empty-float 1.5s ease-in-out infinite}.hs-today-toggle-btn{position:relative;display:flex;align-items:center;gap:5px;padding:0 12px;height:34px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#888;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.hs-today-toggle-btn:hover{background:#333;color:#ccc;border-color:#4a4a4a}.hs-today-toggle-btn.active{background:#e8a0201f;border-color:#e8a02080;color:#e8a020}.hs-today-toggle-btn.has-pending{background:#fb923c1a;border-color:#fb923c73;color:#fb923c;animation:hs-bell-ring 2s ease infinite}.hs-today-toggle-btn.has-pending.active{animation:none}.hs-today-toggle-label{display:none}@media (min-width: 768px){.hs-today-toggle-label{display:inline}}.hs-today-toggle-badge{position:absolute;top:-6px;right:-6px;background:#f97316;color:#fff;border-radius:50%;min-width:17px;height:17px;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 2px;line-height:1;box-shadow:0 2px 6px #f973168c}.hs-today-panel{width:380px;flex-shrink:0;background:#141414;border-left:1px solid #2a2a2a;display:flex;flex-direction:column;overflow:hidden;animation:hs-today-slide-in .28s cubic-bezier(.34,1.3,.64,1);font-family:DefagoLao,Segoe UI,sans-serif}@media (max-width: 900px){.hs-today-panel{position:fixed;top:0;right:0;bottom:0;z-index:9999;width:min(380px,100vw);border-left:1.5px solid #333;box-shadow:-8px 0 32px #0009}}.hs-today-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 11px;background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-shrink:0}.hs-today-header-left{display:flex;align-items:center;gap:7px}.hs-today-header-right{display:flex;align-items:center;gap:6px}.hs-today-icon{font-size:16px;line-height:1}.hs-today-title{font-size:13px;font-weight:700;color:#ddd}.hs-today-total-badge{background:#2a2a2a;color:#888;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.hs-today-refresh-btn{background:transparent;border:1px solid #333;color:#666;border-radius:6px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.hs-today-refresh-btn:hover{background:#222;color:#aaa;border-color:#444}.hs-today-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.hs-today-close-btn{background:#ef444414;border:1px solid rgba(239,68,68,.25);color:#f87171;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.hs-today-close-btn:hover{background:#ef44442e}.hs-today-filters{display:flex;gap:0;background:#111;border-bottom:1px solid #222;flex-shrink:0}.hs-today-filter-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:9px 6px;background:none;border:none;border-bottom:2px solid transparent;color:#555;font-size:11px;font-weight:600;cursor:pointer;font-family:DefagoLao,Segoe UI,sans-serif;transition:all .15s;white-space:nowrap}.hs-today-filter-btn:hover{color:#999;background:#1a1a1a}.hs-today-filter-btn.active{color:#e8a020;border-bottom-color:#e8a020;background:#1a1a1a}.hs-today-filter-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hs-today-filter-dot--orange{background:#fb923c}.hs-today-filter-dot--green{background:#4ade80}.hs-today-filter-count{background:#252525;color:#666;border-radius:10px;padding:1px 5px;font-size:10px;font-weight:700}.hs-today-filter-btn.active .hs-today-filter-count{background:#e8a02026;color:#e8a020}.hs-today-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:#2a2a2a transparent}.hs-today-list::-webkit-scrollbar{width:4px}.hs-today-list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.hs-today-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 0;color:#555;font-size:13px}.hs-today-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 0;color:#444;font-size:12px}.hs-today-empty-icon{font-size:30px;opacity:.35}.hs-today-card{border-radius:10px;overflow:hidden;border:1px solid transparent;transition:border-color .2s,opacity .2s;flex-shrink:0}.hs-today-card--pending{background:#0f1f10;border-color:#4ade8033}.hs-today-card--pending:hover{border-color:#4ade8066}.hs-today-card--done{background:#181818;border-color:#2a2a2a;opacity:.7}.hs-today-card--done:hover{opacity:.88;border-color:#333}.hs-today-card-bar{height:2.5px;width:100%}.hs-today-card-bar--pending{background:linear-gradient(90deg,#16a34a,#4ade80,#16a34a);background-size:200% 100%;animation:hs-bar-shimmer 2.5s linear infinite}.hs-today-card-bar--done{background:#2a2a2a}.hs-today-card-header{display:flex;align-items:center;gap:9px;padding:10px 12px 9px;cursor:pointer;-webkit-user-select:none;user-select:none}.hs-today-card-icon{font-size:18px;flex-shrink:0;width:28px;text-align:center;line-height:1}.hs-today-card-meta{flex:1;min-width:0}.hs-today-card-table{font-size:13px;font-weight:700;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hs-today-card--done .hs-today-card-table{color:#666}.hs-today-card-bill{font-size:10px;color:#555;margin-top:1px}.hs-today-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.hs-today-card-status{font-size:9px;font-weight:700;border-radius:4px;padding:2px 6px;text-transform:uppercase;letter-spacing:.3px}.hs-today-card-status.pending{background:#fb923c26;color:#fb923c;border:.5px solid rgba(251,146,60,.35)}.hs-today-card-status.done{background:#4ade801a;color:#4ade80;border:.5px solid rgba(74,222,128,.2)}.hs-today-card--done .hs-today-card-status.done{background:#222;color:#444;border-color:#333}.hs-today-card-time{font-size:9px;color:#444}.hs-today-card-total{font-size:11px;font-weight:700;color:#888}.hs-today-card--pending .hs-today-card-total{color:#6ee7b7}.hs-today-card-chevron{color:#444;font-size:10px;flex-shrink:0;margin-left:2px;transition:transform .2s}.hs-today-card-items{background:#0000004d;border-top:1px solid #1e1e1e;animation:hs-items-expand .2s ease}.hs-today-items-header{display:flex;align-items:center;padding:6px 12px;background:#ffffff08;border-bottom:.5px solid #222;font-size:9px;font-weight:700;color:#444;letter-spacing:.3px;text-transform:uppercase;gap:4px}.hs-today-item-row{display:flex;align-items:center;padding:6px 12px;border-bottom:.5px solid #1a1a1a;font-size:11px;gap:4px;transition:background .1s}.hs-today-item-row:hover{background:#ffffff05}.hs-today-item-row:last-of-type{border-bottom:none}.hs-today-item-row--done{opacity:.55}.hs-today-item-name{flex:2;color:#bbb;font-weight:500;word-break:break-word;line-height:1.3}.hs-today-item-row--done .hs-today-item-name{color:#555;text-decoration:line-through}.hs-today-item-qty{flex:0 0 36px;text-align:center;color:#6ee7b7;font-weight:800}.hs-today-item-row--done .hs-today-item-qty{color:#3a5a3a}.hs-today-item-price{flex:1;text-align:right;color:#aaa}.hs-today-item-status{flex:0 0 64px;text-align:center;font-size:9px;font-weight:700;border-radius:4px;padding:2px 4px}.hs-today-item-status.pending{background:#fb923c1f;color:#fb923c}.hs-today-item-status.done{background:#4ade8014;color:#4ade80}.hs-today-items-total{display:flex;justify-content:space-between;align-items:center;padding:7px 12px;background:#ffffff08;border-top:.5px solid #222;font-size:12px;font-weight:800;color:#aaa}.hs-today-card--pending .hs-today-items-total{color:#6ee7b7}.hs-today-card-actions{display:flex;gap:6px;padding:8px 10px 10px;background:#0003}.hs-today-btn-accept{flex:1.4;background:#4ade8024;border:1px solid rgba(74,222,128,.45);color:#4ade80;border-radius:8px;padding:8px 6px;font-size:11px;font-weight:800;cursor:pointer;font-family:DefagoLao,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;white-space:nowrap}.hs-today-btn-accept:hover{background:#4ade8042;border-color:#4ade80bf;color:#86efac}.hs-today-btn-table{flex:1;background:#ffffff0d;border:.5px solid rgba(255,255,255,.1);color:#999;border-radius:8px;padding:8px 6px;font-size:11px;font-weight:700;cursor:pointer;font-family:DefagoLao,Segoe UI,sans-serif;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .15s;white-space:nowrap}.hs-today-btn-table:hover{background:#ffffff1a;color:#ccc}.hs-popup-toggle{position:fixed;bottom:16px;right:16px;z-index:99996;display:flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border-radius:24px;background:#1a1a1a;border:1px solid #333;color:#555;font-size:12px;font-weight:700;cursor:pointer;font-family:DefagoLao,Segoe UI,sans-serif;transition:all .2s;box-shadow:0 4px 16px #0006;white-space:nowrap}.hs-popup-toggle:hover{background:#222;border-color:#444;color:#aaa}.hs-popup-toggle--has-notif{background:#0a1f14;border-color:#10b98180;color:#34d399;box-shadow:0 4px 20px #10b98133}.hs-popup-toggle--open .hs-popup-toggle-chevron{transform:rotate(180deg)}.hs-popup-toggle-bell{font-size:14px}.hs-popup-toggle-badge{background:#ef4444;color:#fff;border-radius:50%;min-width:16px;height:16px;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 2px;line-height:1}.hs-popup-toggle-label{font-size:11px}.hs-popup-toggle-chevron{font-size:8px;transition:transform .2s}@media (max-width: 600px){.hs-header{padding:0 8px;gap:6px;height:48px}.hs-logo-text,.hs-user-name{display:none}.hs-statusbar{gap:6px;padding:5px 10px}.hs-statusbar-stats{gap:10px;padding-left:8px}.hs-grid-auto,.hs-zone-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.hs-popup-toggle{bottom:10px;right:10px}}@media (min-width: 1400px){.hs-grid-auto,.hs-zone-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.hs-grid-auto .hs-table-card,.hs-zone-grid .hs-table-card{min-height:150px}}@media (min-width: 1920px){.hs-grid-auto,.hs-zone-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.hs-grid-auto .hs-table-card,.hs-zone-grid .hs-table-card{min-height:170px}}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#000000f2!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;animation:overlayFadeIn .2s ease-out!important}@keyframes overlayFadeIn{0%{opacity:0!important;-webkit-backdrop-filter:blur(0px)!important;backdrop-filter:blur(0px)!important}to{opacity:1!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important}}.modal-container{background:linear-gradient(135deg,#23232dfa,#191923fc)!important;padding:25px!important;border-radius:16px!important;width:360px!important;max-width:90vw!important;max-height:85vh!important;overflow-y:auto!important;box-shadow:0 20px 60px #000c!important;position:relative!important;z-index:1000000!important;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1)!important;transform:translateY(0) scale(1)!important;opacity:1!important;visibility:visible!important;border:none!important}@keyframes modalSlideIn{0%{opacity:0!important;transform:translateY(-30px) scale(.96)!important}to{opacity:1!important;transform:translateY(0) scale(1)!important}}.close-btn{position:absolute!important;top:12px!important;right:12px!important;background:#ffffff26!important;border:none!important;width:28px!important;height:28px!important;border-radius:8px!important;color:#ddd!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;z-index:1000002!important;box-shadow:0 3px 10px #0000004d!important}.close-btn:hover:not(:disabled){background:#ff4d4d66!important;color:#ff4d4d!important;transform:rotate(90deg) scale(1.2)!important;box-shadow:0 4px 15px #ff4d4d66!important}.close-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.modal-header{text-align:center!important;margin-bottom:20px!important;padding-bottom:15px!important;border-bottom:none!important}.warning-icon{font-size:1.6rem!important;color:#ff4d4d!important;margin-bottom:6px!important;display:block!important;filter:drop-shadow(0 3px 6px rgba(255,77,77,.5))!important}.modal-title{color:#fff!important;font-size:1.3rem!important;font-weight:900!important;margin:0!important;text-shadow:0 3px 8px rgba(0,0,0,.5)!important;letter-spacing:.8px!important}.info-row-single{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:25px!important;padding:16px!important;background:#ffffff14!important;border-radius:12px!important;border:none!important;box-shadow:inset 0 2px 4px #0006,0 2px 8px #0003!important;position:relative!important}.info-row-single:after,.info-row-single:before,.info-item-single:after,.info-item-single:before{display:none!important;content:none!important}.info-item-single{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;flex:1!important;padding:0 10px!important;position:static!important}.info-label-single{color:#bbb!important;font-size:.75rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:5px!important;white-space:nowrap!important}.info-value-single{color:#fff!important;font-size:1.05rem!important;font-weight:900!important;white-space:nowrap!important;text-shadow:0 2px 4px rgba(0,0,0,.4)!important}.info-value-single.highlight{color:#ff4d4d!important;text-shadow:0 0 15px rgba(255,77,77,.6)!important;font-size:1.1rem!important}.textarea-container{margin-bottom:20px!important}.textarea-label{display:flex!important;justify-content:space-between!important;align-items:center!important;color:#eee!important;font-size:.85rem!important;font-weight:800!important;margin-bottom:10px!important}.char-counter{color:#999!important;font-size:.75rem!important;font-weight:700!important}.void-textarea{width:100%!important;min-height:80px!important;max-height:120px!important;padding:14px 16px!important;background:#ffffff17!important;border:2px solid rgba(255,255,255,.18)!important;border-radius:10px!important;color:#fff!important;font-size:.88rem!important;font-family:inherit!important;resize:vertical!important;transition:all .25s ease!important;line-height:1.5!important;box-sizing:border-box!important}.void-textarea:focus{outline:none!important;border-color:#ff4d4d!important;background:#ffffff1f!important;box-shadow:0 0 0 4px #ff4d4d40,inset 0 2px 6px #0000004d!important}.void-textarea::placeholder{color:#999!important;font-size:.83rem!important;font-weight:600!important}.void-textarea:disabled{opacity:.6!important;cursor:not-allowed!important}.modal-buttons{display:flex!important;gap:14px!important;margin-top:25px!important}.cancel-btn{flex:1!important;padding:14px!important;background:#ffffff1f!important;border:none!important;border-radius:10px!important;color:#ddd!important;font-size:.88rem!important;font-weight:900!important;cursor:pointer!important;transition:all .25s ease!important;letter-spacing:.8px!important;text-transform:uppercase!important}.cancel-btn:hover:not(:disabled){background:#fff3!important;color:#fff!important;transform:translateY(-3px)!important;box-shadow:0 6px 20px #0006!important}.confirm-btn{flex:1!important;padding:14px!important;background:linear-gradient(135deg,#f33,#ff4d4d,#ff1a1a)!important;border:none!important;border-radius:10px!important;color:#fff!important;font-size:.88rem!important;font-weight:900!important;cursor:pointer!important;transition:all .25s ease!important;box-shadow:0 6px 20px #ff4d4d73,inset 0 1px 2px #ffffff40!important;letter-spacing:.8px!important;text-transform:uppercase!important;text-shadow:0 2px 4px rgba(0,0,0,.4)!important;position:relative!important;overflow:hidden!important}.confirm-btn:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:linear-gradient(135deg,#ffffff26,#ffffff14,#ffffff26)!important;opacity:0!important;transition:opacity .25s ease!important}.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff1a1a,#f33,red)!important;transform:translateY(-4px)!important;box-shadow:0 8px 25px #ff4d4d99,inset 0 1px 2px #ffffff40!important}.confirm-btn:hover:not(:disabled):before{opacity:1!important}.confirm-btn:active:not(:disabled){transform:translateY(0)!important;box-shadow:0 3px 15px #ff4d4d66,inset 0 1px 2px #ffffff26!important}.cancel-btn:disabled,.confirm-btn:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.loading-overlay{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#000000f2!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;border-radius:16px!important;z-index:1000003!important}.loading-spinner{width:40px!important;height:40px!important;border:4px solid rgba(255,255,255,.12)!important;border-top:4px solid #ff4d4d!important;border-radius:50%!important;animation:spin .8s linear infinite!important;margin-bottom:15px!important}@keyframes spin{0%{transform:rotate(0)!important}to{transform:rotate(360deg)!important}}.loading-text{color:#fff!important;font-size:.85rem!important;font-weight:800!important;text-shadow:0 2px 4px rgba(0,0,0,.4)!important;letter-spacing:.5px!important}.warning-note{margin-top:20px!important;padding:12px!important;background:#ff4d4d26!important;border:none!important;border-radius:10px!important;text-align:center!important;box-shadow:inset 0 2px 4px #0000004d,0 2px 8px #ff4d4d33!important}.warning-note p{color:#faa!important;font-size:.75rem!important;margin:0!important;line-height:1.6!important;font-weight:800!important;letter-spacing:.4px!important}.modal-container::-webkit-scrollbar{width:8px!important}.modal-container::-webkit-scrollbar-track{background:#ffffff0f!important;border-radius:4px!important;margin:15px 0!important}.modal-container::-webkit-scrollbar-thumb{background:#ff4d4d99!important;border-radius:4px!important}.modal-container::-webkit-scrollbar-thumb:hover{background:#ff4d4dcc!important}.void-textarea::-webkit-scrollbar{width:6px!important}.void-textarea::-webkit-scrollbar-track{background:#ffffff0f!important;border-radius:3px!important}.void-textarea::-webkit-scrollbar-thumb{background:#ff4d4d80!important;border-radius:3px!important}.void-textarea::-webkit-scrollbar-thumb:hover{background:#ff4d4db3!important}@media (max-width: 400px){.modal-container{width:94%!important;padding:20px!important;margin:0 10px!important}.info-row-single{padding:14px!important;margin-bottom:20px!important}.info-label-single{font-size:.7rem!important}.info-value-single{font-size:.95rem!important}.modal-title{font-size:1.15rem!important}.cancel-btn,.confirm-btn{padding:12px!important;font-size:.83rem!important}.void-textarea{padding:12px 14px!important;font-size:.85rem!important}}.modal-container,.modal-header,.info-row-single,.info-item-single,.warning-note,.cancel-btn,.confirm-btn,.void-textarea,.close-btn{border:none!important;outline:none!important}*:before,*:after{content:none!important;display:none!important}.info-row-single,.warning-note,.void-textarea{box-shadow:none!important}.modal-overlay *{border:none!important;box-shadow:none!important}@font-face{font-family:PB Warnjai Bold;src:url(/fonts/PB_Warnjai_Bold.ttf) format("truetype"),url(/fonts/PBWarnjaiBold.woff) format("woff"),url(/fonts/PBWarnjaiBold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{font-family:PB Warnjai Bold,Noto Sans Lao,Phetsarath OT,Saysettha OT,sans-serif}.discount-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.discount-modal-container{width:580px;height:560px;background:linear-gradient(145deg,#2c2f36,#1e2026);color:#fff;padding:20px;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 12px 35px #0009,0 0 0 1px #ff98001a,inset 0 1px #ffffff1a;border:1px solid rgba(255,152,0,.15);animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;font-family:PB Warnjai Bold,Noto Sans Lao,sans-serif}.discount-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff9800,#ff5722);border-radius:16px 16px 0 0}@keyframes slideUp{0%{opacity:0;transform:translateY(25px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.discount-modal-header{text-align:center;margin-bottom:15px;position:relative;padding-bottom:10px}.discount-modal-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70px;height:2px;background:linear-gradient(90deg,transparent,#FF9800,transparent);border-radius:2px}.discount-title{font-size:22px;font-weight:700;background:linear-gradient(90deg,#ff9800,#ffd180);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:5px;font-family:PB Warnjai Bold,sans-serif;line-height:1.1}.discount-info{font-size:11px;color:#b0b7c3;background:#ff98001a;padding:6px 12px;border-radius:6px;display:inline-block;border:1px solid rgba(255,152,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:PB Warnjai Bold,sans-serif;line-height:1.3}.discount-modal-content{display:flex;justify-content:space-between;gap:20px;margin:10px 0;flex-grow:1}.discount-left-section{width:48%;background:#1e2026cc;border-radius:10px;padding:16px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 6px #0000004d;font-family:PB Warnjai Bold,sans-serif}.discount-label{font-size:11px;font-weight:700;color:#ffd180;margin-bottom:6px;display:block;font-family:PB Warnjai Bold,sans-serif;text-transform:none;letter-spacing:.3px}.discount-radio-group{display:flex;gap:12px;margin-bottom:16px;background:#ff98000d;padding:10px;border-radius:6px;border:1px solid rgba(255,152,0,.1)}.discount-radio-group label{display:flex;align-items:center;font-size:11px;color:#e0e0e0;cursor:pointer;padding:6px 10px;border-radius:5px;transition:all .3s ease;flex:1;justify-content:center;font-family:PB Warnjai Bold,sans-serif;line-height:1.3;position:relative}.discount-radio-group label:hover{background:#ff98001a}.discount-radio-group input[type=radio]{display:none}.discount-radio-group label:before{content:"";width:16px;height:16px;border:2px solid #FF9800;border-radius:50%;margin-right:6px;transition:all .3s ease;background:transparent;box-sizing:border-box}.discount-radio-group label:after{content:"";position:absolute;left:15px;width:8px;height:8px;border-radius:50%;background:#ff9800;transform:scale(0);transition:transform .3s ease;box-shadow:0 0 5px #ff980080}.discount-radio-group input[type=radio]:checked+span{color:#ff9800;font-weight:700}.discount-radio-group input[type=radio]:checked+span:before{border-color:#ff9800;background:#ff98001a}.discount-radio-group input[type=radio]:checked+span:after{transform:scale(1)}.radio-label{font-family:PB Warnjai Bold,sans-serif;font-size:11px;line-height:1.3}.discount-select,.discount-input-field,.discount-major-select{width:95%;padding:10px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:#282b33cc;color:#fff;font-size:12px;margin-bottom:12px;transition:all .3s ease;box-shadow:inset 0 2px 3px #0003;font-family:PB Warnjai Bold,sans-serif;line-height:1.3;margin-left:auto;margin-right:auto;display:block}.discount-select:focus,.discount-input-field:focus,.discount-major-select:focus{outline:none;border-color:#ff9800;box-shadow:0 0 0 1px #ff980033,inset 0 2px 3px #0000004d;transform:translateY(-1px)}.discount-input-field::placeholder{color:#aaa;font-family:PB Warnjai Bold,sans-serif;font-size:11px}.discount-major-select option{font-family:PB Warnjai Bold,sans-serif;padding:6px;font-size:12px}.discount-options-container{display:grid;gap:6px;margin-top:12px}.discount-percentage-options{grid-template-columns:repeat(6,1fr);width:100%;max-width:330px;margin:0 auto}.discount-fixed-options{grid-template-columns:repeat(3,1fr);width:100%;max-width:300px;margin:0 auto}.discount-option-btn{height:34px;background:linear-gradient(145deg,#3a3f47,#2c2f36);color:#fff;border:1px solid rgba(255,255,255,.1);cursor:pointer;border-radius:6px;font-size:11px;font-weight:700;transition:all .3s ease;position:relative;overflow:hidden;font-family:PB Warnjai Bold,sans-serif;display:flex;align-items:center;justify-content:center;line-height:1.1}.discount-option-btn:hover{transform:translateY(-2px);border-color:#ff9800;box-shadow:0 3px 8px #ff98004d}.discount-percentage-options .discount-option-btn{width:40px;height:32px;font-size:10px;padding:0}.discount-fixed-options .discount-option-btn{width:90px;height:32px;font-size:10px;padding:0}.discount-right-section{width:48%;background:#1e2026cc;border-radius:10px;padding:16px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 6px #0000004d;display:flex;flex-direction:column;align-items:center}.discount-value-input{width:100%;padding:14px;border-radius:8px;border:2px solid transparent;background:linear-gradient(145deg,#2c2f36,#1e2026) padding-box,linear-gradient(145deg,#ff9800,#ff5722) border-box;color:#fff;font-size:18px;font-weight:700;text-align:center;margin-bottom:16px;transition:all .3s ease;font-family:PB Warnjai Bold,sans-serif;letter-spacing:.5px}.discount-value-input:focus{outline:none;box-shadow:0 0 15px #ff98004d;transform:scale(1.01)}.discount-value-input::placeholder{color:#aaa;font-size:14px;font-weight:700;font-family:PB Warnjai Bold,sans-serif}.discount-number-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:200px}.discount-number-pad .discount-num-btn{padding:12px 8px;font-size:16px;font-weight:700;border:none;border-radius:8px;background:linear-gradient(145deg,#3a3f47,#2c2f36);color:#fff;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:2px 2px 4px #0000004d,-2px -2px 4px #ffffff0d;min-height:42px;display:flex;align-items:center;justify-content:center;font-family:"Microsoft Sans Serif",Segoe UI,sans-serif;line-height:1}.discount-number-pad .discount-num-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #ff98004d}.discount-number-pad .discount-num-btn:active{transform:translateY(0);box-shadow:0 2px 5px #ff980033}.discount-number-pad .discount-num-btn:nth-child(10),.discount-number-pad .discount-num-btn:nth-child(12){background:linear-gradient(145deg,#ff5722,#ff9800);color:#fff;font-size:14px;font-family:"Microsoft Sans Serif",Segoe UI,sans-serif}.discount-number-pad .discount-num-btn:nth-child(10){font-size:16px}.discount-number-pad .discount-num-btn:nth-child(12){font-size:18px}.discount-button-group{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.discount-button-group .discount-btn{padding:12px 25px;font-size:14px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .4s ease;letter-spacing:.3px;position:relative;overflow:hidden;min-width:140px;font-family:PB Warnjai Bold,sans-serif;line-height:1.3;text-transform:none}.discount-button-group .discount-btn:hover{transform:translateY(-1px)}.discount-button-group .discount-cancel-btn{background:linear-gradient(145deg,#6c757d,#5a6268);color:#fff;box-shadow:0 3px 10px #6c757d66}.discount-button-group .discount-cancel-btn:hover{box-shadow:0 5px 15px #6c757d99}.discount-button-group .discount-confirm-btn{background:linear-gradient(145deg,#28a745,#218838);color:#fff;box-shadow:0 3px 10px #28a74566}.discount-button-group .discount-confirm-btn:hover{box-shadow:0 5px 15px #28a74599;background:linear-gradient(145deg,#34ce57,#28a745)}.discount-modal-container,.discount-modal-header,.discount-label,.discount-radio-group label,.radio-label,.discount-select,.discount-input-field,.discount-major-select,.discount-option-btn,.discount-value-input,.discount-btn{font-family:PB Warnjai Bold,sans-serif!important}@media (max-width: 650px){.discount-modal-container{width:95%;height:auto;max-height:85vh;overflow-y:auto;padding:15px}.discount-modal-content{flex-direction:column;gap:15px}.discount-left-section,.discount-right-section{width:100%;padding:12px}.discount-percentage-options{grid-template-columns:repeat(3,1fr)}.discount-number-pad{max-width:180px;gap:4px}.discount-number-pad .discount-num-btn{padding:10px 6px;font-size:14px;min-height:38px;font-family:"Microsoft Sans Serif",Segoe UI,sans-serif}.discount-button-group{flex-direction:column;gap:10px}.discount-button-group .discount-btn{width:100%;padding:12px;font-size:13px}.discount-title{font-size:20px}.discount-info{font-size:10px;padding:5px 10px}.discount-percentage-options .discount-option-btn{font-size:9px;height:30px;width:35px}}.discount-modal-container::-webkit-scrollbar{width:5px}.discount-modal-container::-webkit-scrollbar-track{background:#ff98001a;border-radius:6px}.discount-modal-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff9800,#ff5722);border-radius:6px}.discount-num-btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.discount-label,.radio-label,.discount-btn{word-spacing:.5px}@font-face{font-family:PBWarnjaiBold;src:url(./PBWarnjaiBold-B2fmoAjk.ttf) format("truetype");font-weight:400;font-style:normal}:root{--scale-factor: 1;--base-font-size: 16px;--header-height: 8vh;--sidebar-width: 7vw;--invoice-width: 21vw;--summary-height: 15vh;--major-height: 11vh;--sub-width: 10vw;--sale-width: 61vw;--gap: 1px;--bg-dark: #222;--bg-medium: #303030;--bg-light: #3d3d3d;--text-primary: #fff;--text-secondary: #ccc;--accent-primary: #4CAF50;--accent-secondary: #ff9800;--danger: #ff4d4d;--border-color: #444}body{font-family:PBWarnjaiBold,sans-serif;font-size:var(--base-font-size);margin:0;padding:0;overflow:hidden;height:100vh;width:100vw;background-color:var(--bg-dark)}.order-page{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-dark);padding:var(--gap);box-sizing:border-box;overflow:hidden;display:grid;grid-template-areas:"header header header header" "sidebar invoice sub major" "sidebar invoice sub sale" "summary summary sub sale";grid-template-rows:var(--header-height) var(--major-height) 1fr var(--summary-height);grid-template-columns:var(--sidebar-width) var(--invoice-width) var(--sub-width) 1fr}.header{display:flex;align-items:flex-start;background:#333;padding:10px 20px;height:40px;box-shadow:0 2px 10px #0000004d;z-index:100;border-bottom:2px solid #444;justify-content:flex-start;position:relative}.back-btn{background:#555;color:#fff;border:none;padding:2px 12px;border-radius:4px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;margin-right:10px;display:flex;align-items:center;justify-content:center}.back-btn:hover{background-color:var(--border-color);transform:translateY(-1px)}.sidebar-toggle-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 12px;cursor:pointer;font-weight:600;font-size:1.2rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);margin-right:10px;min-width:40px;height:30px;box-shadow:0 2px 8px #4f46e54d,0 1px 3px #4f46e533;position:relative;overflow:hidden}.sidebar-toggle-btn:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566,0 2px 6px #4f46e54d}.sidebar-toggle-btn:active{transform:translateY(0)}.sidebar-toggle-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);opacity:0;transition:opacity .3s ease;border-radius:4px}.sidebar-toggle-btn:hover:before{opacity:1}.sidebar-toggle-btn .toggle-icon{font-size:16px;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}.layout-2.hidden~.header .sidebar-toggle-btn .toggle-icon{transform:rotate(180deg)}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes rotateIconBack{0%{transform:rotate(180deg)}to{transform:rotate(0)}}.layout-2:not(.hidden)~.header .sidebar-toggle-btn .toggle-icon{animation:rotateIconBack .3s ease}.layout-2.hidden~.header .sidebar-toggle-btn .toggle-icon{animation:rotateIcon .3s ease}.sidebar-toggle-btn .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#1e293bf2;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d;border:1px solid rgba(255,255,255,.1)}.sidebar-toggle-btn .tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:rgba(30,41,59,.95) transparent transparent transparent}.sidebar-toggle-btn:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}@media (max-width: 768px){.sidebar-toggle-btn{padding:2px 8px;min-width:36px;height:28px;font-size:1.1rem}.sidebar-toggle-btn .toggle-icon{font-size:15px}}@media (max-width: 480px){.sidebar-toggle-btn{padding:2px 6px;min-width:34px;height:26px;font-size:1rem}.sidebar-toggle-btn .toggle-icon{font-size:14px}}.table-no{font-size:.65rem;font-weight:500;color:#fff;background:transparent;padding:6px 12px;border-radius:4px;white-space:nowrap;margin-right:10px}.search-input{padding:8px 12px;border-radius:4px;border:1px solid #555;background:#222;color:#fff;min-width:120px;font-size:.9rem;margin-right:10px}.search-input:focus{border-color:var(--accent-secondary);box-shadow:0 0 5px #ff980080}.quantity-container{display:flex;align-items:center;gap:5px;background:#444;padding:4px;border-radius:4px;margin-right:10px}.quantity-btn{width:25px;height:25px;border-radius:50%;border:1px solid var(--accent-primary);background-color:var(--bg-medium);font-size:12px;color:var(--accent-primary);display:flex;justify-content:center;align-items:center;cursor:pointer;min-width:25px;min-height:25px;transition:all .2s ease}.quantity-btn:hover{background-color:var(--accent-primary);color:#fff;transform:scale(1.1)}.quantity-input{padding:0 5px;font-size:14px;border-radius:15px;border:1px solid var(--accent-primary);color:var(--text-secondary);background-color:var(--bg-medium);width:40px;text-align:center;height:100%;-moz-appearance:textfield;-webkit-appearance:none;box-sizing:border-box}.quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.logout-btn{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.logout-btn:hover{background-color:#f33;transform:translateY(-1px);box-shadow:0 2px 5px #ff4d4d4d}.layout-2{grid-area:sidebar;background:linear-gradient(135deg,#3d3d3d,#3d3d3d);border-radius:0;display:flex;flex-direction:column;gap:20px;padding:5px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;height:calc(92vh - var(--header-height) - var(--summary-height) - (var(--gap) * 3));width:97%;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #0006,0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.08);position:relative;margin-bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translate(0);opacity:1;visibility:visible}.layout-2.hidden{transform:translate(-100%);opacity:0;visibility:hidden;width:0;min-width:0;padding:0;margin:0;border:none;overflow:hidden;position:absolute;left:-100%}.layout-2.hidden~.layout-3{grid-column:1 / span 2;width:calc(var(--sidebar-width) + var(--invoice-width) + var(--gap))}.layout-2.hidden~.layout-4{grid-column:1 / span 2;width:calc(var(--sidebar-width) + var(--invoice-width) + var(--gap))}.layout-2:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f608,#a855f708,#ec489908);border-radius:16px;pointer-events:none;transition:opacity .3s ease}.layout-2.hidden:before{opacity:0}.toggle-menu-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid rgba(255,255,255,.15);border-radius:12px;width:100%;min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer;margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff;font-weight:600;font-size:13px;box-shadow:0 4px 12px #4f46e54d,0 2px 4px #4f46e533;position:relative;overflow:hidden;z-index:1}.toggle-menu-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff1a);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:-1}.toggle-menu-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566,0 4px 8px #4f46e54d}.toggle-menu-btn:hover:before{opacity:1}.toggle-menu-btn:active{transform:translateY(0)}.toggle-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);font-size:14px}.toggle-menu-btn.hidden .toggle-icon{transform:rotate(180deg)}.toggle-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}.layout-2.hidden .toggle-text{opacity:0;width:0}.layout-2.hidden .toggle-menu-btn{justify-content:center;padding:0;min-height:40px;width:100%}.layout-2.hidden .toggle-menu-btn .toggle-text{display:none}.sidebar-content{display:flex;flex-direction:column;gap:8px;transition:all .3s ease;flex:1}.layout-2.hidden .sidebar-content{opacity:0;height:0;overflow:hidden;pointer-events:none;gap:0}.button-item-layout2{background:linear-gradient(145deg,#1e293bcc,#0f172ae6);border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:8px;padding:14px 10px;cursor:pointer;width:100%;flex-shrink:0;min-height:65px;display:flex;align-items:center;justify-content:flex-start;text-align:left;word-wrap:break-word;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);color:#e2e8f0e6;font-weight:500;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a,inset 0 1px #ffffff0d;position:relative;z-index:1}.button-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:12px;flex-shrink:0;font-size:16px;color:#94a3b8e6;transition:all .3s ease}.button-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease}.layout-2.hidden .button-item-layout2{padding:14px 0;justify-content:center;min-height:55px;border-radius:10px}.layout-2.hidden .button-text{opacity:0;width:0;display:none}.layout-2.hidden .button-icon{margin-right:0;font-size:18px}.button-item-layout2 .tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%) translate(10px);background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:8px 12px;border-radius:8px;font-size:10px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none;z-index:100;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;border:1px solid rgba(255,255,255,.1)}.button-item-layout2 .tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:6px 6px 6px 0;border-color:transparent #1e293b transparent transparent}.layout-2.hidden .button-item-layout2:hover .tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(15px)}.button-item-layout2:hover{background:linear-gradient(145deg,#2563eb26,#4f46e533);color:#fff;transform:translate(3px);box-shadow:0 8px 16px -4px #0000004d,0 4px 8px -2px #0003,0 0 20px #6366f133;border-color:#6366f14d}.button-item-layout2:hover .button-icon{color:#fff;transform:scale(1.1)}.button-item-layout2.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:#8b5cf680;box-shadow:0 4px 14px #6366f166,0 2px 8px #6366f14d,inset 0 1px #fff3;transform:translate(2px)}.button-item-layout2.active .button-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.button-item-layout2 .badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 8px #ef444466;border:2px solid rgba(30,41,59,.9);z-index:2}.layout-2.hidden .button-item-layout2 .badge{top:-3px;right:-3px;min-width:18px;height:18px;font-size:9px}.sidebar-footer{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.layout-2.hidden .sidebar-footer{opacity:0;height:0;overflow:hidden;padding-top:0;border-top:none}.quick-action-btn{background:#1e293b99;border:1px solid rgba(255,255,255,.08);border-radius:10px;width:100%;height:40px;display:flex;align-items:center;justify-content:flex-start;padding:0 12px;cursor:pointer;transition:all .3s ease;color:#94a3b8e6;font-size:12px;margin-bottom:5px}.quick-action-btn:hover{background:#2563eb26;color:#fff;transform:translate(2px)}.layout-2.hidden .quick-action-btn{justify-content:center;padding:0}.layout-2.hidden .quick-action-btn .btn-text{display:none}.layout-2::-webkit-scrollbar{width:6px}.layout-2::-webkit-scrollbar-track{background:#0f172a4d;border-radius:10px;margin:4px 0;border:1px solid rgba(255,255,255,.05)}.layout-2::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#6366f1,#8b5cf6);border-radius:10px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.layout-2::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#8b5cf6,#a855f7);box-shadow:0 0 8px #8b5cf666}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.button-item-layout2{animation:slideIn .3s ease-out;animation-fill-mode:both}.button-item-layout2:nth-child(1){animation-delay:.05s}.button-item-layout2:nth-child(2){animation-delay:.1s}.button-item-layout2:nth-child(3){animation-delay:.15s}.button-item-layout2:nth-child(4){animation-delay:.2s}.button-item-layout2:nth-child(5){animation-delay:.25s}.button-item-layout2:nth-child(6){animation-delay:.3s}.button-item-layout2:nth-child(7){animation-delay:.35s}.button-item-layout2:nth-child(8){animation-delay:.4s}.button-item-layout2:nth-child(9){animation-delay:.45s}.button-item-layout2:nth-child(10){animation-delay:.5s}.layout-2:not(.hidden) .sidebar-content{animation:fadeIn .3s ease-out}@media (max-width: 1024px){.layout-2{padding:10px;gap:8px}.button-item-layout2{min-height:60px;padding:12px 8px;font-size:12px}.toggle-menu-btn{min-height:40px;font-size:12px;padding:0 10px}}@media (max-width: 768px){.layout-2{padding:8px;gap:6px}.button-item-layout2{min-height:55px;padding:10px 6px;font-size:11px;border-radius:10px}.button-icon{width:20px;height:20px;margin-right:10px;font-size:14px}.layout-2.hidden .button-icon{font-size:16px}.toggle-menu-btn{min-height:38px;font-size:11px}}@media (max-width: 480px){.layout-2{padding:6px;gap:5px}.button-item-layout2{min-height:50px;padding:8px 4px;font-size:10px}.button-icon{width:18px;height:18px;margin-right:8px;font-size:13px}.layout-2.hidden .button-icon{font-size:15px}.toggle-menu-btn{min-height:35px;font-size:10px}}.button-item-layout2:focus-visible,.toggle-menu-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px;box-shadow:0 0 0 4px #6366f133,0 4px 12px #0000004d}.category-header{color:#94a3b8cc;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:12px;margin-bottom:6px;padding-left:8px;text-align:left;position:relative;transition:opacity .3s ease}.category-header:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,rgba(99,102,241,.2),transparent)}.layout-2.hidden .category-header{opacity:0;height:0;margin:0;padding:0;overflow:hidden}.button-item-layout2:hover{background-color:var(--accent-secondary);color:#000;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.button-item-layout2.active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.layout-3{grid-area:invoice;background-color:var(--bg-light);border-radius:5px;display:flex;flex-direction:column;overflow:hidden;height:calc(94vh - var(--header-height) - var(--summary-height) - (var(--gap) * 3));margin-bottom:0;transition:width .4s ease}.invoice-table-container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.invoice-table-container::-webkit-scrollbar{width:8px}.invoice-table-container::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px;margin:2px 0}.invoice-table-container::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.invoice-table-container::-webkit-scrollbar-thumb:hover{background:#777}.invoice-table{width:100%;border-collapse:collapse;font-size:13px;color:var(--text-primary);table-layout:fixed;border:none!important;border-spacing:0}.invoice-table th,.invoice-table td,.invoice-table tr{border:none!important;border-bottom:none!important;border-top:none!important;border-left:none!important;border-right:none!important;border-width:0!important;border-style:none!important;border-color:transparent!important}.invoice-table th{background:var(--bg-medium);font-weight:700;position:sticky;top:0;z-index:10;color:var(--text-primary);border:none!important;border-bottom:none!important}.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){width:20%}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:40%}.invoice-table th:nth-child(3),.invoice-table td:nth-child(3){width:20%}.invoice-table th:nth-child(4),.invoice-table td:nth-child(4){width:20%;text-align:right;font-family:monospace}.invoice-table tbody tr:hover{background-color:#ffffff0d;cursor:pointer}.invoice-table tbody tr.selected{background-color:#4caf5033}.invoice-table tbody tr.separator-row td{padding:4px 0!important;text-align:center!important;color:#777!important;font-size:10px!important;letter-spacing:1px!important;height:1px!important;line-height:1!important}.layout-4{grid-area:summary;background-color:var(--bg-medium);border-radius:5px;padding:5px 15px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;height:20vh;margin-top:-55px;transition:width .4s ease}.summary-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.summary-line{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--text-secondary);white-space:nowrap;padding:2px 0;height:28px}.summary-line.sub-total{color:var(--text-secondary)}.summary-line.discount{color:#ff6b6b}.summary-line.grand-total{border-top:2px solid var(--border-color);padding-top:6px;margin-top:4px;font-size:14px;color:var(--accent-primary);font-weight:700;height:32px}.summary-value{min-width:100px;text-align:right;font-family:monospace;font-weight:700;font-size:13px}.layout-4-buttons{display:flex;justify-content:space-between;gap:10px;margin-top:8px}.settle-btn,.print-btn-direct{flex:1;padding:8px 10px;font-size:13px;border-radius:6px;border:none;cursor:pointer;text-align:center;white-space:nowrap;font-weight:700;transition:all .2s ease;min-height:36px}.settle-btn{background-color:var(--accent-secondary);color:#000}.settle-btn:hover{background-color:#e68900;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.print-btn-direct{background-color:var(--accent-primary);color:#fff}.print-btn-direct:hover{background-color:#3d8b40;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.layout-5{grid-area:major;background-color:var(--bg-medium);border-radius:5px;display:flex;overflow-x:auto;gap:6px;padding:6px;align-items:center;height:var(--major-height)}.major-item-btn{background-color:var(--bg-light);font-size:14px;border:none;cursor:pointer;border-radius:4px;white-space:nowrap;width:170px;height:90%;padding:0 15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .2s ease;font-weight:700}.major-item-btn:hover,.major-item-btn.selected{background-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.layout-6{grid-area:sub;background-color:var(--bg-medium);border-radius:5px;display:flex;flex-direction:column;gap:4px;padding:6px;overflow-y:auto;overflow-x:hidden;height:calc(100vh - var(--header-height) - (var(--gap) * 2));margin-bottom:1px}.layout-6::-webkit-scrollbar{width:6px}.layout-6::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:3px;margin:2px 0}.layout-6::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.layout-6::-webkit-scrollbar-thumb:hover{background:#777}.sub-item-btn{background-color:var(--bg-light);font-size:13px;border:none;cursor:pointer;border-radius:4px;padding:10px 6px;width:100%;min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center;word-wrap:break-word;overflow:hidden;flex-shrink:0;box-sizing:border-box;transition:all .2s ease}.sub-item-btn:hover,.sub-item-btn.selected{background-color:var(--accent-secondary);color:#000;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.layout-7{grid-area:sale;background-color:var(--bg-medium);border-radius:5px;overflow:hidden;padding:8px;height:calc(100vh - var(--header-height) - var(--major-height) - (var(--gap) * 3));margin-bottom:1px}.sale-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:7px;width:100%;height:100%;overflow-y:auto;align-content:start;padding:5px}.sale-items-grid::-webkit-scrollbar{width:8px}.sale-items-grid::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px;margin:2px 0}.sale-items-grid::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.sale-items-grid::-webkit-scrollbar-thumb:hover{background:#777}.sale-item-btn{padding:16px 12px;background-color:#088408;color:#fff;border:none;border-radius:4px;cursor:pointer;text-align:center;font-size:14px;min-height:90px;display:flex;flex-direction:column;justify-content:center;align-items:center;word-wrap:break-word;transition:all .2s ease;position:relative;overflow:hidden}.sale-item-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.1),transparent);pointer-events:none}.sale-item-btn .price{font-size:12px;color:#f4f4f4;margin-top:6px;font-weight:700}.sale-item-btn:hover{background-color:var(--accent-secondary);color:#000;transform:translateY(-3px) scale(1.02);box-shadow:0 4px 8px #0003;z-index:1}.sale-item-btn .item-name{font-weight:700;margin-bottom:5px}.sale-item-btn.out-of-stock{background-color:#666;opacity:.7;cursor:not-allowed}.sale-item-btn.out-of-stock:hover{background-color:#666;transform:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:350px;min-height:220px;background:var(--bg-light);padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:12px;box-shadow:0 8px 25px #0000004d;border:1px solid var(--border-color)}.modal-title{color:var(--text-primary);font-size:18px;margin-bottom:20px;text-align:center}.qty-container{display:flex;align-items:center;gap:15px;margin:20px 0}.qty-container button{width:50px;height:40px;font-size:20px;border:none;background:var(--accent-secondary);color:#f5f5f5;cursor:pointer;border-radius:8px;font-weight:700;transition:all .2s ease}.qty-container button:hover{background:#e68900;transform:scale(1.05)}.qty-container input{width:70px;height:45px;text-align:center;font-size:18px;border:2px solid var(--accent-primary);border-radius:8px;outline:none;background:var(--bg-medium);color:#f5f5f5;font-weight:700}.modal-buttons{display:flex;justify-content:space-between;width:100%;gap:15px;margin-top:20px}.modal-buttons button{flex:1;padding:12px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.modal-buttons .cancel{background:var(--bg-medium);color:#f5f5f5;border:1px solid var(--border-color)}.modal-buttons .cancel:hover{background:var(--border-color);transform:translateY(-2px)}.modal-buttons .save{background:var(--accent-primary);color:#fff}.modal-buttons .save:hover{background:#3d8b40;transform:translateY(-2px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark);border-radius:4px}::-webkit-scrollbar-thumb{background:#555;border-radius:4px;border:2px solid var(--bg-dark)}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media (max-width: 1024px){:root{--gap: 1px}.search-input{width:150px}.logout-btn{padding:0 10px;min-width:70px}}@media print{.order-page{display:block!important;height:auto!important;grid-template-areas:none!important;grid-template-rows:auto!important;grid-template-columns:auto!important;padding:0!important}.layout-2,.layout-5,.layout-6,.layout-7,.header{display:none!important}.layout-3,.layout-4{display:block!important;width:100%!important;position:static!important;height:auto!important;margin:0!important;padding:20px!important;background:#fff!important;color:#000!important;border-radius:0!important}.invoice-table{color:#000!important;border:1px solid #ccc!important}.invoice-table th{background:#f0f0f0!important;color:#000!important}.summary-line.grand-total{color:#2e7d32!important}}.checkbox-container{display:flex;align-items:center;gap:8px;color:#fff;font-size:.85rem;white-space:nowrap;margin-right:100vh;margin-left:auto}.checkbox-container input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4CAF50}.checkbox-container label{cursor:pointer;white-space:nowrap;font-size:.85rem;-webkit-user-select:none;user-select:none}@media (max-width: 1024px){.checkbox-container label{font-size:.8rem}}@media (max-width: 768px){.checkbox-container{margin-left:5px}.checkbox-container label{font-size:.75rem}}.qty-popup-modal{width:300px;min-height:260px;max-height:100vh;background:linear-gradient(135deg,#2c3e50,#1a1a2e);padding:0;border-radius:8px;box-shadow:0 4px 15px #0000004d;border:1px solid #4CAF50;overflow:hidden;font-family:PBWarnjaiBold,sans-serif;margin:10px}.qty-popup-header{background:linear-gradient(135deg,#4caf50,#2e7d32);padding:12px;text-align:center;border-bottom:1px solid #1B5E20}.qty-popup-title{color:#fff;font-size:16px;font-weight:700;margin:0}.qty-popup-content{padding:12px;background:#2a2a2a;max-height:calc(80vh - 100px);overflow-y:auto}.qty-popup-item-info{background:#333;border-radius:6px;padding:10px;margin-bottom:12px;border-left:2px solid #4CAF50}.qty-popup-item-name{color:gold;font-size:14px;font-weight:700;margin-bottom:5px;text-align:center;line-height:1.2}.qty-popup-item-price{color:#4caf50;font-size:13px;text-align:center;font-weight:700}.qty-popup-quantity-section{margin-bottom:12px}.qty-popup-quantity-label{color:#fff;font-size:13px;margin-bottom:6px;font-weight:700;text-align:center}.qty-popup-quantity-controls{display:flex;align-items:center;justify-content:center;gap:12px}.qty-popup-minus-btn,.qty-popup-plus-btn{width:35px;height:35px;border-radius:50%;border:none;background:#4caf50;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.qty-popup-btn-text{color:#fff;font-weight:700}.qty-popup-quantity-display{background:#333;border:1px solid #4CAF50;border-radius:6px;width:70px;height:30px;display:flex;align-items:center;justify-content:center}.qty-popup-quantity-number{color:gold;font-size:20px;font-weight:700}.qty-popup-taste-section{margin-bottom:12px;background:#333;border-radius:6px;padding:10px;border-left:2px solid #FF9800}.qty-popup-taste-label{color:#fff;font-size:13px;margin-bottom:6px;font-weight:700}.taste-select{width:100%;padding:6px 8px;border-radius:4px;border:1px solid #FF9800;background:#222;color:#fff;font-size:13px;font-family:PBWarnjaiBold,sans-serif;font-weight:700;cursor:pointer;outline:none}.qty-popup-total-section{background:#333;border-radius:6px;padding:10px;border-top:1px solid #444}.qty-popup-total-label{color:#fff;font-size:13px;margin-bottom:5px;font-weight:700}.qty-popup-total-amount{color:gold;font-size:16px;font-weight:700;text-align:right;font-family:monospace}.qty-popup-buttons{display:flex;gap:8px;padding:12px;background:#2a2a2a;border-top:1px solid #444}.qty-popup-cancel-btn,.qty-popup-confirm-btn{flex:1;padding:8px;border-radius:4px;border:none;cursor:pointer;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;min-height:35px}.qty-popup-cancel-btn{background:#f44336;color:#fff}.qty-popup-confirm-btn{background:#4caf50;color:#fff}.qty-popup-cancel-text,.qty-popup-confirm-text{font-weight:700}@media (max-width: 480px){.qty-popup-modal{width:280px;min-height:240px;max-height:70vh}}.delete-icon-btn{background:transparent;border:none;color:#f44;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.delete-icon-btn:hover{background:#f44!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 2px 8px #f446}.delete-icon-btn:active{transform:scale(.95)!important}.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){width:85%}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:15%;text-align:center}@media (max-width: 768px){.delete-icon-btn{width:32px;height:32px;font-size:16px;padding:3px 6px}.invoice-table th:nth-child(1),.invoice-table td:nth-child(1){width:80%}.invoice-table th:nth-child(2),.invoice-table td:nth-child(2){width:20%}}.print-invoice-btn,.settle-payment-btn{min-height:45px;white-space:nowrap;box-shadow:0 2px 4px #0003}.print-invoice-btn:active,.settle-payment-btn:active{transform:translateY(0)!important;box-shadow:0 1px 2px #0003!important}@media (max-width: 768px){.print-invoice-btn,.settle-payment-btn{font-size:12px!important;padding:8px!important;min-height:40px}}.print-invoice-modal{width:350px;max-width:90vw;max-height:90vh;background:#fff;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;font-family:Courier New,Monaco,monospace;border:1px solid #ddd}.print-invoice-header{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #1a252f}.print-invoice-title{font-size:16px;margin:0;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.close-print-modal-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.4);color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-print-modal-btn:hover{background:#ffffff40;transform:scale(1.1)}.print-invoice-content{padding:20px;background:#fff;flex:1;overflow-y:auto;font-size:12px;line-height:1.4;color:#000}.shop-header{text-align:center;margin-bottom:15px;padding-bottom:12px;border-bottom:2px dashed #ccc}.shop-name{font-weight:700;font-size:14px;margin-bottom:6px;color:#2c3e50;letter-spacing:.5px;text-transform:uppercase}.shop-phone{font-size:11px;color:#555;margin-bottom:4px;font-weight:700}.receipt-info{font-size:11px;color:#777;margin-bottom:4px;background:#f8f9fa;padding:4px 8px;border-radius:4px;display:inline-block}.divider{text-align:center;color:#000;margin:12px 0;font-size:11px;letter-spacing:0;line-height:1;padding:4px 0}.meta-info{margin-bottom:15px;font-size:11px;background:linear-gradient(to right,#f8f9fa,#e9ecef);padding:12px;border-radius:6px;border:1px solid #dee2e6;box-shadow:inset 0 1px 2px #0000000d}.meta-row{display:flex;justify-content:space-between;margin-bottom:6px;padding:2px 0}.meta-row:last-child{margin-bottom:0}.items-header-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:2px solid #000;margin-bottom:8px;font-weight:700;font-size:12px}.header-description{flex:2;text-align:left;padding-left:5px}.header-price{flex:1;text-align:center;min-width:70px}.header-total{flex:1;text-align:right;min-width:70px;padding-right:5px}.items-list-thai{margin-bottom:15px}.item-row-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px;padding:6px 0;border-bottom:1px dotted #e0e0e0}.item-row-main:last-child{border-bottom:none}.item-description-col{flex:2;display:flex;flex-direction:column;align-items:flex-start;padding-left:5px}.item-name-thai{font-weight:700;font-size:12px;word-break:break-word;line-height:1.3;color:#222;margin-bottom:3px}.item-qty-under{font-size:11px;color:#666;font-style:italic;background:linear-gradient(to right,#f5f5f5,#e8e8e8);padding:2px 8px 2px 20px;border-radius:10px;border:1px solid #ddd;font-weight:700;position:relative;margin-left:5px}.item-qty-under:before{content:"X";position:absolute;left:6px;font-weight:700;color:#555;font-size:10px}.item-price-col{flex:1;text-align:center;min-width:70px;display:flex;align-items:center;justify-content:center;height:100%}.item-price-thai{font-weight:700;font-size:12px;color:#000;font-family:Courier New,monospace}.item-total-col{flex:1;text-align:right;min-width:70px;display:flex;align-items:center;justify-content:flex-end;height:100%;padding-right:5px}.item-total-thai{font-weight:700;font-size:12px;color:#000;font-family:Courier New,monospace}.totals-section{margin-bottom:15px;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);padding:15px;border-radius:8px;border:2px solid #dee2e6;box-shadow:0 2px 8px #0000001a}.total-row-thai{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;height:24px;padding:2px 0}.total-row-thai:last-child{margin-bottom:0}.total-value-thai{font-weight:700;min-width:100px;text-align:right;font-family:Courier New,monospace;color:#000;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #ddd}.grand-total-thai{border-top:3px double #000;font-size:14px;font-weight:700;color:#2c3e50;height:28px;background:linear-gradient(to right,#e3f2fd,#bbdefb);padding:8px 12px;border-radius:6px;margin:12px -12px -8px}.payment-section-thai{margin-bottom:15px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:15px;border-radius:8px;border:2px solid #a5d6a7;box-shadow:0 2px 8px #4caf501a}.payment-title{font-weight:700;text-align:center;margin-bottom:10px;font-size:12px;color:#2e7d32;text-transform:uppercase;letter-spacing:1px;padding-bottom:6px;border-bottom:2px solid #81c784}.payment-details{font-size:11px}.payment-row-thai{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;height:20px;padding:3px 0}.payment-row-thai:last-child{margin-bottom:0}.footer-thai{text-align:center;margin-top:15px;border-top:3px dashed #aaa;font-size:10px;color:#555;line-height:1.5;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);padding:15px;border-radius:8px}.thankyou{font-weight:700;margin-bottom:5px;color:#2c3e50;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.welcome{margin-bottom:6px;color:#666}.note{font-style:italic;color:#777;margin-top:8px;font-size:9px;border-top:1px dotted #ccc;padding-top:8px;font-weight:700}.print-actions{display:flex;gap:15px;padding:20px;background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border-top:2px solid #dee2e6}.cancel-btn,.print-now-btn{flex:1;padding:14px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.8px;display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;box-shadow:0 4px 6px #0000001a}.cancel-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 8px #dc35454d}.cancel-btn:hover{background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-3px);box-shadow:0 6px 12px #dc354566}.cancel-btn:active{transform:translateY(0);box-shadow:0 2px 4px #dc354533}.print-now-btn{background:linear-gradient(135deg,#28a745,#218838);color:#fff;box-shadow:0 4px 8px #28a7454d}.print-now-btn:hover{background:linear-gradient(135deg,#218838,#1e7e34);transform:translateY(-3px);box-shadow:0 6px 12px #28a74566}.print-now-btn:active{transform:translateY(0);box-shadow:0 2px 4px #28a74533}@media print{.items-header-row{padding:2mm 0!important;border-bottom:1px solid #000!important;margin-bottom:2mm!important;font-size:8pt!important}.header-description,.header-price,.header-total{min-width:20mm!important}.item-row-main{padding:1mm 0!important;margin-bottom:1mm!important;border-bottom:.5px dotted #ccc!important}.item-name-thai{font-size:8pt!important;margin-bottom:.5mm!important;line-height:1.1!important}.item-qty-under{font-size:7pt!important;padding:1px 6px 1px 16px!important;margin-left:3px!important;background:#f0f0f0!important;border:.5px solid #ccc!important}.item-qty-under:before{left:4px!important;font-size:6pt!important}.item-price-col,.item-total-col{min-width:20mm!important}.item-price-thai,.item-total-thai{font-size:8pt!important}}@media (max-width: 768px){.item-name-thai{font-size:11px}.item-qty-under{font-size:10px;padding-left:18px}.item-price-thai,.item-total-thai{font-size:11px}}@media (max-width: 480px){.header-description,.header-price,.header-total,.item-price-col,.item-total-col{min-width:60px}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-invoice-modal{width:80mm!important;max-width:80mm!important;min-width:80mm!important;box-shadow:none!important;margin:0!important;padding:0!important;border-radius:0!important;border:none!important;height:auto!important;max-height:none!important;overflow:visible!important}.print-invoice-header,.close-print-modal-btn,.print-actions,.cancel-btn,.print-now-btn{display:none!important}.print-invoice-content{padding:3mm!important;font-size:9pt!important;line-height:1.1!important;overflow:visible!important;height:auto!important;width:74mm!important;margin:0 auto!important}.shop-header{margin-bottom:4mm!important;padding-bottom:2mm!important;border-bottom:1px solid #000!important}.shop-name{font-size:10pt!important;margin-bottom:1mm!important}.shop-phone,.receipt-info{font-size:7pt!important;margin-bottom:1mm!important}.divider{margin:3mm 0!important;font-size:8pt!important;padding:1mm 0!important}.meta-info{margin-bottom:4mm!important;padding:2mm!important;font-size:7pt!important;background:none!important;border:1px solid #ddd!important;box-shadow:none!important}.items-header-row{padding:2mm 0!important;border-bottom:1px solid #000!important;margin-bottom:2mm!important;font-size:8pt!important}.header-description,.header-price,.header-total{min-width:20mm!important}.item-row-main{padding:1mm 0!important;margin-bottom:1mm!important;border-bottom:.5px dotted #ccc!important}.item-name-thai{font-size:8pt!important;margin-bottom:.5mm!important;line-height:1.1!important}.item-qty-under{font-size:7pt!important;padding:1px 6px 1px 16px!important;margin-left:3px!important;background:#f0f0f0!important;border:.5px solid #ccc!important}.item-qty-under:before{left:4px!important;font-size:6pt!important}.item-price-col,.item-total-col{min-width:20mm!important}.item-price-thai,.item-total-thai{font-size:8pt!important}.totals-section{margin-bottom:4mm!important;padding:3mm!important;background:none!important;border:1px solid #000!important;box-shadow:none!important}.total-row-thai{font-size:8pt!important;height:auto!important;margin-bottom:1mm!important;padding:1px 0!important}.total-value-thai{min-width:25mm!important;padding:1px 4px!important;background:#fff!important;border:.5px solid #ccc!important}.grand-total-thai{font-size:9pt!important;background:#f0f0f0!important;padding:2mm!important;margin:2mm -3mm -1mm!important;border-top:1px solid #000!important}.payment-section-thai{margin-bottom:4mm!important;padding:3mm!important;background:#f0f0f0!important;border:1px solid #ccc!important;box-shadow:none!important}.payment-title{font-size:8pt!important;margin-bottom:2mm!important;padding-bottom:1mm!important;border-bottom:1px solid #999!important}.payment-row-thai{font-size:7pt!important;height:auto!important;margin-bottom:1mm!important}.footer-thai{margin-top:4mm!important;font-size:6pt!important;background:none!important;border-top:1px dashed #999!important;padding:2mm!important}.thankyou{font-size:7pt!important}.note{font-size:5pt!important;border-top:.5px dotted #999!important;padding-top:1mm!important}}.print-invoice-content::-webkit-scrollbar{width:8px;height:8px}.print-invoice-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px;margin:4px;border:1px solid #ddd}.print-invoice-content::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#888,#666);border-radius:4px;border:2px solid #f1f1f1}.print-invoice-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#666,#555)}.print-invoice-content::-webkit-scrollbar-corner{background:#f1f1f1}@media (max-width: 768px){.print-invoice-modal{width:95vw;margin:10px}.print-invoice-content{padding:15px;font-size:11px}.item-name-thai{font-size:11px}.item-qty-under{font-size:10px;padding-left:18px}.item-price-thai,.item-total-thai{font-size:11px}.print-actions{padding:15px}.cancel-btn,.print-now-btn{padding:12px;font-size:12px;min-height:42px}}@media (max-width: 480px){.print-invoice-modal{width:100vw;height:100vh;max-height:100vh;border-radius:0;margin:0}.print-invoice-header{padding:12px 15px}.print-invoice-content{padding:12px}.header-description,.header-price,.header-total,.item-price-col,.item-total-col{min-width:60px}.print-actions{flex-direction:column;gap:10px}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.print-invoice-modal{animation:modalSlideIn .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-overlay{animation:fadeInOverlay .2s ease-out}.spinner{border:3px solid #f3f3f3;border-top:3px solid #4CAF50;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto}table.invoice-table *{border:none!important;border-width:0!important;border-style:none!important;border-color:transparent!important}.invoice-table th,.invoice-table td,.invoice-table tr,.invoice-table thead th,.invoice-table tbody td{border:none!important;border-bottom:none!important;border-top:none!important;border-left:none!important;border-right:none!important;outline:none!important;box-shadow:none!important}.invoice-table{border:none!important;border-collapse:collapse!important;border-spacing:0!important}.invoice-table tbody tr:hover,.invoice-table tbody tr.selected{border:none!important;outline:none!important}.layout-3 table,.layout-3 table *{border:none!important}.print-modal-overlay{position:fixed;top:0;left:0;width:100%;height:85%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.print-modal{background:linear-gradient(145deg,#2d2d2d,#252525);border-radius:12px;width:90%;max-width:800px;max-height:85vh;padding:24px;box-shadow:0 10px 30px #0006,0 0 0 1px #ffffff0d;overflow:hidden;color:#f0f0f0;font-family:Segoe UI,system-ui,sans-serif;position:relative}.print-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#2196f3,#9c27b0);border-radius:12px 12px 0 0}.print-header{text-align:center;margin-bottom:20px}.print-header h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px;background:linear-gradient(135deg,#4caf50,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.print-header .subtitle{font-size:14px;color:#aaa;margin:0;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.print-header .subtitle span{background:#ff98001a;padding:4px 12px;border-radius:20px;font-size:13px;color:#ff9800;border:1px solid rgba(255,152,0,.2)}.print-header .summary{display:flex;justify-content:center;gap:15px;margin-top:12px;font-size:13px}.print-header .summary-item{display:flex;align-items:center;gap:6px;color:#ccc}.print-header .summary-item strong{color:#4caf50;font-weight:600}.print-modal-content{background:#28282899;border-radius:8px;padding:16px;margin:0 0 20px;max-height:45vh;overflow-y:auto;border:1px solid rgba(255,255,255,.08)}.print-table{width:100%;border-collapse:collapse;font-size:14px}.print-table thead{position:sticky;top:0;z-index:10}.print-table th{background:linear-gradient(180deg,#3a3a3a,#333);color:#ff9800;font-weight:600;text-align:left;padding:12px 10px;border-bottom:2px solid #4CAF50;text-transform:uppercase;font-size:12px;letter-spacing:.5px;white-space:nowrap}.print-table th:first-child{border-radius:6px 0 0}.print-table th:last-child{border-radius:0 6px 0 0}.print-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.print-table tbody tr{transition:background-color .2s ease}.print-table tbody tr:hover{background:#ffffff08}.print-table tbody tr:nth-child(2n){background:#ffffff05}.item-name{font-weight:600;color:#fff}.item-qty{display:inline-block;background:#4caf5026;color:#4caf50;padding:4px 10px;border-radius:12px;font-weight:600;font-size:13px;border:1px solid rgba(76,175,80,.3)}.item-description{color:#aaa;font-size:13px;font-style:italic}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-align:center;min-width:80px}.status-printed{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-pending{background:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.no-data{text-align:center;padding:40px 20px;color:#888;font-size:16px}.no-data:before{content:"📭";font-size:32px;display:block;margin-bottom:10px;opacity:.5}.loading{text-align:center;padding:40px 20px;color:#aaa;font-size:16px}.loading:after{content:"...";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.print-modal-buttons{display:flex;justify-content:center;gap:16px;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.print-button{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:14px 36px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #4caf504d}.print-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066;background:linear-gradient(135deg,#45a049,#4caf50)}.print-button:active:not(:disabled){transform:translateY(0)}.print-button:disabled{background:#555;cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.print-cancel{background:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3);padding:14px 28px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.print-cancel:hover:not(:disabled){background:#f4433640;transform:translateY(-2px)}.print-cancel:active:not(:disabled){transform:translateY(0)}.print-cancel:disabled{opacity:.5;cursor:not-allowed;transform:none}.print-modal-content::-webkit-scrollbar{width:8px}.print-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.print-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4caf50,#2196f3);border-radius:4px}.print-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#45a049,#1976d2)}@media (max-width: 768px){.print-modal{width:95%;padding:20px;max-height:90vh}.print-header h2{font-size:20px}.print-header .subtitle{font-size:12px}.print-table{font-size:13px}.print-table th,.print-table td{padding:8px 6px}.print-modal-buttons{flex-direction:column;gap:12px}.print-button,.print-cancel{width:100%;justify-content:center}}@media (max-width: 480px){.print-table{display:block;overflow-x:auto;white-space:nowrap}.print-header .summary{flex-direction:column;gap:8px;align-items:center}}:root{--clm-bg: #07090f;--clm-surface: #0d1117;--clm-surface-2: #111827;--clm-surface-3: #161f2e;--clm-border: #1e2d42;--clm-border-light: #253549;--clm-gold: #d4a843;--clm-gold-light: #f0c96a;--clm-gold-dim: rgba(212, 168, 67, .15);--clm-blue: #3b82f6;--clm-blue-dim: rgba(59,130,246,.12);--clm-green: #22c55e;--clm-green-dim: rgba(34,197,94,.12);--clm-amber: #f59e0b;--clm-amber-dim: rgba(245,158,11,.12);--clm-red: #ef4444;--clm-red-dim: rgba(239,68,68,.12);--clm-purple: #a855f7;--clm-purple-dim: rgba(168,85,247,.12);--clm-text-1: #f1f5f9;--clm-text-2: #94a3b8;--clm-text-3: #475569;--clm-radius: 12px;--clm-radius-lg: 18px;--clm-shadow: 0 32px 80px rgba(0,0,0,.8), 0 0 0 1px rgba(255,255,255,.04);--font-display: "Outfit", sans-serif;--font-lao: "Noto Sans Lao", "Phetsarath OT", sans-serif}@keyframes clm-in{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes clm-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes clm-card-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes clm-spin{to{transform:rotate(360deg)}}@keyframes clm-pulse-ring{0%{transform:scale(.9);opacity:.6}70%{transform:scale(1.2);opacity:0}to{transform:scale(1.2);opacity:0}}@keyframes clm-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes clm-fill-bar{0%{width:0}}.clm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:stretch;justify-content:center;animation:clm-overlay-in .2s ease;padding:0}.clm-container{width:100%;height:100%;max-width:100%;background:var(--clm-bg);display:flex;flex-direction:column;overflow:hidden;animation:clm-in .28s cubic-bezier(.22,1,.36,1);outline:none;position:relative}.clm-header{display:flex;align-items:center;gap:20px;padding:0 24px;height:68px;min-height:68px;background:var(--clm-surface);border-bottom:1px solid var(--clm-border);flex-shrink:0;position:relative}.clm-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--clm-gold),transparent);opacity:.4}.clm-header-left{display:flex;align-items:center;gap:14px;flex-shrink:0}.clm-logo-badge{width:44px;height:44px;background:linear-gradient(135deg,var(--clm-gold),#b8861a);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#07090f;font-size:20px;box-shadow:0 4px 16px #d4a84359;flex-shrink:0}.clm-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--clm-text-1);letter-spacing:-.3px;line-height:1.1}.clm-subtitle{font-family:var(--font-lao);font-size:12px;color:var(--clm-gold);font-weight:500;letter-spacing:.3px}.clm-header-meta{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;flex-wrap:wrap}.clm-meta-chip{display:flex;align-items:center;gap:6px;background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:20px;padding:5px 12px;font-family:var(--font-lao);font-size:12px;color:var(--clm-text-2);transition:all .2s}.clm-meta-chip svg{font-size:10px;color:var(--clm-text-3)}.clm-meta-chip.accent{background:var(--clm-gold-dim);border-color:#d4a84366;color:var(--clm-gold-light);font-weight:700}.clm-meta-chip.accent svg{color:var(--clm-gold)}.clm-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.clm-refresh-btn,.clm-close-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--clm-border);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;font-size:14px}.clm-refresh-btn{color:var(--clm-text-2)}.clm-refresh-btn:hover{background:var(--clm-blue-dim);color:var(--clm-blue);border-color:#3b82f666}.clm-close-btn{color:var(--clm-text-2)}.clm-close-btn:hover{background:var(--clm-red-dim);color:var(--clm-red);border-color:#ef444466}.clm-stats-bar{display:flex;align-items:center;gap:0;padding:0 24px;height:56px;min-height:56px;background:var(--clm-surface-2);border-bottom:1px solid var(--clm-border);flex-shrink:0;overflow:hidden}.clm-stat{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.clm-stat-icon{font-size:18px;flex-shrink:0}.clm-stat-icon.blue{color:var(--clm-blue)}.clm-stat-icon.amber{color:var(--clm-amber)}.clm-stat-icon.green{color:var(--clm-green)}.clm-stat-icon.purple{color:var(--clm-purple)}.clm-stat-val{font-family:var(--font-display);font-size:17px;font-weight:800;color:var(--clm-text-1);line-height:1}.clm-stat-lbl{font-family:var(--font-lao);font-size:10px;color:var(--clm-text-3);margin-top:2px;white-space:nowrap}.clm-stat-divider{width:1px;height:32px;background:var(--clm-border);flex-shrink:0}.clm-body{display:flex;flex:1;overflow:hidden}.clm-left{width:420px;min-width:340px;max-width:440px;border-right:1px solid var(--clm-border);display:flex;flex-direction:column;background:var(--clm-surface);flex-shrink:0}.clm-search-bar{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--clm-border);flex-shrink:0}.clm-search-wrap{flex:1;position:relative}.clm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--clm-text-3);font-size:13px;pointer-events:none}.clm-search-input{width:100%;background:var(--clm-surface-3);border:1px solid var(--clm-border);border-radius:10px;padding:9px 36px 9px 34px;color:var(--clm-text-1);font-family:var(--font-lao);font-size:13px;outline:none;transition:all .18s;box-sizing:border-box}.clm-search-input::placeholder{color:var(--clm-text-3)}.clm-search-input:focus{border-color:var(--clm-gold);box-shadow:0 0 0 3px var(--clm-gold-dim)}.clm-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--clm-text-3);cursor:pointer;font-size:11px;padding:2px 4px;transition:color .15s}.clm-search-clear:hover{color:var(--clm-text-1)}.clm-add-btn{display:flex;align-items:center;gap:5px;background:var(--clm-gold-dim);border:1px solid rgba(212,168,67,.4);border-radius:10px;color:var(--clm-gold-light);font-family:var(--font-lao);font-size:12px;font-weight:600;padding:8px 12px;cursor:pointer;white-space:nowrap;transition:all .18s;flex-shrink:0}.clm-add-btn:hover{background:#d4a84340;transform:translateY(-1px);box-shadow:0 4px 12px #d4a84333}.clm-add-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.clm-error-banner{display:flex;align-items:center;gap:8px;margin:0 16px 12px;background:var(--clm-red-dim);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-family:var(--font-lao);font-size:12px;color:#fca5a5}.clm-list{flex:1;overflow-y:auto;padding:10px 12px;scrollbar-width:thin;scrollbar-color:var(--clm-border) transparent}.clm-list::-webkit-scrollbar{width:4px}.clm-list::-webkit-scrollbar-track{background:transparent}.clm-list::-webkit-scrollbar-thumb{background:var(--clm-border);border-radius:4px}.clm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--clm-text-3);font-family:var(--font-lao);font-size:13px}.clm-spinner{width:32px;height:32px;border:3px solid var(--clm-border);border-top-color:var(--clm-gold);border-radius:50%;animation:clm-spin .8s linear infinite}.clm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.clm-empty-icon{font-size:36px;color:var(--clm-border)}.clm-empty-title{font-family:var(--font-lao);font-size:14px;color:var(--clm-text-2);font-weight:600}.clm-empty-sub{font-family:var(--font-lao);font-size:12px;color:var(--clm-text-3)}.clm-empty-btn{display:flex;align-items:center;gap:6px;background:var(--clm-gold-dim);border:1px solid rgba(212,168,67,.4);border-radius:8px;color:var(--clm-gold-light);font-family:var(--font-lao);font-size:12px;font-weight:600;padding:8px 16px;cursor:pointer;margin-top:8px;transition:all .18s}.clm-empty-btn:hover{background:#d4a84340}.clm-customer-card{display:flex;align-items:center;gap:12px;background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:var(--clm-radius);padding:12px;margin-bottom:7px;cursor:pointer;transition:all .18s;animation:clm-card-in .22s ease backwards;position:relative;overflow:hidden}.clm-customer-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:background .2s}.clm-customer-card:hover{border-color:var(--clm-border-light);background:var(--clm-surface-3);transform:translate(2px)}.clm-customer-card.is-selected{border-color:#d4a84399;background:#d4a8430f;box-shadow:0 0 0 1px #d4a84333}.clm-customer-card.is-selected:before{background:var(--clm-gold)}.clm-avatar{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.clm-avatar.company{background:var(--clm-blue-dim);color:var(--clm-blue)}.clm-avatar.government{background:var(--clm-purple-dim);color:var(--clm-purple)}.clm-avatar.individual{background:var(--clm-green-dim);color:var(--clm-green)}.clm-card-body{flex:1;min-width:0}.clm-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:4px}.clm-card-name{font-family:var(--font-lao);font-size:13px;font-weight:700;color:var(--clm-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.clm-card-balance{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--clm-gold-light);white-space:nowrap;flex-shrink:0}.clm-card-meta{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}.clm-code-badge,.clm-phone-badge,.clm-type-badge{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:2px 6px;font-family:var(--font-display);font-size:10px;font-weight:500}.clm-code-badge{background:#ffffff0d;color:var(--clm-text-3)}.clm-phone-badge{background:var(--clm-green-dim);color:#86efac}.clm-type-badge{font-family:var(--font-lao)}.clm-type-badge.type-company{background:var(--clm-blue-dim);color:#93c5fd}.clm-type-badge.type-government{background:var(--clm-purple-dim);color:#d8b4fe}.clm-type-badge.type-individual{background:var(--clm-green-dim);color:#86efac}.clm-credit-bar-wrap{display:flex;align-items:center;gap:6px}.clm-credit-bar-bg{flex:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.clm-credit-bar-fill{height:100%;border-radius:2px;animation:clm-fill-bar .5s ease backwards;transition:width .4s ease}.clm-credit-bar-fill.ok{background:var(--clm-green)}.clm-credit-bar-fill.warn{background:var(--clm-amber)}.clm-credit-bar-fill.danger{background:var(--clm-red)}.clm-credit-pct{font-family:var(--font-display);font-size:9px;color:var(--clm-text-3);width:26px;text-align:right;flex-shrink:0}.clm-card-right{flex-shrink:0;display:flex;align-items:center}.clm-selected-check{width:22px;height:22px;border-radius:50%;background:var(--clm-gold);color:#07090f;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.clm-chevron{color:var(--clm-text-3);font-size:11px}.clm-right{flex:1;overflow-y:auto;background:var(--clm-bg);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--clm-border) transparent}.clm-right::-webkit-scrollbar{width:4px}.clm-right::-webkit-scrollbar-thumb{background:var(--clm-border);border-radius:4px}.clm-empty-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;gap:16px;text-align:center}.clm-empty-right-deco{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.clm-deco-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(212,168,67,.2);border-radius:50%;animation:clm-pulse-ring 2.5s ease-out infinite}.clm-deco-icon{width:72px;height:72px;background:linear-gradient(135deg,#d4a84326,#d4a8430d);border:1px solid rgba(212,168,67,.3);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--clm-gold)}.clm-empty-right-title{font-family:var(--font-lao);font-size:20px;font-weight:700;color:var(--clm-text-1)}.clm-empty-right-sub{font-family:var(--font-lao);font-size:13px;color:var(--clm-text-3);line-height:1.7}.clm-bill-preview{background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:var(--clm-radius);padding:18px 22px;width:100%;max-width:340px;margin-top:8px}.clm-bill-title{font-family:var(--font-lao);font-size:12px;font-weight:700;color:var(--clm-gold);margin-bottom:12px;display:flex;align-items:center;gap:6px}.clm-bill-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--clm-border);font-family:var(--font-lao);font-size:13px}.clm-bill-row:last-child{border-bottom:none}.clm-bill-row span{color:var(--clm-text-3)}.clm-bill-row strong{color:var(--clm-text-1)}.clm-bill-row.highlight strong{color:var(--clm-gold-light);font-size:15px}.clm-btn-new-right{display:flex;align-items:center;gap:8px;background:var(--clm-gold-dim);border:1px solid rgba(212,168,67,.4);border-radius:var(--clm-radius);color:var(--clm-gold-light);font-family:var(--font-lao);font-size:14px;font-weight:600;padding:12px 24px;cursor:pointer;margin-top:8px;transition:all .2s}.clm-btn-new-right:hover{background:#d4a84338;transform:translateY(-2px);box-shadow:0 8px 24px #d4a84326}.clm-detail-panel{flex:1;padding:28px;display:flex;flex-direction:column;gap:20px}.clm-detail-hero{display:flex;align-items:flex-start;gap:18px;padding:22px 24px;background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:var(--clm-radius-lg);position:relative}.clm-detail-avatar{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;box-shadow:0 4px 16px #0000004d}.clm-detail-avatar.type-company{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff}.clm-detail-avatar.type-government{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff}.clm-detail-avatar.type-individual{background:linear-gradient(135deg,#15803d,#22c55e);color:#fff}.clm-detail-hero-info{flex:1;min-width:0}.clm-detail-name{font-family:var(--font-lao);font-size:20px;font-weight:800;color:var(--clm-text-1);margin-bottom:4px}.clm-detail-type{font-family:var(--font-lao);font-size:12px;color:var(--clm-text-3);margin-bottom:6px}.clm-detail-code{display:inline-flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid var(--clm-border);border-radius:6px;padding:3px 8px;font-family:var(--font-display);font-size:11px;color:var(--clm-text-3)}.clm-status-pill{display:flex;align-items:center;gap:6px;border-radius:20px;padding:5px 12px;font-family:var(--font-lao);font-size:11px;font-weight:600;flex-shrink:0}.clm-status-pill.active{background:var(--clm-green-dim);color:#86efac;border:1px solid rgba(34,197,94,.3)}.clm-status-pill.inactive{background:var(--clm-red-dim);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.clm-status-dot{width:7px;height:7px;border-radius:50%}.clm-status-pill.active .clm-status-dot{background:var(--clm-green);box-shadow:0 0 6px var(--clm-green)}.clm-status-pill.inactive .clm-status-dot{background:var(--clm-red)}.clm-credit-meter{background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:var(--clm-radius);padding:18px 20px}.clm-meter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:var(--font-lao);font-size:12px;color:var(--clm-text-2)}.clm-meter-header span:first-child{display:flex;align-items:center;gap:6px;font-weight:600}.clm-meter-bar-bg{height:10px;background:#ffffff0f;border-radius:6px;overflow:hidden;margin-bottom:8px}.clm-meter-bar-fill{height:100%;border-radius:6px;animation:clm-fill-bar .6s ease backwards}.clm-meter-bar-fill.ok{background:linear-gradient(90deg,#15803d,#22c55e)}.clm-meter-bar-fill.warn{background:linear-gradient(90deg,#b45309,#f59e0b)}.clm-meter-bar-fill.danger{background:linear-gradient(90deg,#b91c1c,#ef4444)}.clm-meter-labels{display:flex;justify-content:space-between;font-family:var(--font-display);font-size:10px;color:var(--clm-text-3)}.clm-available{color:var(--clm-gold);font-weight:600}.text-ok{color:var(--clm-green)!important}.text-danger{color:var(--clm-red)!important}.clm-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clm-info-item{display:flex;align-items:flex-start;gap:10px;background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:10px;padding:12px 14px}.clm-info-item.full{grid-column:1 / -1}.clm-info-icon{width:28px;height:28px;background:var(--clm-gold-dim);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--clm-gold);flex-shrink:0}.clm-info-lbl{font-family:var(--font-lao);font-size:10px;color:var(--clm-text-3);margin-bottom:3px}.clm-info-val{font-family:var(--font-lao);font-size:13px;color:var(--clm-text-1);font-weight:600}.clm-txn-preview{background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:var(--clm-radius);overflow:hidden}.clm-txn-title{display:flex;align-items:center;gap:8px;padding:13px 18px;background:#d4a8430d;border-bottom:1px solid var(--clm-border);font-family:var(--font-lao);font-size:12px;font-weight:700;color:var(--clm-gold)}.clm-txn-rows{padding:4px 0}.clm-txn-row{display:flex;justify-content:space-between;align-items:center;padding:9px 18px;border-bottom:1px solid rgba(255,255,255,.03);font-family:var(--font-lao);font-size:13px}.clm-txn-row:last-child{border-bottom:none}.clm-txn-row span:first-child{color:var(--clm-text-2);display:flex;align-items:center;gap:6px}.clm-txn-row span:last-child{color:var(--clm-text-1);font-weight:700}.clm-txn-row.discount span:last-child{color:#a78bfa}.clm-txn-row.grand{background:#d4a8430d;font-weight:700}.clm-txn-row.grand span:first-child{color:var(--clm-gold-light)}.clm-txn-row.grand span:last-child{color:var(--clm-gold-light);font-size:15px}.clm-txn-row.new-balance span:first-child{color:var(--clm-text-2)}.clm-txn-row.over{background:var(--clm-red-dim)}.clm-over-limit-warn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ef44441a;border-top:1px solid rgba(239,68,68,.25);font-family:var(--font-lao);font-size:12px;color:#fca5a5;font-weight:600}.clm-detail-actions{display:flex;gap:10px;margin-top:auto;padding-top:4px}.clm-btn-change{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--clm-border);border-radius:var(--clm-radius);color:var(--clm-text-2);font-family:var(--font-lao);font-size:13px;font-weight:600;padding:13px 20px;cursor:pointer;transition:all .18s}.clm-btn-change:hover{background:var(--clm-surface-2);border-color:var(--clm-border-light);color:var(--clm-text-1)}.clm-btn-confirm{display:flex;align-items:center;gap:8px;flex:1;background:linear-gradient(135deg,var(--clm-gold),#b8861a);border:none;border-radius:var(--clm-radius);color:#07090f;font-family:var(--font-lao);font-size:14px;font-weight:800;padding:13px 24px;cursor:pointer;transition:all .2s;justify-content:center;box-shadow:0 4px 18px #d4a8434d}.clm-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d4a84366;filter:brightness(1.1)}.clm-form-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.clm-form-header{display:flex;align-items:center;gap:14px;padding:20px 28px;border-bottom:1px solid var(--clm-border);background:var(--clm-surface);flex-shrink:0}.clm-back-btn{width:36px;height:36px;background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:9px;color:var(--clm-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:all .18s}.clm-back-btn:hover{background:var(--clm-surface-3);color:var(--clm-text-1)}.clm-panel-title{font-family:var(--font-lao);font-size:16px;font-weight:800;color:var(--clm-text-1);display:flex;align-items:center;gap:7px}.clm-panel-title svg{color:var(--clm-gold)}.clm-panel-sub{font-family:var(--font-lao);font-size:11px;color:var(--clm-text-3);margin-top:2px}.clm-form-body{flex:1;overflow-y:auto;padding:20px 28px;display:flex;flex-direction:column;gap:18px}.clm-form-section{background:var(--clm-surface-2);border:1px solid var(--clm-border);border-radius:var(--clm-radius);padding:18px 20px}.clm-form-section-title{font-family:var(--font-lao);font-size:11px;font-weight:700;color:var(--clm-gold);letter-spacing:.5px;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:6px}.clm-field{margin-bottom:14px;position:relative}.clm-field:last-child{margin-bottom:0}.clm-field label{display:flex;align-items:center;gap:6px;font-family:var(--font-lao);font-size:11px;font-weight:600;color:var(--clm-text-2);margin-bottom:6px}.clm-req{color:var(--clm-red);margin-left:2px}.clm-hint{margin-left:auto;color:var(--clm-text-3);font-weight:400}.clm-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.clm-field-row .clm-field{margin-bottom:0}.clm-input,.clm-select{width:100%;background:#ffffff0a;border:1px solid var(--clm-border);border-radius:9px;padding:10px 14px;color:var(--clm-text-1);font-family:var(--font-lao);font-size:13px;outline:none;transition:all .18s;box-sizing:border-box;-webkit-appearance:none}.clm-input::placeholder{color:var(--clm-text-3)}.clm-input:focus,.clm-select:focus{border-color:var(--clm-gold);background:#d4a8430a;box-shadow:0 0 0 3px var(--clm-gold-dim)}.clm-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23475569' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.clm-select option{background:#1e293b}.clm-input-hint{position:absolute;right:12px;bottom:11px;font-family:var(--font-display);font-size:10px;color:var(--clm-gold);pointer-events:none}.clm-form-actions{display:flex;gap:10px;padding:16px 28px;border-top:1px solid var(--clm-border);background:var(--clm-surface);flex-shrink:0}.clm-btn-cancel{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--clm-border);border-radius:var(--clm-radius);color:var(--clm-text-2);font-family:var(--font-lao);font-size:13px;font-weight:600;padding:12px 22px;cursor:pointer;transition:all .18s}.clm-btn-cancel:hover{background:var(--clm-surface-2);color:var(--clm-text-1)}.clm-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.clm-btn-save{display:flex;align-items:center;gap:8px;flex:1;background:linear-gradient(135deg,var(--clm-gold),#b8861a);border:none;border-radius:var(--clm-radius);color:#07090f;font-family:var(--font-lao);font-size:14px;font-weight:800;padding:12px 22px;cursor:pointer;transition:all .2s;justify-content:center;box-shadow:0 4px 16px #d4a84340}.clm-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #d4a84359;filter:brightness(1.08)}.clm-btn-save:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 900px){.clm-left{width:340px;min-width:280px}.clm-detail-hero{flex-direction:column;gap:14px}.clm-status-pill{align-self:flex-start}.clm-info-grid{grid-template-columns:1fr}.clm-header-meta{display:none}}@media (max-width: 700px){.clm-body{flex-direction:column}.clm-left{width:100%;max-width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--clm-border);max-height:45vh}.clm-right{max-height:55vh}.clm-stats-bar{gap:0;padding:0 12px}.clm-stat-lbl{display:none}.clm-field-row{grid-template-columns:1fr}}:root{--pos-gold: #e8a020;--pos-dark-bg: #121212;--pos-card-bg: #1e1e1e;--pos-header-bg: #1c1c1c;--pos-border: #333333;--pos-text: #f0f0f0;--pos-text-muted: #888888;--pos-success: #5ecb6e;--pos-danger: #e07070}.pos-layout-root{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--pos-dark-bg);font-family:Inter,Noto Sans Lao,sans-serif;color:var(--pos-text)}.pos-layout-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:60px;background:var(--pos-header-bg);border-bottom:1px solid var(--pos-border);flex-shrink:0;z-index:100}.pos-layout-header-left,.pos-layout-header-right{display:flex;align-items:center;gap:12px}.pos-layout-logo{display:flex;align-items:center;gap:8px}.pos-layout-logo-text{font-size:16px;font-weight:700;color:var(--pos-gold);letter-spacing:.5px}.pos-layout-outlet-bar{display:flex;gap:8px;overflow-x:auto;padding:4px;scrollbar-width:none}.pos-layout-outlet-bar::-webkit-scrollbar{display:none}.pos-layout-outlet-btn{padding:6px 16px;background:#2a2a2a;border:1px solid var(--pos-border);border-radius:20px;color:var(--pos-text-muted);font-size:13px;cursor:pointer;white-space:nowrap;transition:.2s ease}.pos-layout-outlet-btn.active{background:var(--pos-gold);border-color:var(--pos-gold);color:#111;font-weight:600}.pos-layout-toggle-group{display:flex;background:#111;border:1px solid var(--pos-border);border-radius:10px;padding:3px}.pos-layout-toggle-btn{height:34px;border:none;background:transparent;color:#666;border-radius:7px;display:flex;align-items:center;gap:6px;padding:0 12px;cursor:pointer;transition:.2s}.pos-layout-toggle-btn.active{background:var(--pos-gold);color:#111}.pos-layout-user-pill{display:flex;align-items:center;gap:8px;background:#252525;padding:4px 12px 4px 4px;border-radius:25px;border:1px solid var(--pos-border)}.pos-layout-avatar{width:28px;height:28px;border-radius:50%;background:var(--pos-gold);color:#111;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:12px}.pos-layout-logout{background:#3a1a1a;border:1px solid #5a2a2a;color:#ff8080;padding:8px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:13px}.pos-layout-statusbar{display:flex;align-items:center;gap:20px;padding:10px 20px;background:#181818;border-bottom:1px solid #000}.pos-layout-stat-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pos-text-muted)}.pos-layout-dot{width:10px;height:10px;border-radius:50%}.pos-layout-dot.all{background:#555}.pos-layout-dot.available{background:var(--pos-success);box-shadow:0 0 8px var(--pos-success)}.pos-layout-dot.occupied{background:var(--pos-danger);box-shadow:0 0 8px var(--pos-danger)}.pos-layout-table-card{position:relative;background:var(--pos-card-bg);border:1px solid var(--pos-border);border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s}.pos-layout-table-card:hover{transform:translateY(-4px);border-color:var(--pos-gold);background:#252525;z-index:5}.pos-layout-table-card.occupied{background:#2a1a1a;border-color:#4a2a2a}.pos-layout-table-card.available{background:#1a2a1a;border-color:#2a4a2a}.pos-layout-table-name{font-size:18px;font-weight:700;color:#fff}.pos-layout-table-icon{width:40px;height:40px;stroke:#444}.pos-layout-table-card.available .pos-layout-table-icon{stroke:var(--pos-success)}.pos-layout-table-card.occupied .pos-layout-table-icon{stroke:var(--pos-danger)}.pos-layout-table-status{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.6}.pos-layout-main{flex:1;overflow-y:auto;padding:20px}.pos-layout-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.pos-layout-zone-nav{display:flex;gap:15px;margin-bottom:20px;border-bottom:1px solid var(--pos-border);padding-bottom:10px}.pos-layout-zone-tab{background:none;border:none;color:var(--pos-text-muted);padding:8px 12px;cursor:pointer;font-weight:500;position:relative}.pos-layout-zone-tab.active{color:var(--pos-gold)}.pos-layout-zone-tab.active:after{content:"";position:absolute;bottom:-11px;left:0;right:0;height:3px;background:var(--pos-gold)}.pos-layout-floor-canvas{position:relative;width:100%;height:650px;background:#1a1a1a;border-radius:15px;border:2px solid var(--pos-border);background-size:cover;background-position:center}.pos-layout-floor-canvas .pos-layout-table-card{position:absolute;min-width:80px;padding:10px}.pos-layout-loading-box{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:15px}.pos-layout-spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid var(--pos-gold);border-radius:50%;animation:pos-spin 1s linear infinite}@keyframes pos-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 850px){.pos-layout-logo-text,.pos-layout-toggle-btn span,.pos-layout-user-name,.pos-layout-logout span{display:none}}.user-management-container{--bg-card: #1c1c1e;--bg-secondary: rgba(255,255,255,.035);--border: rgba(255,255,255,.07);--text-primary: #fff;--text-secondary: rgba(255,255,255,.42);background:#0f172a;color:#e0e0e0;min-height:100%;padding:16px 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans Lao,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}.user-management-header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.user-management-header h2{margin:0;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:9px}.user-management-header h2:before{content:"";display:inline-block;width:4px;height:18px;background:linear-gradient(180deg,#30d158,#0a84ff);border-radius:2px;flex-shrink:0}.user-management-header p{margin:4px 0 0;color:#ffffff6b;font-size:11px;padding-left:13px}.statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.stat-card{background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;transition:all .2s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0a84ff,#30d158);opacity:0;transition:opacity .2s ease}.stat-card:hover{background:#ffffff0e;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.stat-card:hover:before{opacity:1}.stat-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.stat-icon.blue{background:#0a84ff2e;color:#409cff}.stat-icon.green{background:#30d1582e;color:#30d158}.stat-icon.purple{background:#5e5ce62e;color:#a5b4fc}.stat-icon.orange{background:#ff9f0a2e;color:#ff9f0a}.stat-icon.red{background:#ff453a2e;color:#ff453a}.stat-info h4{margin:0 0 2px;color:#ffffff73;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.stat-value{margin:0;color:#fff;font-size:20px;font-weight:700;line-height:1;letter-spacing:-.5px}.toolbar{background:#ffffff07;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:0}.toolbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-row:first-child{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.toolbar-filters{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.toolbar-actions{padding-top:10px;justify-content:space-between}.toolbar-left-actions{display:flex;align-items:center;gap:8px}.search-box{position:relative;flex:1;min-width:200px;max-width:380px}.search-box .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#ffffff4d;font-size:11px;pointer-events:none;display:flex;align-items:center;z-index:1}.search-box .search-input{width:100%;height:34px;padding:0 12px 0 32px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#fff;font-size:12px;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;line-height:34px}.search-box .search-input:focus{background:#ffffff14;border-color:#30d15873;box-shadow:0 0 0 2px #30d1581a}.search-box .search-input::placeholder{color:#ffffff47}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper .select-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#ffffff59;pointer-events:none;z-index:1}.select-wrapper .filter-select{height:34px;padding:0 28px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#ffffffd1;font-size:12px;font-family:inherit;min-width:148px;outline:none;cursor:pointer;transition:all .2s ease;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.28)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;line-height:34px}.select-wrapper .filter-select:focus{border-color:#30d15873;background-color:#ffffff14;box-shadow:0 0 0 2px #30d1581a}.select-wrapper .filter-select option{background:#1c1c1e;color:#fff}.refresh-button{height:34px;padding:0 13px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#ffffffbf;font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-sizing:border-box;white-space:nowrap}.refresh-button:hover{background:#ffffff17;border-color:#ffffff24;color:#fff}.refresh-button svg,.refresh-button .svg-inline--fa{font-size:11px}.add-button{height:34px;padding:0 15px;background:linear-gradient(135deg,#30d158,#00c853);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:7px;box-shadow:0 3px 10px #30d15847;transition:all .2s ease;white-space:nowrap;box-sizing:border-box}.add-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #30d15866}.delete-button{height:34px;padding:0 15px;background:linear-gradient(135deg,#ff453a,#d70015);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:7px;box-shadow:0 3px 10px #ff453a47;transition:all .2s ease;white-space:nowrap;box-sizing:border-box}.delete-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #ff453a66}.selected-count{height:28px;padding:0 12px;font-size:11px;color:#30d158;font-weight:600;background:#30d1581a;border-radius:20px;border:1px solid rgba(48,209,88,.24);display:flex;align-items:center;gap:6px;white-space:nowrap}.table-container{border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;margin-bottom:14px;background:#ffffff06;min-height:300px}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:#ffffff0a}.users-table th{padding:10px 14px;text-align:left;font-weight:600;color:#ffffff73;font-size:10px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.users-table th input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#30d158}.users-table tbody tr{border-bottom:1px solid rgba(255,255,255,.042);transition:background .15s ease}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:#ffffff0a}.users-table tbody tr.selected{background:#30d1580e}.users-table td{padding:10px 14px;font-size:12px;color:#ffffffd1;vertical-align:middle}.users-table td input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#30d158}.user-name-cell{display:flex;align-items:center;gap:10px}.user-avatar{width:30px;height:30px;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #00000040}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff}.user-info .name{font-weight:600;color:#fff;font-size:12px;margin-bottom:2px;line-height:1.2}.user-info .id{font-size:10px;color:#ffffff59;font-family:SF Mono,Fira Code,monospace}.role-badge,.status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.role-badge.admin,.role-badge[data-role=admin]{background:#5e5ce626;color:#a5b4fc;border:1px solid rgba(94,92,230,.28)}.role-badge.user,.role-badge[data-role=user]{background:#0a84ff21;color:#64b5f6;border:1px solid rgba(10,132,255,.22)}.status-badge.active,.status-badge[data-status=active]{background:#30d1581f;color:#30d158;border:1px solid rgba(48,209,88,.24)}.status-badge.inactive,.status-badge[data-status=inactive]{background:#ff453a1f;color:#ff453a;border:1px solid rgba(255,69,58,.22)}.action-buttons-cell{display:flex;gap:6px;align-items:center}.edit-btn,.delete-btn{width:28px;height:28px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;flex-shrink:0;padding:0;font-size:11px}.edit-btn{background:#0a84ff21;color:#409cff;border:1px solid rgba(10,132,255,.2)}.edit-btn:hover{background:#0a84ff40;transform:translateY(-1px);box-shadow:0 3px 10px #0a84ff33}.delete-btn{background:#ff453a1f;color:#ff453a;border:1px solid rgba(255,69,58,.18)}.delete-btn:hover{background:#ff453a3d;transform:translateY(-1px);box-shadow:0 3px 10px #ff453a33}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;color:#ffffff59;gap:12px;font-size:12px}.spinner{width:26px;height:26px;border:2px solid rgba(255,255,255,.08);border-top-color:#30d158;border-radius:50%;animation:spin .75s linear infinite}.error-message{padding:20px;text-align:center;color:#ff453a;background:#ff453a14;border:1px solid rgba(255,69,58,.15);border-radius:8px;margin:12px;font-size:12px}.no-data{padding:40px;text-align:center;color:#ffffff4d;font-size:12px}.error-banner{background:#ff453a1f;border:1px solid rgba(255,69,58,.25);color:#ff6b6b;padding:8px 13px;border-radius:8px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;font-size:12px;animation:slideDown .22s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:16px}.modal-content{background:#1c1c1e;border:1px solid rgba(255,255,255,.11);border-radius:14px;width:100%;max-width:540px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #0000008c;animation:modalIn .2s ease-out}@keyframes modalIn{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff06;border-radius:14px 14px 0 0}.modal-header h3{margin:0;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.close-button{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff9;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:11px}.modal-body{padding:16px 18px;max-height:65vh;overflow-y:auto}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group.checkbox-group{justify-content:flex-end}.form-group label{font-size:10px;color:#ffffff75;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.form-group input[type=text],.form-group input[type=date],.form-group input[type=password],.form-group select{height:34px;padding:0 11px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#fff;font-size:12px;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;line-height:34px}.form-group textarea{padding:9px 11px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#fff;font-size:12px;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;resize:vertical;min-height:65px;line-height:1.5}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#30d15873;box-shadow:0 0 0 2px #30d1581a}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff42}.form-group select option{background:#1c1c1e;color:#fff}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 11px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;font-size:12px;color:#ffffffd1;transition:background .18s ease}.checkbox-label:hover{background:#ffffff0f}.checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#30d158}.form-note{margin-top:12px;padding:9px 12px;background:#30d15812;border:1px solid rgba(48,209,88,.16);border-radius:8px}.form-note p{margin:0;font-size:11px;color:#30d158;line-height:1.5}.image-upload-section{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07)}.image-preview-container{width:64px;height:64px;border-radius:11px;overflow:hidden;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-preview-wrapper{position:relative;width:100%;height:100%}.remove-image-btn{position:absolute;top:3px;right:3px;width:17px;height:17px;background:#ff453ae0;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:2;font-size:9px;transition:background .2s}.remove-image-btn:hover{background:#ff453a}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;width:100%;height:100%;transition:background .2s}.image-upload-placeholder:hover{background:#ffffff0d}.placeholder-icon{opacity:.38;font-size:18px}.image-upload-placeholder p{margin:0;color:#ffffff52;font-size:9px}.image-upload-controls{flex:1}.file-upload-label{display:inline-block;cursor:pointer}.file-upload-button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#30d1581a;border:1px solid rgba(48,209,88,.22);border-radius:7px;color:#30d158;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.file-upload-button:hover{background:#30d1582e;transform:translateY(-1px)}.file-upload-hint{margin:5px 0 0;font-size:10px;color:#ffffff4d;line-height:1.4}.modal-footer{display:flex;gap:8px;padding:12px 17px;border-top:1px solid rgba(255,255,255,.07);background:#ffffff05;border-radius:0 0 14px 14px}.cancel-button{flex:1;height:34px;padding:0 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb8;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.cancel-button:hover{background:#ffffff1a;color:#fff}.save-button{flex:1;height:34px;padding:0 14px;background:linear-gradient(135deg,#30d158,#00c853);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 3px 10px #30d15842;transition:all .2s ease;box-sizing:border-box}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #30d1585c}.save-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.delete-modal .modal-body{text-align:center}.warning-icon{font-size:40px;margin-bottom:10px}.warning-text{font-size:14px;color:#fff;font-weight:700;margin-bottom:6px;line-height:1.4}.warning-detail{color:#ff453a;font-weight:600;font-size:11px;margin:8px 0;padding:7px 11px;background:#ff453a17;border:1px solid rgba(255,69,58,.18);border-radius:7px}.users-to-delete{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:10px 12px;margin:10px 0;text-align:left}.delete-list-title{font-weight:700;font-size:10px;color:#ffffff6b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.delete-list{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.delete-list-item{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;background:#ffffff06;border-radius:5px;border-left:3px solid #ff453a}.delete-list-item .user-id{color:#ffffff59;font-size:10px;font-family:monospace}.delete-list-item .user-name{font-weight:600;color:#ffffffd9;font-size:11px}.delete-list-item.more-users{justify-content:center;font-style:italic;color:#ffffff61;font-size:10px;border-left-color:#ff9f0a}.warning-tips{background:#ff9f0a12;border:1px solid rgba(255,159,10,.18);border-radius:8px;padding:10px 12px;margin-top:10px;text-align:left}.warning-tips p{font-weight:700;font-size:10px;margin:0 0 5px;color:#ff9f0a}.warning-tips ul{margin:0;padding-left:15px;color:#ff9f0ad1}.warning-tips li{margin-bottom:2px;font-size:10px;line-height:1.5}.delete-confirm-button{flex:1;height:34px;padding:0 14px;background:linear-gradient(135deg,#ff453a,#d70015);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 3px 10px #ff453a42;transition:all .2s ease;box-sizing:border-box}.delete-confirm-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #ff453a61}.delete-confirm-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.test-button{height:28px!important;padding:0 10px!important;background:#ffffff12!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:7px!important;color:#fff9!important;font-size:10px!important;font-family:inherit!important;cursor:pointer!important;margin-left:8px;display:inline-flex!important;align-items:center!important;gap:4px;transition:all .2s;box-sizing:border-box!important}.test-button:hover{background:#ffffff1c!important;color:#fff!important}@media (max-width: 768px){.user-management-container{padding:12px}.toolbar-row{flex-wrap:wrap}.toolbar-filters{margin-left:0;width:100%}.search-box{max-width:100%}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.statistics{grid-template-columns:repeat(2,1fr)}.image-upload-section{flex-direction:column;text-align:center}.toolbar-actions{flex-direction:column;align-items:stretch}.toolbar-left-actions{width:100%}.add-button,.delete-button{justify-content:center;flex:1}}@media (max-width: 480px){.modal-content{width:96%}.modal-footer{flex-direction:column}.users-table th,.users-table td{padding:8px 10px}.statistics{grid-template-columns:1fr 1fr}.select-wrapper .filter-select{min-width:120px}}.main-items-container{padding:1.5rem;max-width:1400px;margin:0 auto;color:#f5f5f7;font-size:.9rem;background:#0f172a;min-height:100vh}.main-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.header-left .page-title{font-size:1.8rem;font-weight:700;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem;color:#fff}.title-icon{font-size:1.6rem}.page-subtitle{color:#fff9;margin:0;font-size:.9rem}.add-category-btn{background:linear-gradient(135deg,#409cff,#007aff);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.add-category-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #409cff66}.btn-icon{font-size:1rem}.refresh-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:.6rem 1rem;border-radius:8px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.refresh-btn:hover{background:#fff3}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease}.stat-card:hover{background:#ffffff0d;border-color:#409cff4d;transform:translateY(-2px)}.stat-icon{font-size:1.4rem;width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.total{background:#409cff26;color:#409cff}.stat-icon.active{background:#30d15826;color:#30d158}.stat-icon.inactive{background:#ff453a26;color:#ff453a}.stat-icon.items{background:#ff9f0a26;color:#ff9f0a}.stat-info h3{margin:0;font-size:1.6rem;font-weight:700;color:#fff;line-height:1.2}.stat-info p{margin:0;color:#fff9;font-size:.8rem}.controls-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;padding:0;border:none}.search-box{position:relative;width:280px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:.9rem}.search-input{width:100%;padding:.6rem .75rem .6rem 2.2rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.85rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#409cff80;box-shadow:0 0 0 2px #409cff1a}.clear-search{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff9;width:20px;height:20px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.clear-search:hover{background:#fff3;color:#fff}.filter-controls{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-group label{color:#fff!important;font-size:.85rem;font-weight:500;white-space:nowrap}.filter-group select,.filter-group input[type=text],.filter-group input[type=date]{background-color:#2c2c2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px;padding:.4rem 2rem .4rem .75rem;font-size:.85rem;transition:all .2s ease;outline:none;width:100%;box-sizing:border-box}.filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.6)'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.2rem;cursor:pointer}.filter-group input[type=text],.filter-group input[type=date]{padding:.4rem .75rem}.filter-group select option{background-color:#2c2c2e;color:#fff}.filter-group select:hover,.filter-group input[type=text]:hover,.filter-group input[type=date]:hover{border-color:#409cff80!important}.filter-group select:focus,.filter-group input[type=text]:focus,.filter-group input[type=date]:focus{border-color:#409cff!important;box-shadow:0 0 0 2px #409cff33}.filter-group input::placeholder{color:#fff6}.status-select,.sort-select{background-color:#2c2c2e!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:6px;padding:.4rem 2rem .4rem .75rem;font-size:.8rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.6)'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1.2rem;cursor:pointer}.status-select option,.sort-select option{background-color:#2c2c2e;color:#fff}.refresh-button{padding:.4rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#fffc;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.refresh-button:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff2e}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#888;grid-column:1 / -1}.loading-spinner{width:32px;height:32px;border:3px solid #3a3a3a;border-radius:50%;border-top-color:#4caf50;animation:spin 1s linear infinite;margin-bottom:12px}.no-categories{grid-column:1 / -1;text-align:center;padding:40px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px}.no-categories .empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-categories h3{color:#ffffffb3;margin-bottom:8px;font-size:1.2rem}.no-categories p{color:#ffffff80;font-size:.9rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.category-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.2rem;transition:all .3s ease;display:flex;flex-direction:column}.category-card:hover{background:#ffffff0d;border-color:#409cff4d;box-shadow:0 12px 30px #0003}.category-header{display:flex;align-items:flex-start;margin-bottom:.75rem}.category-color{width:36px;height:36px;border-radius:8px;flex-shrink:0;margin-right:.75rem}.category-title{flex:1}.category-title h3{margin:0 0 .2rem;font-size:1.1rem;color:#fff}.category-meta-top{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.category-id{font-size:.7rem;color:#ffffff80;background:#ffffff0f;padding:2px 6px;border-radius:4px;font-family:monospace;display:inline-flex;align-items:center;gap:4px}.item-count-badge{font-size:.65rem;font-weight:600;color:#fff;padding:2px 6px;border-radius:8px;display:inline-block}.category-status .status-toggle{border:none;font-size:1.1rem;cursor:pointer;padding:.2rem;border-radius:4px;transition:all .2s ease}.category-body{flex:1;margin-bottom:1rem}.category-description{color:#ffffffb3;font-size:.8rem;line-height:1.5;margin:0 0 .75rem}.category-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.7rem}.meta-icon{font-size:.8rem;opacity:.7;width:1rem;text-align:center}.meta-text{font-size:.7rem}.meta-item .status.active{color:#30d158}.meta-item .status.inactive{color:#ff453a}.meta-item .item-count{font-weight:600}.category-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.action-btn{padding:.3rem .5rem;border:none;border-radius:4px;font-size:.6rem!important;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease;flex:1;justify-content:center}.action-btn.edit{background:#409cff26;color:#64d2ff}.action-btn.delete{background:#ff453a26;color:#ff453a}.action-btn.view{background:#30d15826;color:#30d158}.action-btn:hover{transform:translateY(-1px)}.action-btn.delete:disabled{opacity:.5;cursor:not-allowed}.action-btn.delete:disabled:hover{transform:none;background:#ff453a26}.error-banner{background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:6px;padding:10px 16px;margin:1rem 0;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease}.error-content{display:flex;align-items:center;gap:8px;flex:1}.error-icon{font-size:1rem;color:#ff453a}.error-text{color:#ff453a;font-size:.85rem}.error-close{border:none;color:#ffffff80;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.error-close:hover{background:#ffffff1a;color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content,.detail-modal{background:#1c1c1ef2;border:1px solid rgba(255,255,255,.15);border-radius:20px;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;box-shadow:0 30px 60px #00000080}.delete-modal{max-width:400px}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2,.modal-header h3{margin:0;color:#fff;font-size:1.2rem;font-weight:600;display:flex;align-items:center}.close-modal{border:none;color:#ffffff80;font-size:1.2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-modal:hover{background:#ffffff1a;color:#fff}.category-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.4rem;color:#fff;font-size:.8rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.6rem .8rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.85rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#409cff80;box-shadow:0 0 0 2px #409cff1a}.form-note{margin:1rem 0;padding:.6rem;background:#409cff1a;border:1px solid rgba(64,156,255,.2);border-radius:6px;color:#fffc;font-size:.8rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.cancel-btn,.submit-btn,.delete-btn-mainitems{flex:1;min-height:40px;padding:.6rem .8rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.cancel-btn{background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.cancel-btn:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}.submit-btn{background:linear-gradient(135deg,#409cff,#007aff);color:#fff;box-shadow:0 4px 12px #409cff4d}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #409cff66}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.delete-btn-mainitems{background:linear-gradient(135deg,#ff453a,#d70015);color:#fff;box-shadow:0 4px 12px #ff453a4d}.delete-btn-mainitems:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ff453a66}.delete-btn-mainitems:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a;box-shadow:none}.modal-footer{display:flex;gap:12px;padding:1.2rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);background:#1e1e20cc}.delete-modal .modal-body{padding:1.5rem;text-align:center}.warning-icon{font-size:2.5rem;margin-bottom:1rem}.warning-text{font-size:1rem;color:#fff;text-align:center;margin-bottom:.75rem;line-height:1.5}.warning-text.danger{color:#ff453a;font-weight:600;background:#ff453a1a;padding:10px;border-radius:6px;border:1px solid rgba(255,69,58,.3)}.warning-detail{color:#ff9800;font-size:.85rem;text-align:center;line-height:1.5;padding:8px;background:#ff98001a;border-radius:6px;margin:10px 0}.delete-info{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px;margin:16px 0;text-align:left}.delete-info p{margin:6px 0;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.delete-info .info-value{font-weight:600;color:#fff}.delete-info .info-value.status.active{color:#30d158}.delete-info .info-value.status.inactive{color:#ff453a}.warning-note{color:#ff9800;font-weight:600;padding:8px;background:#ff98001a;border-radius:6px;border:1px solid rgba(255,152,0,.3);font-size:.85rem}.detail-header{display:flex;align-items:center;gap:1rem}.detail-color{width:40px;height:40px;border-radius:10px;flex-shrink:0}.detail-title{flex:1}.detail-title h2{margin:0 0 .2rem;color:#fff;font-size:1.2rem}.detail-id{font-size:.75rem;color:#ffffff80;background:#ffffff0f;padding:.2rem .5rem;border-radius:4px;font-family:monospace;display:inline-flex;align-items:center;gap:4px}.detail-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:1rem 0}.stat-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px}.stat-item .stat-icon{font-size:1.2rem;width:40px;height:40px;border-radius:6px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:inherit}.stat-item .stat-info h4{margin:0 0 4px;font-size:.7rem;color:#fff9;font-weight:500}.stat-item .stat-value{margin:0;font-size:1rem;font-weight:700;color:#fff}.detail-info{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;margin:1rem 0}.info-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.85rem}.info-item:last-child{border-bottom:none}.info-label{color:#fff9;display:flex;align-items:center;gap:6px}.info-value{color:#fff;font-weight:500}.info-value.status.active{color:#30d158}.info-value.status.inactive{color:#ff453a}.color-preview{display:flex;align-items:center;gap:.5rem}.color-dot{width:16px;height:16px;border-radius:3px;border:1px solid rgba(255,255,255,.2)}.detail-note{background:#30d1581a;border:1px solid rgba(48,209,88,.2);border-radius:6px;padding:10px;margin:1rem 0;font-size:.85rem;color:#30d158}.detail-actions{display:flex;flex-direction:column;gap:.5rem}.detail-btn{width:100%;padding:.6rem;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.detail-btn.edit{background:#409cff26;color:#64d2ff}.detail-btn.delete{background:#ff453a26;color:#ff453a}.detail-btn:hover{transform:translateY(-1px)}.detail-btn.delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.main-items-container{padding:1rem}.page-title{font-size:1.5rem}.stats-cards{grid-template-columns:repeat(2,1fr)}.search-box{width:100%}.filter-controls{flex-direction:column;align-items:stretch}.categories-grid,.detail-stats{grid-template-columns:1fr}.modal-footer{flex-direction:column;gap:10px}.form-actions{flex-direction:column}}@media (max-width: 480px){.stats-cards{grid-template-columns:1fr}.category-actions{flex-direction:column}.action-btn{width:100%}}.main-items-container .stat-card{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.08)!important}.main-items-container .search-input{background:#ffffff0f!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.main-items-container .stat-info h3{color:#fff!important}.main-items-container .stat-info p{color:#fff9!important}.main-items-container .filter-group label{color:#fff!important}.main-items-container .status-select,.main-items-container .sort-select{background-color:#1e293b!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important}.sub-items-container{background:#0f172a!important;color:#e0e0e0;min-height:100vh;padding:16px 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans Lao,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}.sub-items-container .sub-items-header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sub-items-container .sub-items-header h2{margin:0;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:9px}.sub-items-container .sub-items-header h2:before{content:"";display:inline-block;width:4px;height:18px;background:linear-gradient(180deg,#0a84ff,#30d158);border-radius:2px;flex-shrink:0}.sub-items-container .sub-items-header p{margin:4px 0 0;color:#ffffff6b;font-size:11px;padding-left:13px}.sub-items-container .statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.sub-items-container .stat-card{background:#ffffff09!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;transition:all .2s ease;position:relative;overflow:hidden}.sub-items-container .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0a84ff,#30d158);opacity:0;transition:opacity .2s ease}.sub-items-container .stat-card:hover{background:#ffffff0e!important;border-color:#ffffff1f!important;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.sub-items-container .stat-card:hover:before{opacity:1}.sub-items-container .stat-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.sub-items-container .stat-icon.blue{background:#0a84ff2e;color:#409cff}.sub-items-container .stat-icon.green{background:#30d1582e;color:#30d158}.sub-items-container .stat-icon.purple{background:#5e5ce62e;color:#a5b4fc}.sub-items-container .stat-icon.red{background:#ff453a2e;color:#ff453a}.sub-items-container .stat-icon.orange{background:#ff9f0a2e;color:#ff9f0a}.sub-items-container .stat-info h4{margin:0 0 2px;color:#ffffff73!important;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.sub-items-container .stat-value{margin:0;color:#fff!important;font-size:20px;font-weight:700;line-height:1;letter-spacing:-.5px}.sub-items-container .toolbar{background:#ffffff07!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:10px;padding:11px 14px;margin-bottom:14px;display:flex;flex-direction:column;gap:0}.sub-items-container .toolbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-items-container .toolbar-row:first-child{padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.sub-items-container .toolbar-filters{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.sub-items-container .toolbar-actions{padding-top:10px;justify-content:space-between}.sub-items-container .toolbar-left-actions{display:flex;align-items:center;gap:8px}.sub-items-container .search-box{position:relative;flex:1;min-width:200px;max-width:380px}.sub-items-container .search-box .search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#ffffff4d;font-size:11px;pointer-events:none;display:flex;align-items:center;z-index:1}.sub-items-container .search-box .search-input{width:100%;height:34px;padding:0 12px 0 32px;background:#ffffff0e!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px;color:#fff!important;font-size:12px;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;line-height:34px}.sub-items-container .search-box .search-input:focus{background:#ffffff14!important;border-color:#30d15873!important;box-shadow:0 0 0 2px #30d1581a}.sub-items-container .search-box .search-input::placeholder{color:#ffffff47}.sub-items-container .select-wrapper{position:relative;display:flex;align-items:center}.sub-items-container .select-wrapper .select-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#ffffff59;pointer-events:none;z-index:1}.sub-items-container .select-wrapper .filter-select{height:34px;padding:0 28px;background:#ffffff0e!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px;color:#ffffffd1!important;font-size:12px;font-family:inherit;min-width:148px;outline:none;cursor:pointer;transition:all .2s ease;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.28)'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 9px center!important;line-height:34px}.sub-items-container .select-wrapper .filter-select:focus{border-color:#30d15873!important;background-color:#ffffff14!important;box-shadow:0 0 0 2px #30d1581a}.sub-items-container .select-wrapper .filter-select option{background:#1c1c1e;color:#fff}.sub-items-container .refresh-button{height:34px;padding:0 13px;background:#ffffff0e!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px;color:#ffffffbf!important;font-size:12px;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;box-sizing:border-box;white-space:nowrap}.sub-items-container .refresh-button:hover{background:#ffffff17!important;border-color:#ffffff24!important;color:#fff!important}.sub-items-container .refresh-button svg,.sub-items-container .refresh-button .svg-inline--fa{font-size:11px}.sub-items-container .add-button{height:34px;padding:0 15px;background:linear-gradient(135deg,#30d158,#00c853);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:7px;box-shadow:0 3px 10px #30d15847;transition:all .2s ease;white-space:nowrap;box-sizing:border-box}.sub-items-container .add-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #30d15866}.sub-items-container .delete-button{height:34px;padding:0 15px;background:linear-gradient(135deg,#ff453a,#d70015);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:flex;align-items:center;gap:7px;box-shadow:0 3px 10px #ff453a47;transition:all .2s ease;white-space:nowrap;box-sizing:border-box}.sub-items-container .delete-button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #ff453a66}.sub-items-container .selected-count{height:28px;padding:0 12px;font-size:11px;color:#30d158;font-weight:600;background:#30d1581a;border-radius:20px;border:1px solid rgba(48,209,88,.24);display:flex;align-items:center;gap:6px;white-space:nowrap}.sub-items-container .table-container{border:1px solid rgba(255,255,255,.07)!important;border-radius:10px;overflow:hidden;margin-bottom:14px;background:#ffffff06!important;min-height:280px}.sub-items-container .items-table{width:100%;border-collapse:collapse}.sub-items-container .items-table thead{background:#ffffff0a!important}.sub-items-container .items-table th{padding:10px 14px;text-align:left;font-weight:600;color:#ffffff73!important;font-size:10px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.sub-items-container .items-table th input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#30d158}.sub-items-container .items-table tbody tr{border-bottom:1px solid rgba(255,255,255,.042);transition:background .15s ease}.sub-items-container .items-table tbody tr:last-child{border-bottom:none}.sub-items-container .items-table tbody tr:hover{background:#ffffff0a}.sub-items-container .items-table tbody tr.selected{background:#30d1580e}.sub-items-container .items-table td{padding:10px 14px;font-size:12px;color:#ffffffd1!important;vertical-align:middle}.sub-items-container .items-table td input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#30d158}.sub-items-container .item-name-cell{display:flex;align-items:center;gap:10px}.sub-items-container .item-avatar{width:30px;height:30px;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #00000040}.sub-items-container .item-avatar img{width:100%;height:100%;object-fit:cover}.sub-items-container .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.sub-items-container .item-info .name{font-weight:600;color:#fff!important;font-size:12px;margin-bottom:2px;line-height:1.2}.sub-items-container .item-info .id{font-size:10px;color:#ffffff59;font-family:SF Mono,Fira Code,monospace}.sub-items-container .category-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.sub-items-container .category-badge.food{background:#ff9f0a24;color:#ff9f0a;border:1px solid rgba(255,159,10,.25)}.sub-items-container .category-badge.drink{background:#0a84ff24;color:#409cff;border:1px solid rgba(10,132,255,.25)}.sub-items-container .category-badge.dessert{background:#5e5ce624;color:#a5b4fc;border:1px solid rgba(94,92,230,.25)}.sub-items-container .category-badge.snack{background:#30d15824;color:#30d158;border:1px solid rgba(48,209,88,.25)}.sub-items-container .category-badge.other{background:#ffffff12;color:#ffffff8c;border:1px solid rgba(255,255,255,.1)}.sub-items-container .status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.sub-items-container .status-badge.active{background:#30d1581f;color:#30d158;border:1px solid rgba(48,209,88,.24)}.sub-items-container .status-badge.inactive{background:#ff453a1f;color:#ff453a;border:1px solid rgba(255,69,58,.22)}.sub-items-container .action-buttons-cell{display:flex;gap:6px;align-items:center}.sub-items-container .edit-btn,.sub-items-container .delete-btn{width:28px;height:28px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;flex-shrink:0;padding:0;font-size:11px}.sub-items-container .edit-btn{background:#0a84ff21;color:#409cff;border:1px solid rgba(10,132,255,.2)}.sub-items-container .edit-btn:hover{background:#0a84ff40;transform:translateY(-1px);box-shadow:0 3px 10px #0a84ff33}.sub-items-container .delete-btn{background:#ff453a1f;color:#ff453a;border:1px solid rgba(255,69,58,.18)}.sub-items-container .delete-btn:hover{background:#ff453a3d;transform:translateY(-1px);box-shadow:0 3px 10px #ff453a33}.sub-items-container .loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px;color:#ffffff59;gap:12px;font-size:12px}.sub-items-container .spinner{width:26px;height:26px;border:2px solid rgba(255,255,255,.08);border-top-color:#30d158;border-radius:50%;animation:subSpin .75s linear infinite}@keyframes subSpin{to{transform:rotate(360deg)}}.sub-items-container .no-data{padding:40px;text-align:center;color:#ffffff4d;font-size:12px}.sub-items-container .error-banner{background:#ff453a1f;border:1px solid rgba(255,69,58,.25);color:#ff6b6b;padding:8px 13px;border-radius:8px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.sub-items-container .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:16px}.sub-items-container .modal-content{background:#1c1c1e!important;border:1px solid rgba(255,255,255,.11);border-radius:14px;width:100%;max-width:480px;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.sub-items-container .delete-modal{max-width:400px}.sub-items-container .modal-header{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff06;border-radius:14px 14px 0 0}.sub-items-container .modal-header h3{margin:0;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.sub-items-container .close-button{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff9;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;font-size:11px}.sub-items-container .close-button:hover{background:#ffffff1c;color:#fff}.sub-items-container .modal-body{padding:16px 18px;max-height:65vh;overflow-y:auto}.sub-items-container .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sub-items-container .form-group{display:flex;flex-direction:column;gap:5px}.sub-items-container .form-group.full-width{grid-column:span 2}.sub-items-container .form-group.checkbox-group{justify-content:flex-end}.sub-items-container .form-group label{font-size:10px;color:#ffffff75;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sub-items-container .form-group input[type=text],.sub-items-container .form-group input[type=date],.sub-items-container .form-group select{height:34px;padding:0 11px;background:#ffffff0e!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:8px;color:#fff!important;font-size:12px;font-family:inherit;outline:none;transition:all .2s ease;box-sizing:border-box;line-height:34px}.sub-items-container .form-group input:focus,.sub-items-container .form-group select:focus{background:#ffffff14!important;border-color:#30d15873!important;box-shadow:0 0 0 2px #30d1581a}.sub-items-container .form-group input::placeholder{color:#ffffff42}.sub-items-container .form-group select option{background:#1c1c1e;color:#fff}.sub-items-container .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 11px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;font-size:12px;color:#ffffffd1;transition:background .18s ease}.sub-items-container .checkbox-label:hover{background:#ffffff0f}.sub-items-container .checkbox-label input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#30d158}.sub-items-container .modal-footer{display:flex;gap:8px;padding:12px 17px;border-top:1px solid rgba(255,255,255,.07);background:#ffffff05;border-radius:0 0 14px 14px}.sub-items-container .cancel-button{flex:1;height:34px;padding:0 14px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb8;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sub-items-container .cancel-button:hover{background:#ffffff1a;color:#fff}.sub-items-container .save-button{flex:1;height:34px;padding:0 14px;background:linear-gradient(135deg,#30d158,#00c853);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 3px 10px #30d15842;transition:all .2s ease;box-sizing:border-box}.sub-items-container .save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #30d1585c}.sub-items-container .save-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.sub-items-container .delete-modal .modal-body{text-align:center}.sub-items-container .warning-icon{font-size:36px;color:#ff9f0a;margin-bottom:10px;display:block;text-align:center}.sub-items-container .warning-text{font-size:14px;color:#fff;font-weight:700;margin-bottom:6px;line-height:1.4;text-align:center}.sub-items-container .warning-detail{color:#ff453a;font-weight:600;font-size:11px;margin:8px 0;padding:7px 11px;background:#ff453a17;border:1px solid rgba(255,69,58,.18);border-radius:7px;text-align:center}.sub-items-container .users-to-delete{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:10px 12px;margin:10px 0;text-align:left}.sub-items-container .delete-list-title{font-weight:700;font-size:10px;color:#ffffff6b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:7px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}.sub-items-container .delete-list{list-style:none;padding:0;margin:0;max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.sub-items-container .delete-list-item{display:flex;justify-content:space-between;align-items:center;padding:5px 9px;background:#ffffff06;border-radius:5px;border-left:3px solid #ff453a;gap:8px}.sub-items-container .delete-list-item .user-id{color:#ffffff59;font-size:10px;font-family:monospace;flex-shrink:0}.sub-items-container .delete-list-item .user-name{font-weight:600;color:#ffffffd9;font-size:11px;flex:1}.sub-items-container .delete-list-item.more-users{justify-content:center;font-style:italic;color:#ffffff61;font-size:10px;border-left-color:#ff9f0a}.sub-items-container .warning-tips{background:#ff9f0a12;border:1px solid rgba(255,159,10,.18);border-radius:8px;padding:10px 12px;margin-top:10px;text-align:left}.sub-items-container .warning-tips p{font-weight:700;font-size:10px;margin:0 0 5px;color:#ff9f0a}.sub-items-container .warning-tips ul{margin:0;padding-left:15px;color:#ff9f0ad1}.sub-items-container .warning-tips li{margin-bottom:2px;font-size:10px;line-height:1.5}.sub-items-container .delete-confirm-button{flex:1;height:34px;padding:0 14px;background:linear-gradient(135deg,#ff453a,#d70015);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 3px 10px #ff453a42;transition:all .2s ease;box-sizing:border-box}.sub-items-container .delete-confirm-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #ff453a61}.sub-items-container .delete-confirm-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.sub-items-container ::-webkit-scrollbar{width:4px;height:4px}.sub-items-container ::-webkit-scrollbar-track{background:transparent}.sub-items-container ::-webkit-scrollbar-thumb{background:#ffffff1c;border-radius:2px}.sub-items-container ::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 768px){.sub-items-container{padding:12px}.sub-items-container .toolbar-row{flex-wrap:wrap}.sub-items-container .toolbar-filters{margin-left:0;width:100%}.sub-items-container .search-box{max-width:100%}.sub-items-container .form-grid{grid-template-columns:1fr}.sub-items-container .form-group.full-width{grid-column:span 1}.sub-items-container .statistics{grid-template-columns:repeat(2,1fr)}.sub-items-container .toolbar-actions{flex-direction:column;align-items:stretch}.sub-items-container .toolbar-left-actions{width:100%}.sub-items-container .add-button,.sub-items-container .delete-button{justify-content:center;flex:1}}@media (max-width: 480px){.sub-items-container .modal-content{width:96%}.sub-items-container .modal-footer{flex-direction:column}.sub-items-container .items-table th,.sub-items-container .items-table td{padding:8px 10px}.sub-items-container .statistics{grid-template-columns:1fr 1fr}.sub-items-container .select-wrapper .filter-select{min-width:120px}}@media (prefers-reduced-motion: reduce){.sub-items-container *{animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--gold: #C9A84C;--gold-b: #E8C96A;--gold-d: #8A6F2E;--gold-a: rgba(201,168,76,.09);--bg1:#0D0D12;--bg2:#13131A;--bg3:#1A1A24;--bg4:#22222F;--bg5:#2C2C3E;--t1:#F0EDE8;--t2:#8A8799;--t3:#4A4860;--bdr:rgba(255,255,255,.07);--bdrm:rgba(255,255,255,.11);--green:#2ECC71;--green-a:rgba(46,204,113,.11);--red:#E74C3C;--red-a:rgba(231,76,60,.11);--amber:#F39C12;--amber-a:rgba(243,156,18,.11);--blue:#3498DB;--blue-a:rgba(52,152,219,.11);--purple:#9B59B6;--purple-a:rgba(155,89,182,.11);--r:7px;--rl:11px;--rxl:14px;--sh:0 4px 16px rgba(0,0,0,.45);--sh-lg:0 10px 36px rgba(0,0,0,.6);--sh-g:0 4px 18px rgba(201,168,76,.18);--f:"Sora",sans-serif;--fm:"DM Mono",monospace}.si-wrap{padding:16px 20px;background:var(--bg1);min-height:100vh;color:var(--t1);font-family:var(--f);font-size:13px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px}.si-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;flex-wrap:wrap}.si-title h2{font-size:15px;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:7px;letter-spacing:.01em}.si-title h2:before{content:"";width:2px;height:14px;background:linear-gradient(180deg,var(--gold-b),var(--gold-d));border-radius:2px;flex-shrink:0}.si-title p{font-size:11px;color:var(--t3);margin-top:2px;padding-left:9px}.si-toolbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.si-search{position:relative;width:200px}.si-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:var(--t3);font-size:11px;pointer-events:none}.si-search input{width:100%;padding:7px 9px 7px 27px;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r);font-family:var(--f);font-size:12px;color:var(--t1);outline:none;transition:all .18s}.si-search input::placeholder{color:var(--t3)}.si-search input:focus{border-color:var(--gold-d);background:var(--bg4);box-shadow:0 0 0 2px var(--gold-a)}.si-btn{padding:7px 12px;border:none;border-radius:var(--r);font-family:var(--f);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .18s;white-space:nowrap}.si-btn-export{background:var(--bg3);border:1px solid var(--bdrm);color:var(--t2)}.si-btn-export:hover{background:var(--bg4);color:var(--t1)}.si-btn-add{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#0d0d12}.si-btn-add:hover{background:linear-gradient(135deg,var(--gold-b),var(--gold));transform:translateY(-1px);box-shadow:var(--sh-g)}.si-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.si-stat{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rl);padding:11px 13px;display:flex;align-items:center;gap:10px;transition:all .18s;position:relative;overflow:hidden}.si-stat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 55%);pointer-events:none}.si-stat:hover{background:var(--bg3);transform:translateY(-1px)}.si-stat-icon{width:32px;height:32px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.si-stat-val{font-family:var(--fm);font-size:16px;font-weight:700;line-height:1;margin-bottom:2px}.si-stat-lbl{font-size:10px;color:var(--t3);font-weight:500;letter-spacing:.03em}.si-stat.blue .si-stat-icon{background:var(--blue-a);color:var(--blue)}.si-stat.blue .si-stat-val{color:var(--blue)}.si-stat.green .si-stat-icon{background:var(--green-a);color:var(--green)}.si-stat.green .si-stat-val{color:var(--green)}.si-stat.amber .si-stat-icon{background:var(--amber-a);color:var(--amber)}.si-stat.amber .si-stat-val{color:var(--amber)}.si-stat.purple .si-stat-icon{background:var(--purple-a);color:var(--purple)}.si-stat.purple .si-stat-val{color:var(--purple)}.si-filters{display:flex;align-items:center;gap:12px;padding:9px 12px;background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rl);margin-bottom:12px;flex-wrap:wrap}.si-filter-group{display:flex;align-items:center;gap:6px}.si-filter-group label{font-size:10px;color:var(--t3);font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.si-select{padding:5px 22px 5px 8px;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r);font-family:var(--f);font-size:12px;color:var(--t1);cursor:pointer;outline:none;transition:all .18s;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 0l4 4 4-4z' fill='%234A4860'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-color:var(--bg3);min-width:100px}.si-select:focus{border-color:var(--gold-d);background-color:var(--bg4)}.si-select option{background:var(--bg3);color:var(--t1)}.si-filter-info{margin-left:auto;font-family:var(--fm);font-size:11px;color:var(--t3)}.si-table-wrap{background:var(--bg2);border:1px solid var(--bdr);border-radius:var(--rl);overflow:hidden;box-shadow:var(--sh)}.si-table-scroll{overflow-x:auto}.si-table{width:100%;border-collapse:collapse;min-width:820px}.si-table thead tr{background:var(--bg3);border-bottom:1px solid var(--bdrm)}.si-table th{padding:8px 10px;font-size:9px;font-weight:700;color:var(--t3);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;text-align:left}.si-table th.r{text-align:right}.si-table th.c{text-align:center}.si-table td{padding:8px 10px;border-bottom:1px solid var(--bdr);vertical-align:middle;font-size:12px}.si-table tbody tr:last-child td{border-bottom:none}.si-table tbody tr{transition:background .1s;position:relative}.si-table tbody tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);opacity:0;transition:opacity .15s}.si-table tbody tr:hover{background:var(--bg3)}.si-table tbody tr:hover:before{opacity:1}.si-img{position:relative;width:38px;height:38px}.si-img img{width:38px;height:38px;object-fit:cover;border-radius:var(--r);border:1px solid var(--bdrm);display:block}.si-img-del{position:absolute;top:-4px;right:-4px;width:14px;height:14px;background:var(--red);color:#fff;border:1px solid var(--bg2);border-radius:50%;font-size:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;padding:0}.si-img:hover .si-img-del{opacity:1}.si-no-img{width:38px;height:38px;background:var(--bg4);border-radius:var(--r);border:1px dashed var(--bdrm);display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--t3);text-align:center;line-height:1.3}.si-code{display:inline-block;padding:2px 6px;background:var(--bg4);border-radius:4px;font-family:var(--fm);font-size:10px;color:var(--gold);border:1px solid rgba(201,168,76,.2);white-space:nowrap}.si-name strong{display:block;font-size:12px;font-weight:600;margin-bottom:1px}.si-name p{font-size:10px;color:var(--t3);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.si-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.si-badge.cat{background:#ff6b3521;color:#ff6b35}.si-badge.unit{background:var(--amber-a);color:var(--amber)}.si-badge.on{background:var(--green-a);color:var(--green)}.si-badge.off{background:var(--red-a);color:var(--red)}.si-price{font-family:var(--fm);font-weight:700;color:var(--green);font-size:12px;white-space:nowrap}.si-cost{font-family:var(--fm);font-size:11px;color:var(--t3);white-space:nowrap}.si-stock{text-align:center}.si-stock-val{font-family:var(--fm);font-size:13px;font-weight:700;display:block}.si-stock-lbl{font-size:9px;font-weight:600;display:block;margin-top:1px}.si-actions{display:flex;gap:4px;justify-content:center}.si-act-btn{width:26px;height:26px;border:1px solid var(--bdr);border-radius:5px;background:var(--bg4);color:var(--t2);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.si-act-btn:hover{transform:translateY(-1px);box-shadow:var(--sh)}.si-act-btn.edit:hover{background:var(--blue-a);border-color:#3498db4d;color:var(--blue)}.si-act-btn.del:hover{background:var(--red-a);border-color:#e74c3c4d;color:var(--red)}.si-loading,.si-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:10px;color:var(--t3)}.si-spinner{width:26px;height:26px;border:2px solid var(--bg5);border-top-color:var(--gold);border-radius:50%;animation:si-spin .8s linear infinite}@keyframes si-spin{to{transform:rotate(360deg)}}.si-empty-icon{font-size:32px;opacity:.2}.si-empty h3{font-size:13px;font-weight:700;color:var(--t2)}.si-empty p{font-size:11px}.si-pagination{display:flex;justify-content:center;align-items:center;gap:4px;padding:10px 14px;border-top:1px solid var(--bdr);background:var(--bg3)}.si-pg-btn{padding:4px 9px;background:var(--bg4);border:1px solid var(--bdr);border-radius:5px;font-family:var(--fm);font-size:11px;color:var(--t2);cursor:pointer;transition:all .15s;min-width:28px;text-align:center}.si-pg-btn:hover:not(:disabled):not(.active){background:var(--bg5);border-color:var(--bdrm)}.si-pg-btn.active{background:var(--gold-a);border-color:var(--gold-d);color:var(--gold);font-weight:700}.si-pg-btn:disabled{opacity:.3;cursor:not-allowed}.si-pg-dots{color:var(--t3);font-size:11px}.si-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9000;padding:14px}.si-modal{background:var(--bg2);border-radius:var(--rxl);width:100%;max-width:500px;max-height:86vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--bdrm);box-shadow:var(--sh-lg),0 0 0 1px #c9a84c0d}.si-modal-hd{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;background:var(--bg3);border-bottom:1px solid var(--bdr);flex-shrink:0;position:sticky;top:0;z-index:2}.si-modal-hd h3{font-size:13px;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:6px}.si-modal-hd h3 .accent{color:var(--gold)}.si-close{width:24px;height:24px;border-radius:50%;border:1px solid var(--bdr);background:var(--bg4);color:var(--t3);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.si-close:hover{background:var(--red-a);border-color:#e74c3c4d;color:var(--red);transform:rotate(90deg)}.si-modal-body{flex:1;overflow-y:auto;padding:13px 15px}.si-modal-body::-webkit-scrollbar{width:3px}.si-modal-body::-webkit-scrollbar-track{background:var(--bg3)}.si-modal-body::-webkit-scrollbar-thumb{background:var(--bg5);border-radius:2px}.si-modal-cols{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px}.si-modal-col{display:flex;flex-direction:column;gap:9px}.si-fg{display:flex;flex-direction:column;gap:4px}.si-fg label{font-size:9px;font-weight:700;color:var(--t3);letter-spacing:.07em;text-transform:uppercase}.si-fg label .req{color:var(--red);margin-left:2px}.si-fg input,.si-fg select,.si-fg textarea{padding:7px 9px;background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r);font-family:var(--f);font-size:12px;color:var(--t1);outline:none;transition:all .18s;width:100%}.si-fg input::placeholder{color:var(--t3)}.si-fg textarea{resize:vertical;min-height:52px}.si-fg input:focus,.si-fg select:focus,.si-fg textarea:focus{border-color:var(--gold-d);background:var(--bg4);box-shadow:0 0 0 2px var(--gold-a)}.si-fg input:disabled,.si-fg select:disabled{opacity:.35;cursor:not-allowed}.si-fg select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='4'%3E%3Cpath d='M0 0l4 4 4-4z' fill='%234A4860'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-color:var(--bg3);padding-right:22px}.si-fg select option{background:var(--bg3);color:var(--t1)}.si-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;padding:7px 9px;background:var(--bg3);border-radius:var(--r);border:1px solid var(--bdr);transition:all .18s}.si-toggle:hover{background:var(--bg4)}.si-toggle input[type=checkbox]{width:13px;height:13px;accent-color:var(--green);cursor:pointer;margin:0;padding:0;border:none;background:none}.si-toggle span{font-size:12px;font-weight:600;color:var(--t2)}.si-img-upload{display:flex;flex-direction:column;gap:5px}.si-img-upload-label{font-size:9px;font-weight:700;color:var(--t3);letter-spacing:.07em;text-transform:uppercase}.si-upload-zone{border:1px dashed var(--bdrm);border-radius:var(--r);padding:12px;text-align:center;cursor:pointer;background:var(--bg3);transition:all .18s;min-height:80px;display:flex;align-items:center;justify-content:center}.si-upload-zone:hover{border-color:var(--gold-d);background:var(--gold-a)}.si-upload-zone.has-img{border-style:solid;padding:8px;border-color:var(--bdrm)}.si-preview-wrap{position:relative;display:inline-block}.si-preview-wrap img{width:60px;height:60px;object-fit:cover;border-radius:var(--r);border:1px solid var(--bdrm);display:block}.si-preview-del{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background:var(--red);color:#fff;border:1px solid var(--bg2);border-radius:50%;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.si-preview-del:hover{transform:scale(1.15)}.si-upload-ph{display:flex;flex-direction:column;align-items:center;gap:4px}.si-upload-ph-icon{font-size:18px;opacity:.3}.si-upload-ph p{font-size:11px;color:var(--t3);margin:0}.si-upload-ph span{font-size:9px;color:var(--t3);opacity:.6}.si-file-info{padding:4px 8px;background:var(--blue-a);border-radius:4px;font-size:10px;color:var(--blue);display:flex;align-items:center;gap:4px}.si-modal-ft{display:flex;justify-content:flex-end;gap:7px;padding:10px 15px;border-top:1px solid var(--bdr);background:var(--bg3);flex-shrink:0;position:sticky;bottom:0}.si-btn-cancel{padding:7px 14px;background:var(--bg4);border:1px solid var(--bdr);border-radius:var(--r);font-family:var(--f);font-size:12px;font-weight:600;color:var(--t2);cursor:pointer;transition:all .18s}.si-btn-cancel:hover{background:var(--bg5);color:var(--t1)}.si-btn-save{padding:7px 18px;background:linear-gradient(135deg,var(--gold),var(--gold-d));border:none;border-radius:var(--r);font-family:var(--f);font-size:12px;font-weight:700;color:#0d0d12;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.si-btn-save:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-b),var(--gold));transform:translateY(-1px);box-shadow:var(--sh-g)}.si-btn-save:disabled{opacity:.35;cursor:not-allowed;transform:none}.si-del-modal{max-width:360px}.si-del-warn{display:flex;gap:10px;padding:11px 12px;background:var(--red-a);border:1px solid rgba(231,76,60,.18);border-radius:var(--r);margin-bottom:11px}.si-del-icon{font-size:18px;flex-shrink:0;line-height:1}.si-del-text h4{font-size:12px;font-weight:700;color:var(--t1);margin-bottom:3px}.si-del-text p{font-size:11px;color:var(--t2);line-height:1.4}.si-del-preview{background:var(--bg3);border:1px solid var(--bdr);border-radius:var(--r);padding:10px 12px}.si-del-preview h4{font-size:13px;font-weight:700;margin-bottom:8px;color:var(--t1)}.si-del-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.si-del-field span{display:block;font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1px}.si-del-field strong{font-family:var(--fm);font-size:12px;color:var(--t1)}.si-del-field strong.green{color:var(--green)}.si-del-field strong.red{color:var(--red)}.si-btn-del{padding:7px 18px;background:linear-gradient(135deg,var(--red),#C0392B);border:none;border-radius:var(--r);font-family:var(--f);font-size:12px;font-weight:700;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.si-btn-del:hover{transform:translateY(-1px);box-shadow:0 4px 14px #e74c3c59}@media (max-width:1100px){.si-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.si-wrap{padding:12px 14px}.si-header{flex-direction:column;align-items:flex-start}.si-toolbar,.si-search{width:100%}.si-btn{flex:1;justify-content:center}.si-stats{grid-template-columns:repeat(2,1fr);gap:7px}.si-filters{flex-direction:column;gap:8px}.si-filter-info{margin-left:0}.si-modal{max-width:100%;border-radius:var(--rl);max-height:90vh}.si-del-modal{max-width:100%}.si-modal-cols{grid-template-columns:1fr}.si-modal-ft{flex-direction:column}.si-btn-cancel,.si-btn-save,.si-btn-del{width:100%;justify-content:center}}@media (max-width:480px){.si-stats{grid-template-columns:1fr}}[data-fp]{all:initial;display:block!important;box-sizing:border-box!important;font-family:Noto Sans Lao,sans-serif!important;font-size:14px!important;line-height:1.5!important;color:#c9cdd4!important;background:#0a0a0a!important;border:1px solid #1e1e1e!important;border-radius:10px!important;overflow:hidden!important;width:100%!important}[data-fp] *,[data-fp] *:before,[data-fp] *:after{box-sizing:border-box!important;margin:0!important;padding:0!important;font-family:Noto Sans Lao,sans-serif!important}[data-fp] .fp-top{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 16px!important;border-bottom:1px solid #1a1a1a!important;gap:8px!important;flex-wrap:wrap!important;background:#0d0d0d!important}[data-fp] .fp-top-left{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}[data-fp] .fp-add{all:unset!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 12px!important;font-size:12px!important;color:#555!important;background:#141414!important;border:1px solid #1e1e1e!important;border-radius:5px!important;cursor:pointer!important;transition:all .15s!important}[data-fp] .fp-add:hover{color:#c9cdd4!important;border-color:#2a2a2a!important;background:#1a1a1a!important}[data-fp] .fp-search-wrap{display:flex!important;align-items:center!important;gap:6px!important;padding:5px 10px!important;background:#111!important;border:1px solid #1e1e1e!important;border-radius:5px!important}[data-fp] .fp-search-wrap input{all:unset!important;display:inline-block!important;font-size:12px!important;width:110px!important;color:#c9cdd4!important;background:transparent!important}[data-fp] .fp-search-wrap input::placeholder{color:#333!important}[data-fp] .fp-save{all:unset!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:5px 14px!important;font-size:12px!important;font-weight:500!important;color:#0a0a0a!important;background:#c9cdd4!important;border-radius:5px!important;cursor:pointer!important;transition:background .15s!important}[data-fp] .fp-save:hover{background:#e2e4e8!important}[data-fp] .fp-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;border-bottom:1px solid #1a1a1a!important;background:#0d0d0d!important}[data-fp] .fp-stat{padding:12px 16px!important;border-right:1px solid #1a1a1a!important}[data-fp] .fp-stat:last-child{border-right:none!important}[data-fp] .fp-stat-label{font-size:11px!important;color:#2e2e2e!important;margin-bottom:3px!important;letter-spacing:.4px!important;display:block!important}[data-fp] .fp-stat-val{font-size:20px!important;font-weight:500!important;color:#e2e4e8!important;font-family:JetBrains Mono,monospace!important;display:block!important}[data-fp] .fp-filter{display:flex!important;align-items:center!important;padding:0 16px!important;border-bottom:1px solid #1a1a1a!important;overflow-x:auto!important;background:#0d0d0d!important}[data-fp] .fp-tab{all:unset!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:9px 13px!important;font-size:12px!important;color:#333!important;border-bottom:2px solid transparent!important;cursor:pointer!important;white-space:nowrap!important;transition:color .15s!important}[data-fp] .fp-tab:hover{color:#6b7280!important}[data-fp] .fp-tab.on{color:#e2e4e8!important;border-bottom-color:#e2e4e8!important;font-weight:500!important}[data-fp] .fp-dot{width:6px!important;height:6px!important;border-radius:50%!important;display:inline-block!important;flex-shrink:0!important}[data-fp] .fp-tab-count{font-family:JetBrains Mono,monospace!important;font-size:11px!important;color:#2a2a2a!important}[data-fp] .fp-tab.on .fp-tab-count{color:#555!important}[data-fp] .fp-table-wrap{overflow-x:auto!important}[data-fp] table{width:100%!important;border-collapse:collapse!important;font-size:13px!important;table-layout:fixed!important;background:#0a0a0a!important}[data-fp] thead tr{background:#0d0d0d!important;border-bottom:1px solid #1e1e1e!important}[data-fp] th{padding:9px 14px!important;text-align:left!important;font-size:10px!important;font-weight:500!important;color:#2a2a2a!important;letter-spacing:.8px!important;text-transform:uppercase!important;white-space:nowrap!important;background:#0d0d0d!important}[data-fp] td{padding:0!important;border-bottom:1px solid #111!important;vertical-align:middle!important;background:transparent!important}[data-fp] tbody tr:last-child td{border-bottom:none!important}[data-fp] tbody tr{cursor:pointer!important}[data-fp] tbody tr:hover td{background:#111!important}[data-fp] tbody tr.sel td{background:#0d1a0d!important}[data-fp] .td-p{padding:11px 14px!important;display:block!important}[data-fp] .fp-mono{font-family:JetBrains Mono,monospace!important;font-size:11px!important;color:#2a2a2a!important}[data-fp] .fp-name{font-weight:500!important;color:#e2e4e8!important}[data-fp] .fp-zone-badge{display:inline-block!important;font-size:10px!important;padding:2px 7px!important;border-radius:3px!important;background:#141414!important;color:#444!important;border:1px solid #1e1e1e!important;font-family:JetBrains Mono,monospace!important;letter-spacing:.5px!important}[data-fp] .fp-shape-txt{font-size:12px!important;color:#333!important}[data-fp] .fp-seats-txt{font-family:JetBrains Mono,monospace!important;font-size:12px!important;color:#444!important}[data-fp] .badge{display:inline-flex!important;align-items:center!important;gap:4px!important;font-size:11px!important;padding:3px 9px!important;border-radius:4px!important;font-weight:500!important;white-space:nowrap!important}[data-fp] .b-available{background:#0d1f0d!important;color:#4ade80!important;border:1px solid #1a3a1a!important}[data-fp] .b-occupied{background:#1f1600!important;color:#fb923c!important;border:1px solid #3a2800!important}[data-fp] .b-reserved{background:#0d1629!important;color:#60a5fa!important;border:1px solid #1a2e4a!important}[data-fp] .b-dirty{background:#1f0d0d!important;color:#f87171!important;border:1px solid #3a1a1a!important}[data-fp] .fp-acts{display:flex!important;gap:4px!important}[data-fp] .fp-act{all:unset!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:3px 9px!important;font-size:11px!important;border:1px solid #1e1e1e!important;border-radius:4px!important;background:#111!important;color:#333!important;cursor:pointer!important;transition:all .12s!important}[data-fp] .fp-act:hover{color:#c9cdd4!important;border-color:#2e2e2e!important;background:#1a1a1a!important}[data-fp] .fp-act.del:hover{color:#f87171!important;border-color:#3a1a1a!important;background:#1f0d0d!important}[data-fp] .fp-footer{display:flex!important;justify-content:space-between!important;padding:9px 16px!important;border-top:1px solid #1a1a1a!important;background:#0d0d0d!important}[data-fp] .fp-footer span{font-size:11px!important;color:#2a2a2a!important;font-family:JetBrains Mono,monospace!important}[data-fp] .fp-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000bf!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;padding:16px!important}[data-fp] .fp-modal-box{background:#111!important;border:1px solid #252525!important;border-radius:10px!important;padding:20px!important;width:100%!important;max-width:460px!important;box-shadow:0 24px 64px #000000d9!important}[data-fp] .fp-mhead{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:14px!important}[data-fp] .fp-mtitle{font-size:14px!important;font-weight:500!important;color:#c9cdd4!important}[data-fp] .fp-mx{all:unset!important;font-size:16px!important;color:#2e2e2e!important;cursor:pointer!important;line-height:1!important;transition:color .12s!important}[data-fp] .fp-mx:hover{color:#6b7280!important}[data-fp] .fp-2col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:10px!important}[data-fp] .fp-fg{display:flex!important;flex-direction:column!important;gap:4px!important;margin-bottom:10px!important}[data-fp] .fp-fg label{display:block!important;font-size:11px!important;color:#333!important;letter-spacing:.4px!important}[data-fp] .fp-fg input,[data-fp] .fp-fg select{all:unset!important;display:block!important;width:100%!important;padding:7px 10px!important;font-size:13px!important;border:1px solid #1e1e1e!important;border-radius:5px!important;background:#0d0d0d!important;color:#c9cdd4!important;transition:border-color .15s!important}[data-fp] .fp-fg input:focus,[data-fp] .fp-fg select:focus{border-color:#2e2e2e!important;outline:none!important}[data-fp] .fp-shape-row{display:flex!important;gap:6px!important}[data-fp] .fp-sbtn{all:unset!important;flex:1!important;display:inline-block!important;padding:7px!important;font-size:12px!important;border:1px solid #1e1e1e!important;border-radius:5px!important;background:#0d0d0d!important;color:#333!important;cursor:pointer!important;text-align:center!important;transition:all .15s!important}[data-fp] .fp-sbtn:hover{color:#6b7280!important;border-color:#2a2a2a!important}[data-fp] .fp-sbtn.on{border-color:#4ade80!important;color:#4ade80!important;background:#0d1f0d!important}[data-fp] .fp-mfoot{display:flex!important;gap:6px!important;justify-content:flex-end!important;margin-top:14px!important;align-items:center!important}[data-fp] .fp-flex1{flex:1!important}[data-fp] .fp-btn-g{all:unset!important;display:inline-flex!important;align-items:center!important;padding:6px 14px!important;font-size:12px!important;border:1px solid #1e1e1e!important;border-radius:5px!important;background:#141414!important;color:#444!important;cursor:pointer!important;transition:all .12s!important}[data-fp] .fp-btn-g:hover{color:#c9cdd4!important;border-color:#2e2e2e!important}[data-fp] .fp-btn-p{all:unset!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 14px!important;font-size:12px!important;font-weight:500!important;border:1px solid #1a3a1a!important;border-radius:5px!important;background:#0d1f0d!important;color:#4ade80!important;cursor:pointer!important;transition:all .12s!important}[data-fp] .fp-btn-p:hover{background:#102810!important}[data-fp] .fp-btn-p:disabled{opacity:.3!important;cursor:not-allowed!important}[data-fp] .fp-btn-d{all:unset!important;display:inline-flex!important;align-items:center!important;gap:5px!important;padding:6px 14px!important;font-size:12px!important;border:1px solid #3a1a1a!important;border-radius:5px!important;background:#1f0d0d!important;color:#f87171!important;cursor:pointer!important;transition:all .12s!important}[data-fp] .fp-btn-d:hover{background:#2a1010!important}@media (max-width: 600px){[data-fp] .fp-stats{grid-template-columns:repeat(2,1fr)!important}}[data-fp] .fp-desc{font-size:12px!important;color:#333!important}[data-fp] .fp-pic-zone{position:relative!important;width:100%!important;height:140px!important;border-radius:7px!important;border:1px dashed #252525!important;background:#0d0d0d!important;margin-bottom:14px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}[data-fp] .fp-pic-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;pointer-events:none!important}[data-fp] .fp-pic-empty span{font-size:11px!important;color:#2a2a2a!important;letter-spacing:.4px!important}[data-fp] .fp-pic-actions{position:absolute!important;bottom:8px!important;right:8px!important;display:flex!important;gap:5px!important}[data-fp] .fp-pic-btn{all:unset!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 10px!important;font-size:11px!important;border-radius:4px!important;background:#0d0d0dd9!important;color:#c9cdd4!important;border:1px solid #252525!important;cursor:pointer!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;transition:background .12s!important}[data-fp] .fp-pic-btn:hover{background:#1e1e1ef2!important}[data-fp] .fp-pic-del{color:#f87171!important;border-color:#3a1a1a!important}[data-fp] .fp-pic-del:hover{background:#1f0d0df2!important}.ex-wrap{background:transparent;color:#e0e0e0;min-height:100%;padding:16px 20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans Lao,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;position:relative}.ex-wrap.ex-light{color:#1c1c1e}.ex-wrap.ex-light .ex-stat-card,.ex-wrap.ex-light .ex-active-card,.ex-wrap.ex-light .ex-table-wrap,.ex-wrap.ex-light .ex-converter{border-color:#00000017;background:#00000006}.ex-theme-btn{position:absolute;top:16px;right:20px;width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.ex-theme-btn:hover{background:#ffffff1a;color:#fff}.ex-header{margin-bottom:16px;padding-bottom:14px;padding-right:44px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ex-header-text h1{margin:0;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:9px}.ex-header-text h1:before{content:"";display:inline-block;width:4px;height:18px;background:linear-gradient(180deg,#ff9f0a,#30d158);border-radius:2px;flex-shrink:0}.ex-header-text p{margin:4px 0 0;color:#ffffff6b;font-size:11px;padding-left:13px}.ex-title-icon{font-size:14px;color:#ff9f0a}.ex-header-btns{display:flex;align-items:center;gap:8px;flex-shrink:0}.ex-btn{height:34px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .2s;white-space:nowrap;box-sizing:border-box;border:none}.ex-btn-primary{background:linear-gradient(135deg,#ff9f0a,#ff6b00);color:#fff;box-shadow:0 3px 10px #ff9f0a4d}.ex-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 14px #ff9f0a6b}.ex-btn-ghost{background:#ffffff0e;border:1px solid rgba(255,255,255,.09);color:#ffffffbf}.ex-btn-ghost:hover{background:#ffffff17;color:#fff}.ex-btn-green{background:linear-gradient(135deg,#30d158,#00c853);color:#fff;box-shadow:0 3px 10px #30d15847;align-self:flex-end}.ex-btn-green:hover{transform:translateY(-1px);box-shadow:0 5px 14px #30d15866}.ex-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ex-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.ex-stat-card{background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:10px;transition:all .2s;position:relative;overflow:hidden}.ex-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff9f0a,#30d158);opacity:0;transition:opacity .2s}.ex-stat-card:hover{background:#ffffff0e;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.ex-stat-card:hover:before{opacity:1}.ex-stat-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ex-stat-icon.blue{background:#0a84ff2e;color:#409cff}.ex-stat-icon.green{background:#30d1582e;color:#30d158}.ex-stat-icon.purple{background:#5e5ce62e;color:#a5b4fc}.ex-stat-icon.orange{background:#ff9f0a2e;color:#ff9f0a}.ex-stat-val{margin:0 0 2px;color:#fff;font-size:18px;font-weight:700;letter-spacing:-.5px;line-height:1}.ex-stat-lbl{margin:0;color:#ffffff73;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ex-active-card{background:#ffffff07;border:1px solid rgba(255,159,10,.2);border-radius:12px;margin-bottom:14px;overflow:hidden}.ex-active-head{padding:11px 16px;background:#ff9f0a12;border-bottom:1px solid rgba(255,159,10,.12);display:flex;justify-content:space-between;align-items:center}.ex-active-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#fff}.ex-star{color:#ff9f0a;font-size:12px}.ex-badge-active{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;background:#30d15826;color:#30d158;border:1px solid rgba(48,209,88,.3);border-radius:20px;font-size:10px;font-weight:600}.ex-active-body{padding:14px 16px}.ex-currency-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.ex-curr-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:12px;text-align:center;transition:all .2s}.ex-curr-card:hover{background:#ffffff12;border-color:#ff9f0a4d;transform:translateY(-2px)}.ex-curr-top{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.ex-curr-code{font-size:12px;font-weight:700;color:#fff}.ex-curr-rate{font-size:14px;font-weight:700;color:#ff9f0a;margin-bottom:4px;font-variant-numeric:tabular-nums}.ex-curr-name{font-size:10px;color:#ffffff6b}.ex-active-meta{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#ffffff73;gap:12px;flex-wrap:wrap}.ex-quick-section{margin-bottom:14px}.ex-section-lbl{font-size:10px;font-weight:700;color:#ffffff6b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px}.ex-quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ex-quick-btn{height:50px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;font-family:inherit;color:#ffffffa6;transition:all .2s;padding:0 12px;overflow:hidden}.ex-q-icon{font-size:13px}.ex-quick-btn:hover{transform:translateY(-1px)}.ex-q-blue:hover{background:#0a84ff1f;border-color:#0a84ff4d;color:#409cff}.ex-q-purple:hover{background:#5e5ce61f;border-color:#5e5ce64d;color:#a5b4fc}.ex-q-green:hover{background:#30d1581f;border-color:#30d1584d;color:#30d158}.ex-q-orange:hover{background:#ff9f0a1f;border-color:#ff9f0a4d;color:#ff9f0a}.ex-toolbar{background:#ffffff07;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:11px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:0}.ex-search-box{position:relative;flex:1;min-width:200px;max-width:380px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.ex-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#ffffff4d;font-size:11px;pointer-events:none;z-index:1}.ex-search-box input{width:100%;height:34px;padding:0 12px 0 32px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#fff;font-size:12px;font-family:inherit;outline:none;transition:all .2s;box-sizing:border-box;line-height:34px}.ex-search-box input:focus{background:#ffffff14;border-color:#ff9f0a73;box-shadow:0 0 0 2px #ff9f0a1a}.ex-search-box input::placeholder{color:#ffffff47}.ex-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ex-sel-wrap{position:relative;display:flex;align-items:center}.ex-sel-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#ffffff59;pointer-events:none;z-index:1}.ex-sel-wrap select,.ex-date-inp{height:34px;padding:0 26px 0 28px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#ffffffd1;font-size:12px;font-family:inherit;min-width:148px;outline:none;cursor:pointer;transition:all .2s;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.28)'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;line-height:34px}.ex-date-inp{padding:0 10px 0 28px;min-width:148px;color-scheme:dark}.ex-sel-wrap select:focus,.ex-date-inp:focus{border-color:#ff9f0a73;background-color:#ffffff14}.ex-sel-wrap select option{background:#1c1c1e;color:#fff}.ex-clear-btn{width:34px;height:34px;background:#ff453a1f;border:1px solid rgba(255,69,58,.2);border-radius:8px;color:#ff453a;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .2s}.ex-clear-btn:hover{background:#ff453a40}.ex-error-banner{background:#ff453a1f;border:1px solid rgba(255,69,58,.25);color:#ff6b6b;padding:8px 13px;border-radius:8px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.ex-error-banner button{background:transparent;border:none;color:inherit;cursor:pointer;padding:0 4px}.ex-table-wrap{border:1px solid rgba(255,255,255,.07);border-radius:10px;overflow:hidden;margin-bottom:14px;background:#ffffff06}.ex-table{width:100%;border-collapse:collapse}.ex-table thead{background:#ffffff0a}.ex-table th{padding:10px 14px;text-align:left;font-weight:600;color:#ffffff73;font-size:10px;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid rgba(255,255,255,.07);white-space:nowrap}.ex-table tbody tr{border-bottom:1px solid rgba(255,255,255,.042);transition:background .15s}.ex-table tbody tr:last-child{border-bottom:none}.ex-table tbody tr:hover{background:#ffffff0a}.ex-table tbody tr.ex-row-active{background:#ff9f0a0f;border-left:2px solid #ff9f0a}.ex-table td{padding:10px 14px;font-size:12px;color:#ffffffd1;vertical-align:middle}.ex-id{font-size:10px;font-weight:600;color:#ffffff73;font-family:monospace}.ex-rate-cells{display:flex;flex-direction:column;gap:3px}.ex-rate-line{display:flex;align-items:center;gap:6px;font-size:11px}.ex-rate-code{font-size:10px;font-weight:700;color:#ffffff80;min-width:28px}.ex-rate-val{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.ex-date-cell{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff9}.ex-status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;white-space:nowrap}.ex-s-on{background:#30d1581f;color:#30d158;border:1px solid rgba(48,209,88,.24)}.ex-s-off{background:#ff453a1f;color:#ff453a;border:1px solid rgba(255,69,58,.22)}.ex-desc-cell{font-size:11px;color:#ffffff80;max-width:180px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-act-row{display:flex;gap:5px;align-items:center}.ex-act{width:28px;height:28px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;padding:0;font-size:11px}.ex-a-view{background:#a5b4fc1f;color:#a5b4fc;border:1px solid rgba(165,180,252,.2)}.ex-a-edit{background:#0a84ff21;color:#409cff;border:1px solid rgba(10,132,255,.2)}.ex-a-star{background:#ff9f0a1f;color:#ff9f0a;border:1px solid rgba(255,159,10,.22)}.ex-a-del{background:#ff453a1f;color:#ff453a;border:1px solid rgba(255,69,58,.18)}.ex-act:hover{transform:translateY(-1px)}.ex-a-view:hover{background:#a5b4fc3d}.ex-a-edit:hover{background:#0a84ff40;box-shadow:0 3px 8px #0a84ff33}.ex-a-star:hover{background:#ff9f0a40;box-shadow:0 3px 8px #ff9f0a33}.ex-a-del:hover{background:#ff453a40;box-shadow:0 3px 8px #ff453a33}.ex-empty{padding:50px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.ex-empty-ico{font-size:30px;color:#ffffff26}.ex-empty p{color:#ffffffa6;font-weight:600;font-size:13px}.ex-empty span{color:#ffffff4d;font-size:11px}.ex-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;gap:14px}.ex-spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.08);border-top-color:#ff9f0a;border-radius:50%;animation:exSpin .75s linear infinite}@keyframes exSpin{to{transform:rotate(360deg)}}.ex-converter{background:#ffffff07;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;margin-bottom:14px}.ex-conv-head{margin-bottom:12px}.ex-conv-head h3{font-size:14px;font-weight:700;color:#fff;margin:0 0 3px;display:flex;align-items:center;gap:8px}.ex-conv-head p{font-size:11px;color:#fff6;margin:0;padding-left:22px}.ex-conv-inputs{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.ex-fg{display:flex;flex-direction:column;gap:5px;flex:1;min-width:140px}.ex-fg label{font-size:10px;font-weight:600;color:#ffffff75;text-transform:uppercase;letter-spacing:.5px}.ex-fg input,.ex-fg select{height:34px;padding:0 11px;background:#ffffff0e;border:1px solid rgba(255,255,255,.09);border-radius:8px;color:#fff;font-size:12px;font-family:inherit;outline:none;transition:all .2s;box-sizing:border-box;line-height:34px;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ex-fg input:focus,.ex-fg select:focus{border-color:#30d15873;background:#ffffff14}.ex-fg input::placeholder{color:#ffffff42}.ex-fg select option{background:#1c1c1e}.ex-conv-results{margin-top:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px}.ex-conv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.ex-conv-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.ex-conv-code{font-size:10px;font-weight:700;color:#ffffff80}.ex-conv-val{font-size:13px;font-weight:700;color:#30d158;font-variant-numeric:tabular-nums}.ex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px}.ex-modal{background:#1c1c1e;border:1px solid rgba(255,255,255,.11);border-radius:14px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000008c}.ex-modal-wide{max-width:600px}.ex-modal-head{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff06;border-radius:14px 14px 0 0;position:sticky;top:0;z-index:1}.ex-modal-head h3{margin:0;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.ex-modal-close{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:7px;color:#fff9;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;padding:0;font-size:11px}.ex-modal-close:hover{background:#ffffff1c;color:#fff}.ex-modal-body{padding:16px 18px;max-height:65vh;overflow-y:auto}.ex-modal-foot{display:flex;gap:8px;padding:12px 17px;border-top:1px solid rgba(255,255,255,.07);background:#ffffff05;border-radius:0 0 14px 14px}.ex-form-section-lbl{font-size:10px;font-weight:700;color:#ffffff75;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ex-rate-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.ex-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.ex-checkbox-lbl{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 11px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;font-size:12px;color:#ffffffd1;transition:background .18s}.ex-checkbox-lbl:hover{background:#ffffff0f}.ex-checkbox-lbl input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#ff9f0a}.ex-detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.ex-detail-item{display:flex;flex-direction:column;gap:3px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:9px 11px}.ex-detail-lbl{font-size:10px;color:#ffffff6b;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.ex-detail-val{font-size:12px;font-weight:600;color:#fff}.ex-detail-rate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ex-dr-card{background:#ff9f0a14;border:1px solid rgba(255,159,10,.18);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px}.ex-dr-card.ex-dr-rev{background:#0a84ff14;border-color:#0a84ff2e}.ex-dr-lbl{font-size:10px;color:#ffffff73}.ex-dr-val{font-size:13px;font-weight:700;color:#ff9f0a;font-variant-numeric:tabular-nums}.ex-dr-rev .ex-dr-val{color:#409cff}.ex-toast{position:fixed;top:20px;right:20px;background:#1c1c1e;border-radius:10px;padding:10px 16px;box-shadow:0 10px 30px #0006;border-left:3px solid;transform:translate(110%);opacity:0;transition:all .3s;z-index:99999;font-size:12px;color:#fff;max-width:300px}.ex-toast.show{transform:translate(0);opacity:1}.ex-toast-success{border-left-color:#30d158}.ex-toast-error{border-left-color:#ff453a}.ex-toast-warning{border-left-color:#ff9f0a}.ex-flag{font-style:normal}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1c;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 900px){.ex-quick-row{grid-template-columns:repeat(2,1fr)}.ex-currency-row{grid-template-columns:1fr}.ex-conv-grid{grid-template-columns:repeat(2,1fr)}.ex-rate-3col,.ex-form-2col,.ex-detail-rate-grid,.ex-detail-meta{grid-template-columns:1fr}}@media (max-width: 768px){.ex-wrap{padding:12px}.ex-header{flex-direction:column;padding-right:44px}.ex-header-btns{width:100%}.ex-stats-row{grid-template-columns:repeat(2,1fr)}.ex-search-box{max-width:100%}.ex-filter-row{flex-wrap:wrap}.ex-conv-inputs{flex-direction:column}.ex-table{display:block;overflow-x:auto}}@media (max-width: 480px){.ex-stats-row{grid-template-columns:1fr 1fr}.ex-modal{width:96%}.ex-modal-foot{flex-direction:column}.ex-quick-row,.ex-conv-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.table-management-container{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #475569;--border-light: #334155;--accent-primary: #60a5fa;--accent-success: #34d399;--accent-warning: #fbbf24;--accent-danger: #f87171;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 4px 8px rgba(0,0,0,.5);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;background:#0f172a;color:#f1f5f9}*{margin:0;padding:0;box-sizing:border-box}.table-management-container{background:var(--bg-primary);color:var(--text-primary);font-family:Noto Sans Lao,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:1rem;font-size:.8rem}.table-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.tm-header-left h2{font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.tm-subtitle{font-size:.7rem;color:var(--text-secondary);margin-top:.25rem}.tm-header-right{display:flex;align-items:center;gap:1rem}.tm-theme-toggle{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tm-theme-toggle:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.tm-stats-container{display:flex;gap:.5rem}.tm-stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.5rem .8rem;min-width:70px;text-align:center}.tm-stat-value{font-size:1.2rem;font-weight:700}.tm-stat-label{font-size:.6rem;color:var(--text-secondary)}.tm-available{border-top:2px solid #30d158}.tm-occupied{border-top:2px solid #ff3b30}.tm-reserved{border-top:2px solid #ff9500}.tm-tab-navigation{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.tm-tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:.4rem .8rem;font-size:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.4rem}.tm-tab-btn.tm-active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.tm-control-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.3rem .5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;min-height:2.5rem}.tm-control-left,.tm-control-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tm-search-box{position:relative;width:200px}.tm-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:.7rem}.tm-search-input{width:100%;padding:.3rem .5rem .3rem 1.8rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.7rem}.tm-search-input:focus{outline:none;border-color:var(--accent-primary)}.tm-clear-search-btn{position:absolute;right:.3rem;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.2rem}.tm-filter-group{display:flex;gap:.25rem;align-items:center;flex-wrap:wrap}.tm-filter-select,.tm-sort-select,.tm-zone-select,.tm-bulk-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.2rem .5rem;font-size:.7rem;min-width:100px}.tm-sort-order-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.tm-btn-primary,.tm-btn-secondary,.tm-btn-bulk-action{border:none;border-radius:var(--radius-md);padding:.3rem .8rem;font-size:.7rem;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s}.tm-btn-primary{background:var(--accent-primary);color:#fff}.tm-btn-primary:hover{filter:brightness(1.1)}.tm-btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.tm-btn-secondary:hover{background:var(--bg-card)}.tm-btn-bulk-action{background:var(--accent-success);color:#fff}.tm-plan-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.tm-zone-selector{display:flex;gap:.25rem}.tm-zone-add-btn,.tm-background-upload-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.2rem .5rem;font-size:.7rem;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.tm-zone-add-btn:hover,.tm-background-upload-btn:hover:not(:disabled){background:var(--accent-primary);color:#fff}.tm-background-upload-btn:disabled{opacity:.5;cursor:not-allowed}.tm-zoom-controls{display:flex;align-items:center;gap:.25rem}.tm-zoom-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.tm-zoom-level{font-size:.7rem;min-width:3rem;text-align:center}.tm-zoom-reset-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.tm-grid-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.2rem .5rem;font-size:.7rem;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer}.tm-grid-toggle.tm-active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tm-panel-toggle-buttons{display:flex;gap:.25rem}.tm-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;gap:.2rem;cursor:pointer;transition:all .2s}.tm-toggle-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tm-main-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.5rem;height:calc(100vh - 180px);overflow:auto}.tm-table-list-container{display:flex;flex-direction:column;height:100%}.tm-table-list-header{display:flex;background:var(--bg-tertiary);border-bottom:2px solid var(--border-color);font-weight:600;font-size:.7rem;padding:.4rem 0}.tm-table-header-cell{padding:.2rem .4rem;white-space:nowrap}.tm-select-cell{width:30px}.tm-table-id{width:60px}.tm-table-name{flex:1}.tm-table-status{width:90px}.tm-table-outlet{width:100px}.tm-table-vip{width:70px}.tm-table-position{width:80px}.tm-table-actions{width:150px}.tm-table-list-body{flex:1;overflow-y:auto}.tm-table-list-row{display:flex;align-items:center;padding:.3rem 0;border-bottom:1px solid var(--border-light);transition:background .2s;position:relative}.tm-table-list-row:hover{background:var(--bg-tertiary)}.tm-table-cell{padding:.2rem .4rem;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-status-badge{display:inline-flex;align-items:center;padding:.2rem .4rem;border-radius:var(--radius-full);font-size:.6rem;font-weight:500}.tm-status-icon{margin-right:.2rem}.tm-action-buttons{display:flex;gap:.2rem}.tm-action-btn{width:1.6rem;height:1.6rem;border-radius:var(--radius-md);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:.7rem;background:var(--bg-tertiary);color:var(--text-primary);position:relative}.tm-qrcode{color:#9c27b0}.tm-qrcode-view{color:#2196f3}.tm-edit{color:#ff9800}.tm-position{color:#4caf50}.tm-delete{color:#f44336}.tm-action-btn:hover{transform:scale(1.1)}.tm-qrcode-badge{position:absolute;top:-2px;right:-2px;background:#4caf50;color:#fff;border-radius:50%;width:12px;height:12px;font-size:8px;display:flex;align-items:center;justify-content:center}.tm-qrcode-indicator{position:absolute;top:-2px;left:-2px;background:#4caf50;color:#fff;border-radius:50%;width:16px;height:16px;font-size:10px;display:flex;align-items:center;justify-content:center}.tm-pagination{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem;border-top:1px solid var(--border-light)}.tm-pagination-btn,.tm-page-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.2rem .5rem;font-size:.7rem;cursor:pointer}.tm-page-btn.tm-active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.tm-page-info{font-size:.7rem;color:var(--text-secondary)}.tm-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.tm-loading-spinner{width:2rem;height:2rem;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.tm-empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.tm-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.tm-shop-plan-container{display:flex;gap:1rem;height:100%}.tm-zone-info-panel{width:280px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.5rem;overflow-y:auto;font-size:.7rem}.tm-zone-info-panel h4{font-size:.8rem;margin-bottom:.5rem;display:flex;align-items:center}.tm-zone-list{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.tm-zone-item{display:flex;align-items:center;padding:.4rem;border-left:3px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.tm-zone-item.tm-selected{background:var(--bg-tertiary)}.tm-zone-color{width:1rem;height:1rem;border-radius:4px;margin-right:.5rem}.tm-zone-details{flex:1}.tm-zone-name{font-weight:600}.tm-zone-outlet{font-size:.6rem;color:var(--text-secondary)}.tm-zone-count{font-size:.6rem;font-weight:600}.tm-zone-available{color:#30d158;margin-left:.2rem}.tm-zone-tables{margin-top:.5rem;border-top:1px solid var(--border-light);padding-top:.5rem}.tm-zone-tables h5{font-size:.7rem;margin-bottom:.3rem}.tm-zone-table-list{display:flex;flex-direction:column;gap:.2rem;max-height:200px;overflow-y:auto}.tm-zone-table-item{display:flex;align-items:center;gap:.3rem;font-size:.6rem;background:var(--bg-tertiary);padding:.2rem .4rem;border-radius:var(--radius-md)}.tm-zone-table-item .tm-table-id{width:auto;font-weight:600}.tm-zone-table-item .tm-table-name{flex:1}.tm-zone-table-item .tm-table-status{width:auto;font-weight:500}.tm-shop-plan-wrapper{flex:1;min-width:0;height:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.tm-shop-plan-area{width:100%;height:100%;overflow:auto;position:relative;background:#1e1e2f}.tm-shop-plan-content{transform-origin:top left;position:relative;background-color:var(--bg-card);border:1px solid var(--border-color)}.tm-shop-plan-sidebar{width:260px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.5rem;overflow-y:auto;font-size:.7rem}.tm-shop-plan-sidebar h4{font-size:.8rem;margin-bottom:.5rem;display:flex;align-items:center}.tm-control-group{margin-bottom:.5rem}.tm-control-group label{display:block;font-size:.6rem;color:var(--text-secondary);margin-bottom:.2rem}.tm-size-controls{display:flex;align-items:center;gap:.3rem}.tm-size-input{width:60px;padding:.2rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.6rem}.tm-zoom-display,.tm-opacity-display{display:flex;align-items:center;gap:.5rem}.tm-zoom-value,.tm-opacity-value{min-width:3rem}.tm-zoom-slider,.tm-opacity-slider{width:100px}.tm-control-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.2rem .5rem;font-size:.6rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.tm-control-btn.tm-active{background:var(--accent-primary);color:#fff}.tm-zone-buttons{display:flex;gap:.2rem;flex-wrap:wrap}.tm-status-legend,.tm-zone-legend{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-light)}.tm-legend-item{display:flex;align-items:center;gap:.3rem;font-size:.6rem;padding:.2rem 0}.tm-legend-color{width:.8rem;height:.8rem;border-radius:4px}.tm-legend-count,.tm-legend-qrcode{margin-left:auto;color:var(--text-tertiary)}.tm-legend-info{margin-top:.5rem;padding:.3rem;background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:.6rem;color:var(--text-secondary)}.tm-legend-info p{margin:.2rem 0;display:flex;align-items:center;gap:.3rem}.tm-background-info{margin-top:.5rem;padding:.3rem;background:var(--bg-tertiary);border-radius:var(--radius-md)}.tm-background-preview{margin:.3rem 0}.tm-btn-danger{background:#f4433633;border-color:#f44336;color:#f44336}.tm-btn-danger:hover{background:#f44336;color:#fff}.tm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.tm-modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.tm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border-color)}.tm-modal-header h3{font-size:.9rem;display:flex;align-items:center}.tm-close-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tm-close-btn:hover{background:var(--accent-danger);color:#fff}.tm-modal-body{padding:1rem}.tm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tm-form-group{margin-bottom:.5rem}.tm-form-group label{display:block;font-size:.6rem;color:var(--text-secondary);margin-bottom:.2rem}.tm-form-group input,.tm-form-group select,.tm-form-group textarea{width:100%;padding:.3rem .5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.7rem}.tm-position-input-group{display:flex;gap:.2rem}.tm-floor-plan-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);width:2rem;cursor:pointer}.tm-image-upload-section{display:flex;gap:1rem;margin-bottom:1rem}.tm-image-preview-container{width:100px;height:100px;border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;flex-shrink:0}.tm-image-preview-wrapper{width:100%;height:100%;position:relative}.tm-image-preview{width:100%;height:100%;object-fit:cover}.tm-remove-image-btn{position:absolute;top:2px;right:2px;background:#f44336e6;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.tm-image-upload-placeholder{width:100%;height:100%;background:var(--bg-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.6rem;color:var(--text-secondary)}.tm-placeholder-icon{font-size:1.5rem;margin-bottom:.2rem}.tm-file-upload-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.3rem .5rem;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.tm-upload-hint{font-size:.5rem;margin-top:.2rem;color:var(--text-tertiary)}.tm-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:.5rem 1rem;border-top:1px solid var(--border-color)}.tm-btn-cancel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);padding:.3rem .8rem;font-size:.7rem;cursor:pointer}.tm-btn-save{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;padding:.3rem .8rem;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.tm-btn-save:disabled{opacity:.5;cursor:not-allowed}.tm-loading .tm-spinner-small{display:inline-block;width:.8rem;height:.8rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.tm-delete-modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:400px}.tm-delete-warning{display:flex;align-items:center;gap:1rem;padding:1rem}.tm-warning-icon{font-size:2rem}.tm-warning-content h4{margin-bottom:.5rem}.tm-warning-text{color:#f44336;margin-top:.5rem;font-weight:600}.tm-btn-delete{background:#f44336;border:none;border-radius:var(--radius-md);color:#fff;padding:.3rem .8rem;font-size:.7rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.tm-qrcode-format-selector{margin:.5rem 0}.tm-format-options{display:flex;gap:.5rem;margin-top:.2rem}.tm-format-option{display:flex;align-items:center;gap:.2rem;font-size:.7rem}.tm-bulk-preview{margin:.5rem 0;max-height:200px;overflow-y:auto;background:var(--bg-tertiary);padding:.3rem;border-radius:var(--radius-md)}.tm-bulk-table-item{display:flex;align-items:center;gap:.3rem;padding:.2rem;font-size:.6rem;border-bottom:1px solid var(--border-light)}.tm-bulk-warning{color:#ff9800;margin-top:.5rem;font-size:.7rem}.tm-has-qrcode{color:#4caf50;margin-left:auto}.tm-action-panel{padding:1rem;height:100%;overflow-y:auto}.tm-action-header,.tm-selected-tables-list{margin-bottom:1rem}.tm-selected-list{max-height:200px;overflow-y:auto;background:var(--bg-tertiary);padding:.3rem;border-radius:var(--radius-md)}.tm-selected-table-item{display:flex;align-items:center;justify-content:space-between;padding:.2rem .3rem;border-bottom:1px solid var(--border-light)}.tm-remove-selected-btn{background:transparent;border:none;color:#f44336;cursor:pointer}.tm-bulk-action-options{display:flex;gap:.3rem;flex-wrap:wrap;margin-bottom:.5rem}.tm-bulk-action-btn{background:var(--bg-tertiary);border:1px solid;border-radius:var(--radius-md);padding:.2rem .4rem;font-size:.6rem;cursor:pointer;display:inline-flex;align-items:center;gap:.2rem}@media (max-width: 1024px){.tm-shop-plan-container{flex-direction:column}.tm-zone-info-panel,.tm-shop-plan-sidebar{width:100%}.tm-control-bar{flex-direction:column;align-items:stretch}.tm-control-left,.tm-control-right{justify-content:center}.tm-stats-container{flex-wrap:wrap}}@media (max-width: 768px){.tm-table-list-header,.tm-table-cell{font-size:.6rem}.tm-stat-card{min-width:50px}.tm-panel-toggle-buttons{order:1}}:root{--qr-gold: #C9A84C;--qr-gold-bright: #E8C96A;--qr-gold-dim: #8A6F2E;--qr-gold-alpha: rgba(201, 168, 76, .12);--qr-gold-glow: 0 0 20px rgba(201, 168, 76, .25);--qr-bg-primary: #ffffff;--qr-bg-secondary: #f8f9fa;--qr-bg-tertiary: #e9ecef;--qr-text-primary: #212529;--qr-text-secondary: #6c757d;--qr-text-muted: #adb5bd;--qr-border-color: #dee2e6;--qr-shadow-color: rgba(0, 0, 0, .15);--qr-overlay-color: rgba(0, 0, 0, .55);--qr-header-bg: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--qr-success-bg: #e8f5e9;--qr-success-color: #2e7d32;--qr-error-bg: #ffebee;--qr-error-color: #c62828;--qr-info-bg: #e3f2fd;--qr-info-color: #0d47a1;--qr-blue: #2196F3;--qr-blue-dark: #1565C0;--qr-amber: #FF9800;--qr-amber-dark: #E65100;--qr-purple: #9C27B0;--qr-purple-dark: #6A1B9A;--qr-green: #2ECC71;--qr-green-dark: #1a9952;--qr-red: #E74C3C;--qr-red-dark: #c0392b;--qr-radius-sm: 6px;--qr-radius: 10px;--qr-radius-lg: 16px;--qr-radius-xl: 20px;--qr-font: "Sora", sans-serif;--qr-mono: "DM Mono", monospace}[data-theme=dark]{--qr-bg-primary: #0D0D12;--qr-bg-secondary: #13131A;--qr-bg-tertiary: #1A1A24;--qr-text-primary: #F0EDE8;--qr-text-secondary: #8A8799;--qr-text-muted: #4A4860;--qr-border-color: rgba(255, 255, 255, .07);--qr-shadow-color: rgba(0, 0, 0, .5);--qr-overlay-color: rgba(0, 0, 0, .75);--qr-success-bg: rgba(46, 204, 113, .1);--qr-success-color: #2ECC71;--qr-error-bg: rgba(231, 76, 60, .1);--qr-error-color: #E74C3C;--qr-info-bg: rgba(33, 150, 243, .1);--qr-info-color: #64B5F6}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--qr-overlay-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:qr-fade-in .2s ease}@keyframes qr-fade-in{0%{opacity:0}to{opacity:1}}.qr-modal-container{background:var(--qr-bg-primary);width:100%;max-width:400px;max-height:88vh;border-radius:var(--qr-radius-xl);box-shadow:0 20px 60px var(--qr-shadow-color),0 0 0 1px #c9a84c14;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--qr-border-color);font-family:var(--qr-font);-webkit-font-smoothing:antialiased;animation:qr-slide-up .28s cubic-bezier(.22,1,.36,1)}@keyframes qr-slide-up{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--qr-header-bg);flex-shrink:0;position:relative}.qr-modal-header:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--qr-gold-dim) 20%,var(--qr-gold) 50%,var(--qr-gold-dim) 80%,transparent 100%);opacity:.7}.header-left{display:flex;align-items:center;gap:10px;min-width:0}.header-icon{font-size:18px;color:var(--qr-gold);flex-shrink:0;filter:drop-shadow(0 0 6px rgba(201,168,76,.5))}.qr-modal-header h3{margin:0;font-size:14px;font-weight:700;color:#f0ede8;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:10px}.theme-toggle-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;padding:0;line-height:1}.theme-toggle-btn:hover{background:#fff3;border-color:#c9a84c80;transform:rotate(20deg) scale(1.1)}.close-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;line-height:1}.close-btn:hover{background:#e74c3c4d;border-color:#e74c3c80;transform:rotate(90deg)}.qr-modal-content{flex:1;overflow-y:auto;padding:18px;color:var(--qr-text-primary);display:flex;flex-direction:column;gap:14px}.qr-modal-content::-webkit-scrollbar{width:4px}.qr-modal-content::-webkit-scrollbar-track{background:var(--qr-bg-secondary)}.qr-modal-content::-webkit-scrollbar-thumb{background:var(--qr-gold-dim);border-radius:2px}.table-info{background:var(--qr-bg-secondary);border-radius:var(--qr-radius);padding:12px 14px;border:1px solid var(--qr-border-color);position:relative;overflow:hidden}.table-info:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--qr-gold-bright),var(--qr-gold-dim));border-radius:3px 0 0 3px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;border-bottom:1px solid var(--qr-border-color)}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row span:first-child{font-weight:600;color:var(--qr-text-secondary);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.info-row .value{font-weight:700;color:var(--qr-text-primary);font-family:var(--qr-mono);font-size:12px}.qr-display{background:var(--qr-bg-secondary);border-radius:var(--qr-radius-lg);padding:22px;display:flex;justify-content:center;align-items:center;min-height:200px;border:1px dashed var(--qr-border-color);position:relative}.qr-display:before,.qr-display:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--qr-gold-dim);border-style:solid;opacity:.6}.qr-display:before{top:8px;left:8px;border-width:2px 0 0 2px;border-radius:4px 0 0}.qr-display:after{bottom:8px;right:8px;border-width:0 2px 2px 0;border-radius:0 0 4px}.qr-image{max-width:100%;max-height:180px;width:auto;height:auto;border-radius:var(--qr-radius);box-shadow:0 4px 20px var(--qr-shadow-color),0 0 0 1px #c9a84c26,var(--qr-gold-glow);transition:transform .2s ease}.qr-image:hover{transform:scale(1.02)}.qr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--qr-text-secondary);padding:20px}.qr-loading svg{font-size:28px;color:var(--qr-gold);opacity:.8}.qr-loading p{font-size:12px;margin:0;color:var(--qr-text-muted)}.qr-error{text-align:center;padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.qr-error svg{font-size:28px;color:var(--qr-error-color)}.qr-error p{color:var(--qr-error-color);font-size:12px;margin:0;line-height:1.5}.error-actions{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;justify-content:center}.error-actions button{padding:6px 14px;background:var(--qr-error-bg);border:1px solid rgba(231,76,60,.3);border-radius:var(--qr-radius-sm);color:var(--qr-error-color);font-family:var(--qr-font);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .2s ease}.error-actions button:hover{background:#e74c3c33;transform:translateY(-1px)}.scan-url{background:var(--qr-info-bg);border-radius:var(--qr-radius);padding:10px 14px;border-left:3px solid var(--qr-blue)}.scan-url p{margin:0 0 5px;font-weight:700;color:var(--qr-info-color);font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.scan-url a{color:var(--qr-info-color);word-break:break-all;text-decoration:none;font-family:var(--qr-mono);font-size:11px;line-height:1.5;display:block;opacity:.85;transition:opacity .2s}.scan-url a:hover{opacity:1;text-decoration:underline}.qr-actions{display:flex;justify-content:center;gap:14px}.action-btn{width:54px;height:54px;border:none;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .25s ease;outline:none}.action-btn:after{content:attr(title);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:#000c;color:#fff;font-family:var(--qr-font);font-size:10px;font-weight:600;padding:4px 9px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;letter-spacing:.03em}.action-btn:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.action-btn:disabled{opacity:.3;cursor:not-allowed;transform:none!important;box-shadow:none!important}.action-btn:not(:disabled):hover{transform:translateY(-5px) scale(1.08)}.action-btn:not(:disabled):active{transform:translateY(-1px) scale(.96)}.action-btn.download{background:linear-gradient(135deg,var(--qr-blue),var(--qr-blue-dark));box-shadow:0 4px 16px #2196f359}.action-btn.download:hover:not(:disabled){box-shadow:0 10px 28px #2196f38c}.action-btn.print{background:linear-gradient(135deg,var(--qr-amber),var(--qr-amber-dark));box-shadow:0 4px 16px #ff980059}.action-btn.print:hover:not(:disabled){box-shadow:0 10px 28px #ff98008c}.action-btn.share{background:linear-gradient(135deg,var(--qr-purple),var(--qr-purple-dark));box-shadow:0 4px 16px #9c27b059;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .3s ease}.action-btn.share:hover:not(:disabled){box-shadow:0 10px 28px #9c27b08c}.action-btn.share.copied-active{background:linear-gradient(135deg,var(--qr-green),var(--qr-green-dark));box-shadow:0 6px 22px #2ecc7180;animation:qr-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes qr-pop{0%{transform:scale(.85)}60%{transform:scale(1.18)}to{transform:scale(1)}}.qr-note{text-align:center;color:var(--qr-text-muted);font-size:11px;padding-top:10px;border-top:1px solid var(--qr-border-color);margin-top:2px}.qr-note small{display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.5}.qr-note svg{color:var(--qr-gold);opacity:.7}[data-theme=dark] .qr-modal-container{box-shadow:0 20px 60px #000000b3,0 0 0 1px #c9a84c1a}[data-theme=dark] .action-btn.download{background:linear-gradient(135deg,#1976d2,#0d47a1);box-shadow:0 4px 16px #1976d266}[data-theme=dark] .action-btn.print{background:linear-gradient(135deg,#f57c00,#bf360c);box-shadow:0 4px 16px #f57c0066}[data-theme=dark] .action-btn.share{background:linear-gradient(135deg,#7b1fa2,#4a148c);box-shadow:0 4px 16px #7b1fa266}[data-theme=dark] .scan-url{border-left-color:#64b5f6}[data-theme=dark] .theme-toggle-btn,[data-theme=dark] .close-btn{background:#ffffff14;border-color:#ffffff26}@media (max-width: 480px){.qr-modal-container{max-width:100%;border-radius:var(--qr-radius-lg);max-height:92vh}.qr-modal-header{padding:12px 14px}.qr-modal-header h3{font-size:13px}.qr-modal-content{padding:14px;gap:12px}.qr-display{padding:16px;min-height:170px}.qr-image{max-height:150px}.action-btn{width:48px;height:48px;font-size:16px;border-radius:12px}.theme-toggle-btn,.close-btn{width:26px;height:26px;font-size:12px}}@media print{.qr-modal-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.qr-modal-container{box-shadow:none;border:1px solid #ccc;max-width:100%;max-height:none;border-radius:0}.close-btn,.theme-toggle-btn,.qr-actions,.qr-note{display:none!important}.qr-modal-header{background:#1a1a2e!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.warehouse-management-system{background:#1c1c1e;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-system-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#2c2c2e,#1c1c1e);border-bottom:1px solid #3a3a3c}.header-content-left h1{margin:0;font-size:24px;font-weight:600;display:flex;align-items:center;gap:10px}.title-symbol{font-size:28px}.header-description{margin:5px 0 0;color:#8e8e93;font-size:14px}.search-container{position:relative;background:#2c2c2e;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid #3a3a3c;transition:all .3s ease}.search-container:focus-within{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1a}.search-input-field{background:transparent;border:none;color:#fff;font-size:14px;width:300px;outline:none}.search-input-field::placeholder{color:#8e8e93}.search-clear-button{background:#3a3a3c;border:none;color:#8e8e93;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear-button:hover{background:#48484a;color:#fff}.navigation-actions-container{padding:20px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a3a3c}.section-navigation{display:flex;gap:10px}.section-nav-button{padding:10px 20px;background:transparent;border:1px solid #3a3a3c;border-radius:8px;color:#8e8e93;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:all .3s ease}.section-nav-button:hover{background:#2c2c2e;border-color:#48484a}.section-nav-button.nav-active{background:#0a84ff;border-color:#0a84ff;color:#fff;box-shadow:0 4px 12px #0a84ff4d}.action-controls{display:flex;gap:12px}.action-control-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s ease}.primary-action-button{background:linear-gradient(135deg,#32d74b,#30d158);color:#fff}.primary-action-button:hover{background:linear-gradient(135deg,#30d158,#32d74b);box-shadow:0 6px 20px #30d1584d}.secondary-action-button{background:#2c2c2e;color:#fff;border:1px solid #3a3a3c}.secondary-action-button:hover{background:#3a3a3c;box-shadow:0 4px 12px #0003}.main-content-area{width:100%;display:block;float:none;position:relative;clear:both}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#8e8e93}.spinner-loader{width:40px;height:40px;border:3px solid rgba(10,132,255,.1);border-top-color:#0a84ff;border-radius:50%;animation:spin-loader 1s linear infinite;margin-bottom:20px}@keyframes spin-loader{to{transform:rotate(360deg)}}.inventory-display-section,.history-display-section{background:#2c2c2e;border-radius:12px;overflow:hidden;border:1px solid #3a3a3c;width:100%}.section-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #3a3a3c}.section-header h3{margin:0;font-size:18px;font-weight:600}.total-count-badge{color:#8e8e93;font-size:14px}.table-scroll-container{overflow-x:auto;width:100%}.inventory-data-table,.history-data-table{width:100%;min-width:1000px;border-collapse:collapse;table-layout:fixed}.inventory-data-table th,.history-data-table th{background:#1c1c1e;color:#8e8e93;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:16px;text-align:left;border-bottom:1px solid #3a3a3c;white-space:nowrap}.inventory-data-table td,.history-data-table td{padding:16px;border-bottom:1px solid #3a3a3c;color:#fff;white-space:nowrap}.inventory-data-table tr:last-child td,.history-data-table tr:last-child td{border-bottom:none}.inventory-data-table tr:hover,.history-data-table tr:hover{background:#ffffff0d}.product-code-cell{color:#64d2ff;font-family:Courier New,monospace;font-weight:500}.quantity-display-cell{font-weight:600}.quantity-indicator{background:#30d158;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;min-width:40px;display:inline-block;text-align:center}.quantity-indicator.low-stock{background:#ff453a}.price-display-cell{color:#ffd60a;font-weight:600}.added-quantity .quantity-change{color:#30d158;background:#30d1581a;padding:4px 8px;border-radius:6px;font-weight:600}.current-quantity{color:#64d2ff;font-weight:700}.user-cell{color:#bf5af2}.date-cell,.time-cell{color:#8e8e93;font-size:13px}.empty-data-message{padding:80px 20px!important;text-align:center}.no-data-state{display:flex;flex-direction:column;align-items:center;gap:16px;opacity:.6}.no-data-icon{font-size:48px;opacity:.5}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialog-content{background:#2c2c2e;border-radius:16px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid #3a3a3c;box-shadow:0 20px 60px #00000080}.dialog-content.table-dialog{width:95%;max-width:none}.dialog-header{padding:24px;border-bottom:1px solid #3a3a3c;display:flex;justify-content:space-between;align-items:center}.dialog-header h3{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px}.dialog-close-button{background:#3a3a3c;border:none;width:32px;height:32px;border-radius:8px;color:#8e8e93;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dialog-close-button:hover{background:#48484a;color:#fff}.dialog-body{padding:24px;width:100%}.form-layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%}.form-input-group{display:flex;flex-direction:column;gap:8px}.form-input-group.full-width-input{grid-column:1 / -1}.form-input-group label{color:#8e8e93;font-size:14px;font-weight:500}.form-input-field,.form-select-field{background:#1c1c1e;border:1px solid #3a3a3c;border-radius:8px;padding:12px;color:#fff;font-size:14px;outline:none;transition:all .3s ease;width:100%}.form-input-field:focus,.form-select-field:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1a}.form-select-field{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238e8e93' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.input-with-action{display:flex;gap:10px;align-items:stretch;width:100%}.input-with-action .form-input-field{flex:1}.browse-items-button{background:#8b4513;color:#fff;border:none;border-radius:8px;padding:0 16px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .3s ease}.browse-items-button:hover{background:sienna;box-shadow:0 4px 12px #8b45134d}.button-icon-symbol{font-size:16px}.quantity-summary-container{background:#1c1c1e;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;border:1px solid #3a3a3c;width:100%}.summary-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #3a3a3c}.summary-item:last-child{border-bottom:none;padding-bottom:0}.summary-label{color:#8e8e93;font-size:14px}.summary-value{font-weight:600;font-size:16px}.summary-value.added{color:#30d158}.summary-value.total{color:#0a84ff;font-size:18px}.summary-item.total-summary{background:#0a84ff1a;padding:16px;border-radius:8px;margin-top:4px}.print-settings-container{display:flex;flex-direction:column;gap:24px;width:100%}.setting-group{display:flex;flex-direction:column;gap:8px}.checkbox-settings-group{display:flex;gap:24px}.checkbox-setting-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#8e8e93}.checkbox-setting-label input[type=checkbox]{width:18px;height:18px;accent-color:#0a84ff;cursor:pointer}.report-preview-container{background:#1c1c1e;border-radius:12px;padding:20px;border:1px solid #3a3a3c;width:100%}.preview-content-area{margin-top:16px}.preview-header-section{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #3a3a3c}.preview-title-text{font-weight:600;font-size:18px;margin-bottom:8px}.preview-date-text,.preview-time-text{color:#8e8e93;font-size:13px}.preview-table-container{display:flex;flex-direction:column;gap:1px;background:#3a3a3c;border-radius:8px;overflow:hidden}.preview-table-row{display:grid;grid-template-columns:100px 1fr 80px;background:#2c2c2e;padding:12px}.preview-table-row.header-row{background:#1c1c1e;font-weight:600;color:#8e8e93}.dialog-footer{padding:24px;border-top:1px solid #3a3a3c;display:flex;justify-content:flex-end;gap:12px;width:100%}.dialog-cancel-button,.dialog-save-button,.dialog-print-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.dialog-cancel-button{background:transparent;color:#8e8e93;border:1px solid #3a3a3c}.dialog-cancel-button:hover{background:#3a3a3c;color:#fff}.dialog-save-button{background:linear-gradient(135deg,#0a84ff,#007aff);color:#fff}.dialog-save-button:hover:not(:disabled){background:linear-gradient(135deg,#007aff,#0a84ff);box-shadow:0 6px 20px #0a84ff4d}.dialog-save-button:disabled{opacity:.5;cursor:not-allowed}.dialog-print-button{background:linear-gradient(135deg,#32d74b,#30d158);color:#fff}.dialog-print-button:hover{background:linear-gradient(135deg,#30d158,#32d74b);box-shadow:0 6px 20px #30d1584d}.item-selection-dialog{max-width:800px}.selection-search-container{margin-bottom:20px}.selection-search-container .search-container{background:#1c1c1e;border-radius:10px;padding:12px;border:1px solid #3a3a3c;width:100%}.items-selection-list{max-height:400px;overflow-y:auto;width:100%}.items-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;width:100%}.item-selection-card{background:#2c2c2e;border:1px solid #3a3a3c;border-radius:10px;padding:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.item-selection-card:hover{background:#3a3a3c;border-color:#8b4513;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.item-selection-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#8b4513,#d2691e)}.item-code-label{color:#64d2ff;font-family:Courier New,monospace;font-weight:600;font-size:14px;margin-bottom:4px}.item-name-label{color:#fff;font-weight:500;font-size:15px;margin-bottom:8px;line-height:1.4}.item-details-container{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.item-stock-info{color:#8e8e93;font-size:13px}.item-stock-info strong{color:#30d158;font-size:14px}.item-unit-label{background:#8b451333;color:#d2691e;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.selection-indicator{position:absolute;top:50%;right:-100px;transform:translateY(-50%);background:#8b4513e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:6px;transition:right .3s ease;opacity:0}.item-selection-card:hover .selection-indicator{right:16px;opacity:1}.selection-icon{font-size:14px}.empty-selection-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#8e8e93;width:100%}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-selection-state p{margin-bottom:24px;font-size:16px}.create-new-item-button{background:linear-gradient(135deg,#8b4513,#d2691e);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.create-new-item-button:hover{background:linear-gradient(135deg,#d2691e,#8b4513);box-shadow:0 6px 20px #8b45134d}.items-selection-list .loading-indicator{padding:40px 0}@media (max-width: 768px){.main-system-header{flex-direction:column;gap:20px;align-items:stretch}.header-content-right,.search-container,.search-input-field{width:100%}.navigation-actions-container{flex-direction:column;gap:20px;align-items:stretch}.action-controls{justify-content:flex-end}.form-layout-grid{grid-template-columns:1fr}.checkbox-settings-group{flex-direction:column;gap:12px}.preview-table-row{grid-template-columns:1fr;gap:8px}.items-grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.input-with-action{flex-direction:column;gap:8px}.browse-items-button{padding:10px;justify-content:center}.inventory-data-table,.history-data-table{min-width:800px}.table-scroll-container{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 480px){.items-grid-container{grid-template-columns:1fr}.item-selection-card{padding:12px}.inventory-data-table{width:100%;min-width:700px;border-collapse:collapse;table-layout:fixed}.inventory-data-table th,.history-data-table th,.inventory-data-table td,.history-data-table td{padding:12px 8px}}.table-scroll-container::-webkit-scrollbar{height:8px}.table-scroll-container::-webkit-scrollbar-track{background:#2c2c2e;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb{background:#48484a;border-radius:4px}.table-scroll-container::-webkit-scrollbar-thumb:hover{background:#636366}.dialog-content::-webkit-scrollbar{width:8px}.dialog-content::-webkit-scrollbar-track{background:#2c2c2e}.dialog-content::-webkit-scrollbar-thumb{background:#48484a;border-radius:4px}.items-selection-list::-webkit-scrollbar{width:8px}.items-selection-list::-webkit-scrollbar-track{background:#2c2c2e;border-radius:4px}.items-selection-list::-webkit-scrollbar-thumb{background:#8b4513;border-radius:4px}.items-selection-list::-webkit-scrollbar-thumb:hover{background:#d2691e}.invoice-info-container.dark-mode{background:#1c1c1e;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.invoice-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#2c2c2e,#1c1c1e);border-bottom:1px solid #3a3a3c}.header-actions{display:flex;gap:12px}.action-btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s ease}.reset-btn{background:#2c2c2e;color:#fff;border:1px solid #3a3a3c}.reset-btn:hover:not(:disabled){background:#3a3a3c;box-shadow:0 4px 12px #0003}.save-btn{background:linear-gradient(135deg,#0a84ff,#007aff);color:#fff}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#007aff,#0a84ff);box-shadow:0 6px 20px #0a84ff4d}.preview-btn{background:#2c2c2e;color:#64d2ff;border:1px solid #3a3a3c}.preview-btn:hover:not(:disabled){background:#3a3a3c;box-shadow:0 4px 12px #64d2ff33}.test-btn{background:#2c2c2e;color:#ffd60a;border:1px solid #3a3a3c}.test-btn:hover:not(:disabled){background:#3a3a3c;box-shadow:0 4px 12px #ffd60a33}.invoice-content{padding:30px}.spin{animation:spin 1s linear infinite}.invoice-form-container{display:flex;flex-direction:column;gap:30px}.logo-section,.form-section,.preview-section,.tips-section{background:#2c2c2e;border-radius:16px;padding:24px;border:1px solid #3a3a3c}.section-header,.logo-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #3a3a3c}.section-header h3,.logo-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.logo-preview-container{display:flex;flex-direction:column;align-items:center;gap:20px}.logo-preview-wrapper{display:flex;flex-direction:column;align-items:center;gap:16px}.logo-preview{width:200px;height:200px;object-fit:contain;background:#1c1c1e;border-radius:12px;border:2px dashed #3a3a3c;padding:10px;cursor:pointer;transition:all .3s ease}.logo-preview:hover{border-color:#0a84ff;transform:scale(1.02);box-shadow:0 8px 32px #0a84ff33}.logo-actions{display:flex;gap:12px}.logo-action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.change-btn{background:#2c2c2e;color:#0a84ff;border:1px solid #3a3a3c}.change-btn:hover{background:#3a3a3c}.remove-btn{background:#ff453a;color:#fff}.remove-btn:hover{background:#ff3b30;box-shadow:0 4px 12px #ff453a4d}.logo-action-btn:disabled{opacity:.5;cursor:not-allowed}.logo-upload-placeholder{width:200px;height:200px;background:#1c1c1e;border:2px dashed #3a3a3c;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:20px;text-align:center}.logo-upload-placeholder:hover{border-color:#0a84ff;background:#2c2c2e}.upload-icon{font-size:48px;margin-bottom:12px;color:#8e8e93}.upload-text{color:#fff;font-weight:500;margin-bottom:8px}.upload-hint{color:#8e8e93;font-size:12px;line-height:1.4}.file-input-hidden{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-label{color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.form-input,.form-textarea{background:#1c1c1e;border:1px solid #3a3a3c;border-radius:8px;padding:12px;color:#fff;font-size:14px;outline:none;transition:all .3s ease;font-family:inherit}.form-input:focus,.form-textarea:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1a}.form-textarea{resize:vertical;min-height:80px}.input-hint{color:#8e8e93;font-size:12px;margin:4px 0 0;line-height:1.4}.map-input-group{display:flex;gap:8px;align-items:center}.map-input{flex:1}.map-action-btn{width:48px;height:48px;border:1px solid #3a3a3c;background:#1c1c1e;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#8e8e93}.map-action-btn:hover:not(:disabled){background:#2c2c2e;border-color:#0a84ff;color:#0a84ff}.map-action-btn:disabled{opacity:.5;cursor:not-allowed}.current-loc-btn{color:#32d74b}.current-loc-btn:hover:not(:disabled){color:#32d74b;border-color:#32d74b}.pick-map-btn{color:#0a84ff}.pick-map-btn:hover:not(:disabled){color:#0a84ff;border-color:#0a84ff}.tips-section h3{margin:0 0 20px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tip-card{background:#1c1c1e;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;border:1px solid #3a3a3c;transition:all .3s ease}.tip-card:hover{border-color:#0a84ff;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.tip-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;background:#0a84ff1a;border-radius:8px;display:flex;align-items:center;justify-content:center}.tip-content h4{margin:0 0 6px;font-size:14px;font-weight:600;color:#fff}.tip-content p{margin:0;color:#8e8e93;font-size:13px;line-height:1.5}.invoice-preview{background:#1c1c1e;border-radius:12px;border:1px solid #3a3a3c;overflow:hidden}.preview-header{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #3a3a3c;background:#2c2c2e}.preview-logo{width:80px;height:80px}.preview-logo img{width:100%;height:100%;object-fit:contain}.preview-company-info{flex:1}.preview-shop-name{margin:0 0 8px;font-size:20px;font-weight:600;color:#fff}.preview-company{margin:0 0 4px;color:#8e8e93;font-size:14px}.preview-address{margin:0 0 8px;color:#8e8e93;font-size:13px;line-height:1.5}.preview-contacts{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:#8e8e93}.preview-contacts span{display:flex;align-items:center;gap:6px}.preview-body{padding:20px}.preview-title{text-align:center;font-size:18px;font-weight:600;margin-bottom:20px;color:#fff}.preview-table{border:1px solid #3a3a3c;border-radius:8px;overflow:hidden;margin-bottom:20px}.preview-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:#2c2c2e;padding:12px;border-bottom:1px solid #3a3a3c}.preview-row:last-child{border-bottom:none}.preview-row.header{background:#1c1c1e;font-weight:600;color:#8e8e93;font-size:14px}.preview-total{border-top:2px solid #3a3a3c;padding-top:16px}.total-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:16px;color:#fff;padding:8px 0}.preview-footer{padding:20px;border-top:1px solid #3a3a3c;background:#2c2c2e;text-align:center;color:#8e8e93;font-size:13px;line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:#2c2c2e;border-radius:16px;border:1px solid #3a3a3c;box-shadow:0 20px 60px #00000080;max-height:90vh;overflow-y:auto}.modal-header{padding:24px;border-bottom:1px solid #3a3a3c;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.close-button{background:#3a3a3c;border:none;width:32px;height:32px;border-radius:8px;color:#8e8e93;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#48484a;color:#fff}.modal-body{padding:24px}.modal-footer{padding:24px;border-top:1px solid #3a3a3c;display:flex;justify-content:flex-end;gap:12px}.logo-preview-modal{width:90%;max-width:600px}.logo-full-preview{display:flex;justify-content:center;margin-bottom:24px}.logo-full-preview img{max-width:100%;max-height:400px;object-fit:contain;border-radius:12px;border:1px solid #3a3a3c}.print-preview-modal{width:90%;max-width:500px}.print-preview-content{background:#fff;border-radius:8px;padding:20px;font-family:Khmer OS,Noto Sans Lao,Phetsarath OT,sans-serif;color:#000;width:350px;margin:0 auto;border:2px dashed #3a3a3c}.map-picker-modal{width:90%;max-width:800px}.map-container{height:400px;width:100%;background:#1c1c1e;border-radius:8px;overflow:hidden;border:1px solid #3a3a3c}.leaflet-container{background:#1c1c1e;height:100%;width:100%}.map-instruction{margin-top:16px;font-size:14px;color:#8e8e93;text-align:center}.selected-coords{margin-top:12px;padding:12px;background:#1c1c1e;border:1px solid #3a3a3c;border-radius:8px;text-align:center;font-family:monospace;color:#0a84ff;font-size:14px}.confirm-button{background:#0a84ff;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s ease}.confirm-button:hover:not(:disabled){background:#007aff;box-shadow:0 6px 20px #0a84ff4d}.confirm-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{background:#3a3a3c;color:#fff;border:none;padding:8px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .3s ease}.cancel-button:hover{background:#48484a}.test-print-button{background:linear-gradient(135deg,#ffd60a,#ffb700);color:#000;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.test-print-button:hover{background:linear-gradient(135deg,#ffb700,#ffd60a);box-shadow:0 6px 20px #ffd60a4d}.close-modal-btn{background:#2c2c2e;color:#fff;border:1px solid #3a3a3c;padding:10px 24px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.close-modal-btn:hover{background:#3a3a3c}@media (max-width: 768px){.invoice-header{flex-direction:column;gap:20px;align-items:stretch}.header-actions{flex-wrap:wrap;justify-content:flex-end}.form-grid{grid-template-columns:1fr}.preview-header{flex-direction:column;text-align:center}.preview-row{grid-template-columns:1fr;gap:8px}.preview-row.header{display:none}.print-preview-content{width:300px;padding:15px}.preview-items-header,.preview-item-row{grid-template-columns:1.5fr .5fr .7fr .7fr}.map-picker-modal{max-width:95vw}.map-container{height:300px}}@media (max-width: 480px){.invoice-content{padding:20px}.logo-section,.form-section,.preview-section,.tips-section{padding:16px}.logo-actions{flex-direction:column;width:100%}.logo-action-btn{width:100%;justify-content:center}.print-preview-content{width:280px;padding:10px}.tips-grid{grid-template-columns:1fr}.map-input-group{flex-wrap:wrap}.map-action-btn{width:36px;height:36px}.modal-footer{flex-direction:column-reverse;gap:8px}.confirm-button,.cancel-button{width:100%;justify-content:center}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.backup-data-container{background:#0f172a!important;color:#fff;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.backup-header{padding:20px 30px;background:linear-gradient(135deg,#2c2c2e,#1c1c1e)!important;border-bottom:1px solid #3a3a3c}.header-left h1{margin:0;font-size:24px;font-weight:600;display:flex;align-items:center;gap:10px}.title-icon{font-size:28px}.header-subtitle{margin:5px 0 0;color:#8e8e93;font-size:14px}.system-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:20px}.stat-card{background:#2c2c2e;border:1px solid #3a3a3c;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.stat-card:hover{border-color:#0a84ff;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stat-icon{font-size:24px;width:48px;height:48px;background:#0a84ff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{flex:1}.stat-label{color:#8e8e93;font-size:12px;margin-bottom:4px}.stat-value{color:#fff;font-size:16px;font-weight:600}.backup-content{padding:30px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#8e8e93}.loading-spinner{width:40px;height:40px;border:3px solid rgba(10,132,255,.1);border-top-color:#0a84ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 1024px){.backup-grid{grid-template-columns:1fr}}.backup-options-section,.backup-history-section{background:#2c2c2e;border-radius:16px;padding:24px;border:1px solid #3a3a3c}.section-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #3a3a3c}.section-header h3{margin:0;font-size:18px;font-weight:600;display:flex;align-items:center;gap:10px}.section-subtitle{margin:8px 0 0;color:#8e8e93;font-size:14px}.backup-options{display:flex;flex-direction:column;gap:16px}.checkbox-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border-radius:10px;transition:all .3s ease;position:relative}.checkbox-option:hover{background:#3a3a3c}.checkbox-option.main-checkbox{background:#0a84ff1a;border:1px solid #0a84ff}.checkbox-option input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkmark{width:20px;height:20px;border:2px solid #3a3a3c;border-radius:4px;margin-top:2px;flex-shrink:0;transition:all .3s ease;position:relative}.checkbox-option input:checked~.checkmark{background:#0a84ff;border-color:#0a84ff}.checkbox-option input:checked~.checkmark:after{content:"✓";position:absolute;color:#fff;font-size:14px;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-option input:disabled~.checkmark{opacity:.5;cursor:not-allowed}.checkbox-option input:disabled~.checkbox-content{opacity:.7}.checkbox-content{flex:1}.checkbox-title{display:block;font-weight:500;font-size:14px;color:#fff;margin-bottom:4px}.checkbox-description{display:block;font-size:12px;color:#8e8e93;line-height:1.4}.options-divider{height:1px;background:#3a3a3c;margin:8px 0}.individual-options,.additional-options{display:flex;flex-direction:column;gap:12px}.description-section{margin-top:16px}.description-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#fff;margin-bottom:8px}.label-icon{font-size:16px}.description-input{width:100%;background:#1c1c1e;border:1px solid #3a3a3c;border-radius:8px;padding:12px;color:#fff;font-size:14px;outline:none;resize:vertical;min-height:80px;transition:all .3s ease;font-family:inherit}.description-input:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1a}.description-input::placeholder{color:#8e8e93}.create-backup-btn{background:linear-gradient(135deg,#0a84ff,#007aff);color:#fff;border:none;border-radius:10px;padding:16px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;margin-top:16px}.create-backup-btn:hover:not(:disabled){background:linear-gradient(135deg,#007aff,#0a84ff);box-shadow:0 6px 20px #0a84ff4d;transform:translateY(-2px)}.create-backup-btn:disabled{opacity:.7;cursor:not-allowed}.export-buttons{display:flex;gap:12px;margin-top:16px}.export-btn{flex:1;background:#2c2c2e;border:1px solid #3a3a3c;border-radius:8px;padding:12px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.csv-btn{color:#30d158}.excel-btn{color:#ffd60a}.export-btn:hover{background:#3a3a3c;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-icon{font-size:18px}.backup-history-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.backup-items{display:flex;flex-direction:column;gap:12px}.backup-item{background:#1c1c1e;border:1px solid #3a3a3c;border-radius:10px;padding:16px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .3s ease;position:relative}.backup-item:hover{background:#3a3a3c;border-color:#48484a}.backup-item.selected{border-color:#0a84ff;background:#0a84ff1a}.backup-icon{font-size:28px;flex-shrink:0}.backup-info{flex:1;min-width:0}.backup-name{font-weight:500;font-size:14px;color:#fff;margin-bottom:6px;word-break:break-all}.backup-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#8e8e93}.meta-item{display:flex;align-items:center;gap:4px}.meta-icon{font-size:12px}.backup-actions{display:flex;gap:8px;flex-shrink:0}.action-btn{width:36px;height:36px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px}.download-btn{background:#30d1581a;color:#30d158}.download-btn:hover:not(:disabled){background:#30d158;color:#fff}.restore-btn{background:#ffd60a1a;color:#ffd60a}.restore-btn:hover:not(:disabled){background:#ffd60a;color:#000}.delete-btn{background:#ff453a1a;color:#ff453a}.delete-btn:hover:not(:disabled){background:#ff453a;color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#8e8e93}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-hint{font-size:13px;margin-top:8px;line-height:1.5}.backup-tips{background:#0a84ff1a;border-radius:12px;padding:20px;border:1px solid #3a3a3c}.tips-header h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.tips-content{display:flex;flex-direction:column;gap:12px}.tip-item{display:flex;align-items:flex-start;gap:10px}.tip-icon{font-size:16px;flex-shrink:0;margin-top:2px}.tip-text{color:#64d2ff;font-size:13px;line-height:1.5}.backup-history-list::-webkit-scrollbar{width:8px}.backup-history-list::-webkit-scrollbar-track{background:#2c2c2e;border-radius:4px}.backup-history-list::-webkit-scrollbar-thumb{background:#3a3a3c;border-radius:4px}.backup-history-list::-webkit-scrollbar-thumb:hover{background:#48484a}@media (max-width: 768px){.backup-header,.backup-content{padding:15px}.system-stats{grid-template-columns:repeat(2,1fr)}.backup-options-section,.backup-history-section{padding:16px}.backup-item{flex-direction:column;align-items:flex-start;gap:12px}.backup-actions{align-self:flex-end}.export-buttons{flex-direction:column}}@media (max-width: 480px){.system-stats{grid-template-columns:1fr}.section-header h3{font-size:16px}.section-subtitle{font-size:13px}.backup-meta{flex-direction:column;gap:6px}}.cityledger-customer-container{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-card: #1e293b;--color-bg-modal: #1e293b;--color-bg-hover: #334155;--color-bg-selected: #0a84ff;--color-text-primary: #ffffff;--color-text-secondary: #aeaeb2;--color-text-tertiary: #8e8e93;--color-text-inverse: #1a1a1a;--color-border: #3a3a3c;--color-border-light: #2c2c2e;--color-border-hover: #48484a;--color-primary: #0a84ff;--color-primary-hover: #409cff;--color-primary-light: rgba(10, 132, 255, .2);--color-success: #30D158;--color-warning: #FF9F0A;--color-danger: #FF375F;--color-info: #5AC8FA;--color-status-active: #30D158;--color-status-inactive: #8E8E93;--color-status-pending: #FF9F0A;--color-company: #5e5ce6;--color-government: #ff9d0a;--color-individual: #32d74b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3);--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,system-ui,sans-serif;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2c2c2e;--color-bg-tertiary: #3a3a3c;--color-bg-card: #2c2c2e;--color-bg-modal: #2c2c2e;--color-bg-hover: #3a3a3c;--color-bg-selected: #0a84ff;--color-text-primary: #ffffff;--color-text-secondary: #aeaeb2;--color-text-tertiary: #8e8e93;--color-text-inverse: #1a1a1a;--color-border: #3a3a3c;--color-border-light: #2c2c2e;--color-border-hover: #48484a;--color-primary: #0a84ff;--color-primary-hover: #409cff;--color-primary-light: rgba(10, 132, 255, .2);--color-success: #30D158;--color-warning: #FF9F0A;--color-danger: #FF375F;--color-info: #5AC8FA;--color-status-active: #30D158;--color-status-inactive: #8E8E93;--color-status-pending: #FF9F0A;--color-company: #5e5ce6;--color-government: #ff9d0a;--color-individual: #32d74b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .3)}.cityledger-customer-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,system-ui,sans-serif;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}.cityledger-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);min-height:400px}.cityledger-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:cityledger-spin 1s linear infinite;margin-bottom:var(--spacing-md)}@keyframes cityledger-spin{to{transform:rotate(360deg)}}.cityledger-loading-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.cityledger-loading-details{text-align:center;color:var(--color-text-tertiary);max-width:400px;margin-top:var(--spacing-md)}.cityledger-loading-hint{font-size:var(--font-size-sm);background:var(--color-bg-tertiary);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);line-height:1.5}.cityledger-error-container{padding:var(--spacing-xl);max-width:800px;margin:0 auto;text-align:center}.cityledger-error-icon{font-size:48px;margin-bottom:var(--spacing-md)}.cityledger-error-title{font-size:var(--font-size-xl);color:var(--color-danger);margin-bottom:var(--spacing-md)}.cityledger-error-message{background:var(--color-bg-tertiary);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);text-align:left;line-height:1.6}.cityledger-error-message p{margin:var(--spacing-sm) 0}.cityledger-error-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-xl);flex-wrap:wrap}.cityledger-retry-button,.cityledger-test-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm)}.cityledger-retry-button{background:var(--color-primary);color:var(--color-text-inverse)}.cityledger-retry-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.cityledger-retry-button:disabled{opacity:.5;cursor:not-allowed}.cityledger-test-button{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.cityledger-test-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.cityledger-troubleshooting{background:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--border-radius-md);text-align:left;margin-top:var(--spacing-lg)}.cityledger-troubleshooting h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.cityledger-troubleshooting ol{margin-left:var(--spacing-lg);line-height:1.6}.cityledger-troubleshooting li{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary)}.cityledger-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-lg);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:var(--spacing-lg)}.cityledger-header-title h1{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-sm)}.cityledger-title-icon{font-size:28px}.cityledger-header-subtitle{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.cityledger-header-actions{display:flex;gap:var(--spacing-md);align-items:center}.cityledger-view-toggle{display:flex;background:var(--color-bg-tertiary);border-radius:var(--border-radius-md);padding:2px}.cityledger-view-button{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.cityledger-view-button:hover{background:var(--color-bg-hover)}.cityledger-view-button.active{background:var(--color-bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.cityledger-theme-toggle{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.cityledger-theme-toggle:hover{background:var(--color-bg-hover);transform:rotate(15deg)}.cityledger-action-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.cityledger-action-button.primary{background:var(--color-primary);color:var(--color-text-inverse)}.cityledger-action-button.primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cityledger-action-button.secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.cityledger-action-button.secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.cityledger-action-button:disabled{opacity:.5;cursor:not-allowed}.cityledger-button-icon{font-size:18px}.cityledger-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-lg)}.cityledger-summary-card{background:var(--color-bg-card);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);border:1px solid var(--color-border-light)}.cityledger-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cityledger-summary-icon{width:56px;height:56px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:24px}.cityledger-summary-card.total .cityledger-summary-icon{background:#007aff1a;color:var(--color-primary)}.cityledger-summary-card.active .cityledger-summary-icon{background:#30d1581a;color:var(--color-success)}.cityledger-summary-card.limit .cityledger-summary-icon{background:#ff95001a;color:var(--color-warning)}.cityledger-summary-card.balance .cityledger-summary-icon{background:#ff375f1a;color:var(--color-danger)}.cityledger-summary-card.usage .cityledger-summary-icon{background:#5ac8fa1a;color:var(--color-info)}.cityledger-summary-content h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.cityledger-summary-content p{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.cityledger-search-filter-bar{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg) var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.cityledger-search-container{flex:1;min-width:300px;position:relative}.cityledger-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary)}.cityledger-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast)}.cityledger-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.cityledger-search-input::placeholder{color:var(--color-text-tertiary)}.cityledger-clear-search{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cityledger-clear-search:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.cityledger-filter-controls{display:flex;gap:var(--spacing-md)}.cityledger-filter-select,.cityledger-page-size-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--font-size-md);cursor:pointer;min-width:150px;transition:border-color var(--transition-fast)}.cityledger-filter-select:focus,.cityledger-page-size-select:focus{outline:none;border-color:var(--color-primary)}.cityledger-table-container{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-lg)}.cityledger-table-responsive{overflow-x:auto;border-radius:var(--border-radius-lg);border:1px solid var(--color-border);background:var(--color-bg-card);box-shadow:var(--shadow-sm)}.cityledger-table{width:100%;border-collapse:collapse;min-width:1200px}.cityledger-table thead{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.cityledger-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap;-webkit-user-select:none;user-select:none}.cityledger-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast)}.cityledger-table tbody tr:hover{background:var(--color-bg-hover)}.cityledger-table tbody tr.cityledger-selected{background:var(--color-bg-selected)}.cityledger-table td{padding:var(--spacing-md);color:var(--color-text-primary)}.cityledger-th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.cityledger-sortable{cursor:pointer}.cityledger-sortable:hover{background:var(--color-bg-hover)}.cityledger-sort-icon{color:var(--color-text-tertiary);font-size:12px}.cityledger-sortable.asc .cityledger-sort-icon,.cityledger-sortable.desc .cityledger-sort-icon{color:var(--color-primary)}.cityledger-customer-code-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cityledger-code-badge{background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-family:Monaco,Courier New,monospace;font-weight:500}.cityledger-customer-name-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cityledger-customer-name{font-weight:500;color:var(--color-text-primary)}.cityledger-customer-date{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.cityledger-customer-type-cell{display:flex}.cityledger-customer-type{padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cityledger-customer-type.company{background:#5856d61a;color:var(--color-company)}.cityledger-customer-type.government{background:#ff95001a;color:var(--color-government)}.cityledger-customer-type.individual{background:#34c7591a;color:var(--color-individual)}.cityledger-currency-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cityledger-currency-value{font-weight:600;color:var(--color-text-primary)}.cityledger-currency-unit{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.cityledger-currency-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.cityledger-progress-cell{display:flex;align-items:center;gap:var(--spacing-md);min-width:120px}.cityledger-progress-bar-container{flex:1;height:6px;background:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.cityledger-progress-fill{height:100%;border-radius:3px;transition:width var(--transition-slow)}.cityledger-progress-text{min-width:40px;text-align:right;font-size:var(--font-size-sm);font-weight:500}.cityledger-contact-cell{display:flex;flex-direction:column;gap:2px}.cityledger-phone-number{font-weight:500}.cityledger-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.cityledger-contact-person{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.cityledger-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;width:fit-content}.cityledger-status-badge.active{background:#30d1581a;color:var(--color-status-active)}.cityledger-status-badge.inactive{background:#8e8e931a;color:var(--color-status-inactive)}.cityledger-status-icon{font-size:12px}.cityledger-action-buttons{display:flex;gap:var(--spacing-xs)}.cityledger-table-button{width:36px;height:36px;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition-fast);background:transparent}.cityledger-table-button.view{color:var(--color-primary)}.cityledger-table-button.view:hover{background:var(--color-primary-light)}.cityledger-table-button.edit{color:var(--color-warning)}.cityledger-table-button.edit:hover{background:#ff95001a}.cityledger-table-button.delete{color:var(--color-danger)}.cityledger-table-button.delete:hover{background:#ff375f1a}.cityledger-card-container{padding:0 var(--spacing-lg) var(--spacing-lg)}.cityledger-customer-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.cityledger-customer-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.cityledger-customer-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.cityledger-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.cityledger-card-code{font-family:Monaco,Courier New,monospace;font-weight:600;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cityledger-card-body{padding:var(--spacing-lg)}.cityledger-card-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.cityledger-customer-type-badge{display:inline-block;padding:4px 12px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cityledger-customer-type-badge.company{background:#5856d61a;color:var(--color-company)}.cityledger-customer-type-badge.government{background:#ff95001a;color:var(--color-government)}.cityledger-customer-type-badge.individual{background:#34c7591a;color:var(--color-individual)}.cityledger-card-details{margin:var(--spacing-lg) 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.cityledger-detail-item{display:flex;flex-direction:column;gap:2px}.cityledger-detail-item.full-width{grid-column:1 / -1}.cityledger-detail-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.cityledger-detail-value{font-weight:500;color:var(--color-text-primary);word-break:break-word}.cityledger-card-progress{margin-top:var(--spacing-lg)}.cityledger-progress-info{display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cityledger-progress-bar{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.cityledger-card-footer{display:flex;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);gap:var(--spacing-xs)}.cityledger-card-button{flex:1;padding:var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.cityledger-card-button.view{background:var(--color-primary);color:var(--color-text-inverse)}.cityledger-card-button.view:hover{background:var(--color-primary-hover)}.cityledger-card-button.edit{background:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.cityledger-card-button.edit:hover{background:var(--color-bg-hover)}.cityledger-card-button.delete{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.cityledger-card-button.delete:hover{background:#ff375f1a}.cityledger-empty-state{text-align:center;padding:var(--spacing-xl);background:var(--color-bg-card);border-radius:var(--border-radius-lg);border:2px dashed var(--color-border);margin:var(--spacing-lg) 0}.cityledger-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.cityledger-empty-state h3{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.cityledger-empty-state p{color:var(--color-text-tertiary);margin-bottom:var(--spacing-lg)}.cityledger-clear-search-button,.cityledger-add-first-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast)}.cityledger-clear-search-button{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.cityledger-clear-search-button:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.cityledger-add-first-button{background:var(--color-primary);color:var(--color-text-inverse)}.cityledger-add-first-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.cityledger-pagination-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-card);margin:0 var(--spacing-lg);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-lg)}.cityledger-pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.cityledger-pagination-controls{display:flex;align-items:center;gap:var(--spacing-md)}.cityledger-pagination-button{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs)}.cityledger-pagination-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-hover)}.cityledger-pagination-button:disabled{opacity:.5;cursor:not-allowed}.cityledger-page-numbers{display:flex;gap:2px}.cityledger-page-number{width:36px;height:36px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-primary);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.cityledger-page-number:hover{background:var(--color-bg-hover)}.cityledger-page-number.cityledger-active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.cityledger-modal-overlay,.cityledger-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:cityledger-fadeIn var(--transition-normal)}@keyframes cityledger-fadeIn{0%{opacity:0}to{opacity:1}}.cityledger-modal-content,.cityledger-edit-modal-content{background:var(--color-bg-modal);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:cityledger-slideUp var(--transition-normal)}@keyframes cityledger-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cityledger-detail-modal{max-width:1000px}.cityledger-modal-header,.cityledger-edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.cityledger-modal-header h3,.cityledger-edit-modal-header h3{font-size:var(--font-size-lg);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.cityledger-close-button{width:36px;height:36px;border:none;background:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--border-radius-sm);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.cityledger-close-button:hover{background:var(--color-bg-hover);transform:rotate(90deg)}.cityledger-modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.cityledger-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.cityledger-form-group.full-width{grid-column:1 / -1}.cityledger-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cityledger-form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.cityledger-form-group input,.cityledger-form-group select,.cityledger-form-group textarea{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--font-size-md);transition:all var(--transition-fast)}.cityledger-form-group input:focus,.cityledger-form-group select:focus,.cityledger-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007aff1a}.cityledger-form-group textarea{resize:vertical;min-height:80px}.cityledger-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.cityledger-cancel-button,.cityledger-save-button,.cityledger-edit-button{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.cityledger-cancel-button{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.cityledger-cancel-button:hover{background:var(--color-bg-hover)}.cityledger-save-button{background:var(--color-primary);color:var(--color-text-inverse)}.cityledger-save-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.cityledger-save-button:disabled{opacity:.5;cursor:not-allowed}.cityledger-edit-button{background:var(--color-warning);color:var(--color-text-inverse)}.cityledger-edit-button:hover{background:#e68a00}.cityledger-detail-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.cityledger-detail-avatar{width:80px;height:80px;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;box-shadow:var(--shadow-md)}.cityledger-detail-title h2{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.cityledger-detail-code{color:var(--color-text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.cityledger-detail-type{margin-top:var(--spacing-sm)}.cityledger-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.cityledger-detail-section h4{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.cityledger-detail-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.cityledger-detail-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--border-radius-md)}.cityledger-detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500;min-width:120px}.cityledger-detail-value{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:500;text-align:right;flex:1}.cityledger-transaction-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.cityledger-transaction-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--border-radius-md)}.cityledger-transaction-item{display:grid;grid-template-columns:100px auto 120px 1fr;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-card);border-radius:var(--border-radius-sm);align-items:center}.cityledger-transaction-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cityledger-transaction-type-badge{padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.cityledger-transaction-type-badge.debit{background:#30d1581a;color:var(--color-success)}.cityledger-transaction-type-badge.credit{background:#ff375f1a;color:var(--color-danger)}.cityledger-transaction-amount{font-weight:600;color:var(--color-text-primary);text-align:right}.cityledger-transaction-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.cityledger-form-grid,.cityledger-detail-grid{grid-template-columns:1fr}.cityledger-customer-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.cityledger-header{flex-direction:column;align-items:stretch}.cityledger-header-actions{flex-wrap:wrap}.cityledger-summary-cards{grid-template-columns:repeat(2,1fr)}.cityledger-search-filter-bar{flex-direction:column;align-items:stretch}.cityledger-search-container{min-width:100%}.cityledger-pagination-container{flex-direction:column;gap:var(--spacing-md);text-align:center}.cityledger-modal-content,.cityledger-edit-modal-content{margin:var(--spacing-sm);max-height:80vh}.cityledger-transaction-item{grid-template-columns:1fr;gap:var(--spacing-xs)}}@media (max-width: 480px){.cityledger-summary-cards{grid-template-columns:1fr}.cityledger-error-actions{flex-direction:column}.cityledger-error-actions button{width:100%;justify-content:center}.cityledger-view-toggle{width:100%}.cityledger-view-button{flex:1;justify-content:center}.cityledger-header-actions{width:100%}.cityledger-action-button{flex:1;justify-content:center}.cityledger-pagination-controls{flex-direction:column;gap:var(--spacing-sm)}.cityledger-card-footer{flex-direction:column}}@media print{.cityledger-header-actions,.cityledger-search-filter-bar,.cityledger-action-buttons,.cityledger-card-footer,.cityledger-modal-overlay,.cityledger-edit-modal-overlay,.cityledger-pagination-container{display:none!important}.cityledger-table-responsive{overflow:visible;box-shadow:none}.cityledger-table{border:1px solid #000}.cityledger-table th,.cityledger-table td{border:1px solid #000;color:#000!important}.cityledger-customer-card{break-inside:avoid;box-shadow:none;border:1px solid #000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cityledger-search-input:focus-visible,.cityledger-filter-select:focus-visible,.cityledger-page-size-select:focus-visible,.cityledger-action-button:focus-visible,.cityledger-pagination-button:focus-visible,.cityledger-page-number:focus-visible,.cityledger-table-button:focus-visible,.cityledger-card-button:focus-visible,.cityledger-close-button:focus-visible,.cityledger-cancel-button:focus-visible,.cityledger-save-button:focus-visible,.cityledger-edit-button:focus-visible,.cityledger-form-group input:focus-visible,.cityledger-form-group select:focus-visible,.cityledger-form-group textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cityledger-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-contrast: high){:root,[data-theme=dark]{--color-border: #000000;--color-border-light: #000000;--color-border-hover: #000000}.cityledger-summary-card,.cityledger-table-responsive,.cityledger-customer-card,.cityledger-modal-content,.cityledger-edit-modal-content{border:2px solid var(--color-border)}}@media (prefers-reduced-transparency: reduce){.cityledger-modal-overlay,.cityledger-edit-modal-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}}.cityledger-tab-navigation{display:flex;background:var(--color-bg-tertiary);border-radius:var(--border-radius-md);padding:4px;margin-right:var(--spacing-md)}.cityledger-tab-button{padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast);position:relative}.cityledger-tab-button:hover{background:var(--color-bg-hover)}.cityledger-tab-button.active{background:var(--color-bg-primary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.cityledger-tab-badge{position:absolute;top:-6px;right:-6px;background:var(--color-danger);color:var(--color-text-inverse);font-size:10px;padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.cityledger-date-cell{display:flex;flex-direction:column;gap:2px}.cityledger-date-primary{font-weight:500;color:var(--color-text-primary)}.cityledger-date-secondary{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.cityledger-customer-code{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:Monaco,Courier New,monospace;margin-top:2px}.cityledger-table-name{font-size:var(--font-size-xs);color:var(--color-success);background:#30d1581a;padding:2px 6px;border-radius:var(--border-radius-sm);display:inline-block;margin-top:4px}.cityledger-bill-cell{display:flex;flex-direction:column;gap:2px}.cityledger-bill-code{font-weight:600;color:var(--color-text-primary);font-family:Monaco,Courier New,monospace}.cityledger-transaction-code{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:Monaco,Courier New,monospace}.cityledger-bill-amount{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:4px}.cityledger-notes-cell{display:flex;flex-direction:column;gap:4px}.cityledger-transaction-type-badge{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:500;text-transform:uppercase}.cityledger-transaction-type-badge.debit{background:#ff375f1a;color:var(--color-danger)}.cityledger-transaction-type-badge.credit{background:#30d1581a;color:var(--color-success)}.cityledger-address{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}@media (max-width: 768px){.cityledger-tab-navigation{margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.cityledger-tab-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, .1);--overlay-color: rgba(0, 0, 0, .5);--success-bg: #e8f5e9;--success-border: #4CAF50;--error-bg: #ffebee;--error-border: #f44336;--card-bg: #ffffff;--input-bg: #ffffff;--header-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--amount-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3d3d3d;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--border-color: #404040;--shadow-color: rgba(0, 0, 0, .3);--overlay-color: rgba(0, 0, 0, .7);--success-bg: #1e4620;--success-border: #4CAF50;--error-bg: #3c1e1e;--error-border: #f44336;--card-bg: #2d2d2d;--input-bg: #3d3d3d;--header-gradient: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);--amount-gradient: linear-gradient(135deg, #805ad5 0%, #d53f8c 100%)}.update-payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-color);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.update-payment-modal-container{background:var(--bg-primary);width:90%;max-width:800px;height:80vh;max-height:80vh;border-radius:12px;box-shadow:0 20px 60px var(--shadow-color);display:flex;flex-direction:column;animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;transform-origin:center center}@keyframes slideUp{0%{transform:translateY(100px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.update-payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:var(--header-gradient);color:#fff;position:relative;flex-shrink:0}.update-payment-modal-header:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:2px;background:#fff3}.header-left{display:flex;align-items:center;gap:15px}.header-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.header-titles h3{margin:0;font-size:20px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3)}.sub-title{font-size:13px;opacity:.9;margin-top:3px;text-shadow:0 1px 2px rgba(0,0,0,.2)}.close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0003}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.update-payment-modal-content{flex:1;overflow-y:auto;padding:20px 25px;display:flex;flex-direction:column;gap:20px}.transaction-details-section{display:flex;flex-direction:column;gap:15px}.detail-card{background:var(--card-bg);border-radius:10px;padding:20px;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color)}.detail-row{display:flex;justify-content:space-between;margin:8px 0;font-size:14px;padding:6px 0;border-bottom:1px dashed var(--border-color)}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.detail-label:before{content:"•";color:#667eea}.detail-value{color:var(--text-primary);font-weight:500}.detail-value.code{font-family:Courier New,monospace;background:var(--bg-tertiary);padding:4px 8px;border-radius:6px;font-size:13px;border:1px solid var(--border-color)}.amount-card{background:var(--amount-gradient);color:#fff;border-radius:12px;padding:25px 20px;text-align:center;border:none;box-shadow:0 8px 32px #0003;position:relative;overflow:hidden}.amount-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s infinite linear}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.amount-card.highlight{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 8px 32px #0003}50%{box-shadow:0 8px 32px #f5576c66}to{box-shadow:0 8px 32px #0003}}.amount-label{font-size:14px;margin-bottom:8px;opacity:.95;text-transform:uppercase;letter-spacing:1px;font-weight:600}.amount-value{font-size:32px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.3)}.payment-method-section h4{margin-bottom:15px;color:var(--text-primary);font-size:16px;display:flex;align-items:center;gap:8px;font-weight:600}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.payment-method-btn{border:2px solid var(--border-color);background:var(--card-bg);border-radius:10px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.payment-method-btn:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s}.payment-method-btn:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--shadow-color)}.payment-method-btn:hover:after{background:currentColor;opacity:.5}.payment-method-btn.selected{border-width:3px;transform:translateY(-4px);box-shadow:0 12px 24px var(--shadow-color)}.payment-method-btn.selected:after{background:currentColor;opacity:1}.method-icon{font-size:24px;transition:transform .3s}.payment-method-btn:hover .method-icon{transform:scale(1.1)}.method-name{font-size:13px;font-weight:600;text-align:center;transition:transform .3s}.payment-method-btn:hover .method-name{transform:scale(1.05)}.datetime-section{background:var(--bg-secondary);border-radius:10px;padding:20px;border:1px solid var(--border-color)}.datetime-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.datetime-input-group{display:flex;flex-direction:column;gap:10px}.datetime-input-group label{font-size:14px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.date-input,.time-input{padding:14px 16px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;font-size:14px;color:var(--text-primary);transition:all .3s;font-family:inherit}.date-input:focus,.time-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.note-section{background:var(--bg-secondary);border-radius:10px;padding:20px;border:1px solid var(--border-color)}.note-section label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;display:flex;align-items:center;gap:8px}.note-textarea{width:100%;padding:14px 16px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text-primary);resize:vertical;min-height:80px;transition:all .3s;line-height:1.5}.note-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-section,.success-section{border-radius:10px;padding:20px;margin:5px 0;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.error-section{background:var(--error-bg);border-left:4px solid var(--error-border)}.success-section{background:var(--success-bg);border-left:4px solid var(--success-border)}.error-message,.success-message{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14px}.error-message{color:#f44336}.success-message{color:#4caf50}.receipt-info{margin-top:20px;padding:15px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.info-row{display:flex;justify-content:space-between;margin:8px 0;font-size:13px;padding:6px 0;border-bottom:1px dashed var(--border-color)}.info-row:last-child{border-bottom:none}.info-row span:first-child{font-weight:600;color:var(--text-secondary)}.action-section{display:flex;gap:15px;margin:10px 0;padding-top:20px;border-top:1px solid var(--border-color);flex-shrink:0}.action-section button{flex:1;padding:16px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.action-section button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-section button:hover:after{width:300px;height:300px}.action-section button:active{transform:scale(.98)}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary)}.cancel-btn:hover{background:var(--border-color);transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-color)}.confirm-btn{color:#fff}.confirm-btn:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.confirm-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.print-btn{background:#2196f3;color:#fff}.print-btn:hover{background:#0b7dda;transform:translateY(-2px);box-shadow:0 8px 25px #2196f34d}.close-success-btn{background:#4caf50;color:#fff}.close-success-btn:hover{background:#388e3c;transform:translateY(-2px);box-shadow:0 8px 25px #4caf504d}.footer-section{background:var(--bg-secondary);padding:15px 25px;margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary);border-top:1px solid var(--border-color);flex-shrink:0}.footer-info{display:flex;align-items:center;gap:8px}.timestamp{font-family:Courier New,monospace;font-weight:500}.update-payment-modal-content::-webkit-scrollbar{width:8px}.update-payment-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}.update-payment-modal-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.update-payment-modal-content::-webkit-scrollbar-thumb:hover{background:#764ba2}@media (max-width: 768px){.update-payment-modal-container{width:95%;height:85vh;max-height:85vh}.datetime-row{grid-template-columns:1fr;gap:20px}.payment-methods-grid{grid-template-columns:repeat(3,1fr);gap:12px}.amount-value{font-size:28px}.action-section{flex-direction:column}.action-section button{padding:18px}}@media (max-width: 480px){.update-payment-modal-header,.update-payment-modal-content{padding:15px 20px}.payment-methods-grid{grid-template-columns:repeat(2,1fr)}.amount-value{font-size:24px}.footer-section{flex-direction:column;gap:10px;text-align:center}}.theme-toggle{position:fixed;bottom:20px;right:20px;z-index:1001}.theme-toggle-btn{width:50px;height:50px;border-radius:50%;background:var(--header-gradient);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 15px var(--shadow-color);transition:all .3s}.theme-toggle-btn:hover{transform:scale(1.1) rotate(30deg)}.customer-info-section{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);padding:20px;margin-bottom:20px;box-shadow:0 4px 12px var(--shadow-color)}.customer-info-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border-color)}.customer-info-header svg{color:#667eea;font-size:18px}.customer-info-header span{font-weight:600;font-size:16px;color:var(--text-primary)}.customer-info-grid{display:flex;flex-direction:column;gap:15px}.info-item.full-width{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:15px;align-items:center;padding:12px 15px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color)}.info-label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--text-secondary);white-space:nowrap}.info-label svg{font-size:14px;opacity:.8}.info-value{font-size:14px;color:var(--text-primary);font-weight:500;padding:6px 10px;background:var(--input-bg);border-radius:6px;border:1px solid var(--border-color);min-height:36px;display:flex;align-items:center}.info-value.customer-name{font-weight:600;color:var(--text-primary)}.info-value.customer-code{font-family:Courier New,monospace;font-weight:500;color:#667eea}.info-value.phone{color:#2196f3}.info-value.bill-date{color:#ff9800}.info-value.bill-code{font-family:Courier New,monospace;font-weight:600;color:#9c27b0}.info-value.amount{font-weight:700;color:#f5576c;font-size:15px}.selected-method-summary{background:var(--bg-secondary);border-radius:10px;padding:15px 20px;border:1px solid var(--border-color);margin-top:10px}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.summary-label{font-weight:600;color:var(--text-secondary);font-size:14px}.summary-value{font-weight:500;color:var(--text-primary);font-size:14px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:600;color:var(--text-primary);font-size:15px}.section-header svg{color:#667eea}.datetime-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item span:first-child{font-size:12px;color:var(--text-secondary);font-weight:500}.info-item .value{font-size:13px;color:var(--text-primary);font-weight:500;padding:6px 10px;background:var(--card-bg);border-radius:6px;border:1px solid var(--border-color)}.info-item .value.highlight{color:#4caf50;font-weight:600}.header-right{display:flex;align-items:center;gap:10px}.theme-toggle-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:16px}.theme-toggle-btn:hover{background:#ffffff4d;transform:rotate(30deg)}@media (max-width: 768px){.info-item.full-width{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:10px}.datetime-grid{grid-template-columns:1fr;gap:15px}.info-grid{grid-template-columns:1fr;gap:10px}}@media (max-width: 480px){.info-item.full-width{grid-template-columns:1fr;grid-template-rows:repeat(4,auto)}.info-label{font-size:12px}.info-value{font-size:13px}}.reportlist-container{display:flex;flex-direction:column;height:100%;background:var(--bg-secondary);border-right:1px solid var(--border-color);width:300px;min-width:260px;max-width:320px;overflow:hidden;border-radius:12px 0 0 12px}.reportlist-header{padding:16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.reportlist-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.report-actions{display:flex;gap:6px}.report-actions .action-btn{background:transparent;border:none;color:var(--text-tertiary);padding:4px;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.report-actions .action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.reportlist-tree{flex:1;overflow-y:auto;padding:8px 0}.tree-item-container{-webkit-user-select:none;user-select:none}.tree-item{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:2px 0;cursor:pointer;border-radius:6px;transition:background .2s;color:var(--text-primary);font-size:13px}.tree-item:hover{background:var(--bg-tertiary)}.tree-item.selected{background:var(--accent-color-light);color:var(--accent-color);font-weight:500}.tree-chevron{width:20px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.tree-icon{flex-shrink:0}.tree-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-children{overflow:hidden}.reportlist-tree::-webkit-scrollbar{width:4px}.reportlist-tree::-webkit-scrollbar-track{background:transparent}.reportlist-tree::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.reportlist-container.collapsed{width:60px;min-width:60px;transition:width .3s ease}.reportlist-container.collapsed .reportlist-header h3{display:none}.reportlist-container.collapsed .tree-item{justify-content:center;padding:8px 0!important}.reportlist-container.collapsed .tree-label,.reportlist-container.collapsed .tree-chevron{display:none}.reportlist-container.collapsed .tree-icon{margin-right:0}.reportlist-container.collapsed .tree-children{display:none}.report-container{padding:24px;height:100%;overflow-y:auto;background:transparent;color:var(--text-primary)}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.report-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.report-filters{display:flex;gap:12px}.report-filters select,.report-filters .filter-btn{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:30px;padding:8px 16px;font-size:13px;color:var(--text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.report-filters select:hover,.report-filters .filter-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-color)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-secondary);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-color)}.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.stat-content{flex:1}.stat-label{font-size:13px;color:var(--text-tertiary);margin-bottom:4px}.stat-value{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.stat-change{font-size:12px;font-weight:500}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-placeholder,.recent-orders{background:var(--bg-secondary);border-radius:16px;padding:20px;border:1px solid var(--border-color)}.chart-placeholder h3,.recent-orders h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.placeholder-graph{display:flex;align-items:flex-end;gap:8px;height:150px;margin-top:10px}.placeholder-graph .bar{flex:1;background:linear-gradient(180deg,var(--accent-color),var(--accent-color-light));border-radius:6px 6px 0 0;transition:height .5s ease;min-height:4px}.recent-orders table{width:100%;border-collapse:collapse}.recent-orders th{text-align:left;padding:8px 4px;font-size:12px;font-weight:600;color:var(--text-tertiary);border-bottom:1px solid var(--border-color)}.recent-orders td{padding:10px 4px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.status-badge{display:inline-block;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:600;background:#ffffff1a}.status-badge.success{background:#34c75926;color:#34c759}.status-badge.pending{background:#ff950026;color:#ff9500}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.report-header{flex-direction:column;align-items:flex-start;gap:12px}}.report-table th{background:#f0f7ff;padding:12px 8px;text-align:left;font-weight:600;color:#1d1d1f;border-bottom:2px solid #007aff;white-space:nowrap}.price-column{text-align:right;font-weight:600;color:#007aff}.report-loading,.report-error{padding:60px 20px;text-align:center;font-size:16px;color:#6e6e73;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}@media print{.report-container{background:#fff;padding:0}.report-toolbar{display:none}.report-a4-container{box-shadow:none;padding:0;width:100%}.report-header{border-bottom-color:#000}.report-table th{background:#eee;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.retry-btn{background:#007aff;color:#fff;border:none;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .2s}.retry-btn:hover{background:#0051d5}.no-data{text-align:center;padding:40px;color:#6e6e73;font-size:16px}.section-header{background:#f0f7ff;color:#1d1d1f;padding:10px 15px;margin:20px 0 10px;border-radius:5px;font-size:18px;font-weight:600;border-left:4px solid #007aff}@media print{.section-header{background:#f5f5f5;color:#000;border-left:4px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.major-header{background:#f0f0f0;color:#000;padding:10px 15px;margin:20px 0 10px;border-radius:5px;font-size:18px;font-weight:600;border-left:4px solid #007aff}.minor-header{background:#f9f9f9;color:#000;padding:6px 12px;margin:10px 0 5px 20px;border-radius:4px;font-size:15px;font-weight:500;border-left:3px solid #ff9500}.report-container{padding:20px;background:#f5f5f7;min-height:100%}.print-btn{background:linear-gradient(135deg,#007aff,#0051d5);color:#fff;border:none;border-radius:30px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #007aff4d;transition:all .2s}.print-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #007aff66}.report-a4-container{width:210mm;max-width:100%;margin:0 auto;padding:20px 25px;background:#fff;box-shadow:0 4px 20px #0000001a;border-radius:12px;font-family:Sarabun,Noto Sans Lao,sans-serif;color:#1d1d1f;box-sizing:border-box}.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #007aff}.report-header h1{margin:0;font-size:24px;color:#007aff;font-weight:700}.report-date{font-size:14px;color:#6e6e73}.report-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:24px}.report-table th{background:#f0f7ff;padding:12px 8px;text-align:left;font-weight:600;color:#1d1d1f;border-bottom:2px solid #007aff}.report-table td{padding:10px 8px;border-bottom:1px solid #e0e0e0;color:#2c3e50}.report-footer{display:flex;justify-content:space-between;padding-top:16px;border-top:1px dashed #ccc;font-size:13px;color:#6e6e73}.report-loading,.report-error,.no-data{padding:60px 20px;text-align:center;font-size:16px;color:#6e6e73;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}@media print{.report-container{background:#fff;padding:0}.report-toolbar{display:none}.report-a4-container{box-shadow:none;padding:0}.report-table th{background:#eee;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.report-container{padding:20px;background:#f5f7fa;min-height:100vh}.report-toolbar{margin-bottom:20px;display:flex;justify-content:flex-end}.print-btn{background:#007aff;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:8px;transition:background .2s}.print-btn:hover{background:#005bbf}.report-a4-container{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 20px #0000001a;max-width:1200px;margin:0 auto}.report-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #007aff;padding-bottom:15px;margin-bottom:25px}.report-header h1{margin:0;color:#007aff;font-size:28px}.report-date{color:#666;font-size:14px}.report-table{width:100%;border-collapse:collapse;margin-top:20px}.report-table th{background:#f0f0f0;padding:12px;text-align:left;border-bottom:2px solid #333;font-weight:600}.report-table td{padding:10px 12px;border-bottom:1px solid #ddd}.report-table tr:hover{background:#f9f9f9}.no-data{text-align:center;color:#999;padding:40px;font-size:18px}.report-footer{margin-top:30px;text-align:right;font-size:14px;color:#666;border-top:1px dashed #ccc;padding-top:15px;display:flex;justify-content:space-between}.report-loading,.report-error{text-align:center;padding:50px;font-size:18px}.report-error{color:#d32f2f}.retry-btn{background:#007aff;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;margin-top:10px}.filter-row{display:flex;flex-wrap:nowrap;gap:16px;align-items:flex-end}.filter-group{flex:1 1 0;min-width:120px;display:flex;flex-direction:column}.filter-group:last-child{flex:0 0 auto;min-width:auto}.show-btn{background:#007aff;color:#fff;border:none;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px #007aff4d;border:1px solid rgba(255,255,255,.1);height:38px;align-self:flex-end;white-space:nowrap}@media (max-width: 1200px){.filter-row{flex-wrap:wrap}.filter-group{flex:1 1 200px}.filter-group:last-child{flex:1 1 200px}.show-btn{margin-top:22px;align-self:flex-start}}.report-toolbar{margin-bottom:24px;display:flex;justify-content:flex-end}.print-btn{background:#fff;color:#007aff;border:1px solid #d0d0d5;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s,border-color .15s;box-shadow:0 1px 4px #00000005}.print-btn:hover{background:#f2f2f7;border-color:#007aff}.report-table th{background:#f8f8fa;padding:14px 16px;text-align:left;font-weight:600;color:#3a3a3c;border-bottom:1.5px solid #d0d0d5;font-size:13px;text-transform:uppercase;letter-spacing:.3px}.report-table td{padding:14px 16px;border-bottom:1px solid #efeff1;color:#1d1c1d;vertical-align:middle}@media print{.filter-section,.report-toolbar,.print-btn,.show-btn,.retry-btn,.loading-spinner,.report-loading,.report-error{display:none!important}.report-a4-container{box-shadow:none;padding:0;margin:0;border:none;background:#fff;width:100%;max-width:100%;overflow:visible}.report-header{border-bottom:1px solid #000;padding-bottom:12px;margin-bottom:16px}.report-header h1{color:#000;font-size:20px}.report-date{background:none;border:none;color:#000;padding:0}.report-table{min-width:auto;white-space:normal;border-collapse:collapse}.report-table th{background:#f0f0f0!important;color:#000;border-bottom:1px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table td{border-bottom:1px solid #ccc;color:#000}.report-table tr:last-child td{border-bottom:1px solid #000}.report-footer{border-top:1px solid #000;color:#000;margin-top:20px;padding-top:10px}.report-table th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.filter-group.button-group{flex:0 1 auto;display:flex;flex-direction:row;align-items:flex-end;gap:8px;min-width:auto}.show-btn{margin-top:0;height:38px;white-space:nowrap}@media (max-width: 1200px){.filter-group.button-group{flex:1 1 100%;flex-direction:row;justify-content:flex-start}.show-btn{flex:1 1 auto}}@media print{.filter-group.button-group,.show-btn,.print-icon-btn{display:none!important}}.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;min-width:1600px;white-space:nowrap;font-size:13px}.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;min-width:800px;white-space:nowrap;font-size:14px}.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;min-width:1000px;white-space:nowrap;font-size:14px}.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;min-width:1800px;white-space:nowrap;font-size:13px}.report-table tr:last-child td{border-bottom:none}.group-header td{background:#e0e0e5;font-weight:600;padding:12px 10px;color:#1d1c1d;border-bottom:1px solid #b0b0b5;border-top:1px solid #b0b0b5}@media print{.filter-section,.button-group,.show-btn,.print-icon-btn,.retry-btn,.loading-spinner,.report-loading,.report-error{display:none!important}.report-a4-container{box-shadow:none;padding:0;margin:0;border:none;background:#fff;width:100%;max-width:100%;overflow:visible}.report-header{border-bottom:1px solid #000;padding-bottom:12px;margin-bottom:16px}.report-header h1{color:#000;font-size:20px}.report-date{background:none;border:none;color:#000;padding:0}.report-table{min-width:auto;white-space:normal;border-collapse:collapse}.report-table th{background:#f0f0f0!important;color:#000;border-bottom:1px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table td{border-bottom:1px solid #ccc;color:#000}.group-header td{background:#e0e0e5!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-footer{border-top:1px solid #000;color:#000;margin-top:20px;padding-top:10px}}.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;min-width:1400px;white-space:nowrap;font-size:14px}.report-table td:last-child,.report-table th:last-child{text-align:right}.report-table tfoot tr{background:#f0f0f5;font-weight:600}.report-table tfoot td{border-top:2px solid #b0b0b5;border-bottom:none}.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;min-width:900px;white-space:nowrap;font-size:14px}.report-table td:first-child{font-weight:600;text-align:center}.report-container{padding:24px 32px;background:#f5f5f7;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Noto Sans Lao}.filter-section{background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 8px 20px #0000000f,0 2px 6px #00000005;border:1px solid rgba(255,255,255,.5)}.filter-section h3{margin:0 0 20px;color:#1d1c1d;font-size:18px;font-weight:600;letter-spacing:-.01em;opacity:.9}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.filter-group{flex:1 1 200px;display:flex;flex-direction:column;min-width:150px}.filter-group.button-group{flex:0 1 auto;display:flex;flex-direction:row;gap:8px;min-width:auto}.filter-group label{font-size:12px;font-weight:600;margin-bottom:4px;color:#3a3a3c;text-transform:uppercase;letter-spacing:.3px;opacity:.8;white-space:nowrap}.filter-group select,.filter-group input{background:#fff;border:1px solid #d0d0d5;border-radius:10px;padding:8px 12px;font-size:14px;color:#1d1c1d;transition:all .1s ease;outline:none;box-shadow:0 1px 3px #00000005;width:100%}.filter-group select:hover,.filter-group input:hover{border-color:#007aff;background:#fafafc}.filter-group select:focus,.filter-group input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff33}.show-btn{background:#007aff;color:#fff;border:none;border-radius:10px;padding:8px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px #007aff4d;border:1px solid rgba(255,255,255,.1);height:38px;white-space:nowrap}.show-btn:hover{background:#005fcf;transform:translateY(-1px);box-shadow:0 4px 12px #007aff66}.show-btn:active{background:#0048a5;transform:translateY(0);box-shadow:0 1px 4px #007aff4d}.show-btn:disabled{background:#c4c4c6;box-shadow:none;transform:none;cursor:not-allowed}.print-icon-btn{background:#fff;color:#007aff;border:1px solid #d0d0d5;border-radius:10px;padding:0 12px;height:38px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #00000005}.print-icon-btn:hover{background:#f2f2f7;border-color:#007aff}.print-icon-btn:active{background:#e5e5ea;transform:translateY(1px)}.report-a4-container{background:#fff;border-radius:20px;padding:32px;box-shadow:0 10px 30px #00000014,0 4px 12px #00000005;width:100%;max-width:none;margin:0 auto;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid rgba(0,0,0,.02)}.report-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid #e9e9ed;padding-bottom:18px;margin-bottom:24px}.report-header h1{margin:0;color:#1d1c1d;font-size:26px;font-weight:700;letter-spacing:-.02em}.report-date{color:#6c6c70;font-size:14px;font-weight:400;background:#f2f2f7;padding:6px 14px;border-radius:30px;border:1px solid #e9e9ed}.report-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:16px;min-width:1200px;white-space:nowrap;font-size:14px}.report-table th{background:#f8f8fa;padding:12px 10px;text-align:left;font-weight:600;color:#3a3a3c;border-bottom:1.5px solid #d0d0d5;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.report-table td{padding:10px;border-bottom:1px solid #efeff1;color:#1d1c1d;vertical-align:middle}.report-table td:first-child{font-weight:500}.report-table tbody tr:hover{background:#f2f2f7}.no-data{text-align:center;color:#8e8e93;padding:60px 20px;font-size:16px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000005;border:1px solid #efeff1}.report-footer{margin-top:32px;text-align:right;font-size:13px;color:#6c6c70;border-top:1px dashed #d0d0d5;padding-top:20px;display:flex;justify-content:space-between;font-weight:400}.report-loading,.report-error{text-align:center;padding:60px 20px;font-size:16px;background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000005;border:1px solid #efeff1}.report-error{color:#ff3b30}.loading-spinner{border:4px solid #f2f2f7;border-top:4px solid #007aff;border-radius:50%;width:36px;height:36px;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite;margin:20px auto}.retry-btn{background:#007aff;color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:15px;font-weight:600;cursor:pointer;margin-top:16px;transition:background .15s,box-shadow .15s;box-shadow:0 2px 8px #007aff33}.retry-btn:hover{background:#005fcf;box-shadow:0 4px 12px #007aff4d}.error-message{color:#ff3b30;margin:16px 0 8px;font-weight:500}@media print{.filter-section,.button-group,.show-btn,.print-icon-btn,.retry-btn,.loading-spinner,.report-loading,.report-error{display:none!important}.report-a4-container{box-shadow:none;padding:0;margin:0;border:none;background:#fff;width:100%;max-width:100%;overflow:visible}.report-header{border-bottom:1px solid #000;padding-bottom:12px;margin-bottom:16px}.report-header h1{color:#000;font-size:20px}.report-date{background:none;border:none;color:#000;padding:0}.report-table{min-width:auto;white-space:normal;border-collapse:collapse}.report-table th{background:#f0f0f0!important;color:#000;border-bottom:1px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-table td{border-bottom:1px solid #ccc;color:#000}.report-footer{border-top:1px solid #000;color:#000;margin-top:20px;padding-top:10px}}.reports-page{display:flex;height:100%;background:var(--bg-primary);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.report-view{flex:1;overflow-y:auto;padding:20px;background:var(--bg-secondary)}.no-report-selected{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);text-align:center;padding:40px}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5;background:#00000005;width:120px;height:120px;border-radius:60px;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-color)}.no-report-selected h3{margin:0 0 8px;font-size:18px;font-weight:500;color:var(--text-secondary)}.no-report-selected p{margin:0;font-size:14px;color:var(--text-tertiary);max-width:300px;line-height:1.6}@media (max-width: 768px){.reports-page{flex-direction:column}.report-view{padding:16px}.empty-icon{width:100px;height:100px;font-size:48px}}.function-config-container.macos-dark{display:flex;flex-direction:column;width:100vw;height:100vh;background:#0d0d0f;color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Noto Sans Lao,Segoe UI,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px}.config-header.macos-header{flex-shrink:0;height:52px;background:#1c1c1ee0;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);padding:0 16px;display:flex;justify-content:space-between;align-items:center;z-index:9998;gap:12px}.header-left,.header-center,.header-right{display:flex;align-items:center;gap:10px;flex:1}.header-center{justify-content:center}.header-right{justify-content:flex-end}.back-button{height:32px;padding:0 13px;margin:0;background:#ffffff12;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#ffffffe0;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease,box-shadow .2s ease;display:flex;align-items:center;gap:6px;box-sizing:border-box;white-space:nowrap;flex-shrink:0;line-height:1;-moz-appearance:none;appearance:none;-webkit-appearance:none;vertical-align:middle}.back-button:hover{background:#ffffff1c;box-shadow:0 4px 12px #0003}.search-container{position:relative;width:260px;height:32px!important;min-height:32px!important;max-height:32px!important;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding-top:0!important;padding-bottom:0!important;padding-left:12px;padding-right:12px;margin:0;display:flex;align-items:center;gap:8px;box-sizing:border-box!important;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;transform:none;flex-shrink:0}.search-container.focused{background:#ffffff17;border-color:#409cff80;box-shadow:0 0 0 2px #409cff1a}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:12px;outline:none;height:100%;padding:0;margin:0;line-height:1}.search-input::placeholder{color:#ffffff61}.clear-search{background:#ffffff1a;border:none;color:#fff9;width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.clear-search:hover{background:#ffffff2e;color:#fff}.config-title{margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.notification-button{width:32px;height:32px;background:#ffffff12;border:1px solid rgba(255,255,255,.11);border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;position:relative;padding:0;box-sizing:border-box;flex-shrink:0}.notification-button:hover{background:#ffffff1c}.notification-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff453a,#d70015);color:#fff;font-size:9px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ff453a66;animation:pulse 2s infinite}.user-profile{position:relative}.profile-button{display:flex;align-items:center;gap:8px;height:32px;padding:0 11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.11);border-radius:9px;cursor:pointer;transition:background .2s ease;box-sizing:border-box}.profile-button:hover{background:#ffffff17}.profile-avatar{width:22px;height:22px;background:linear-gradient(135deg,#409cff,#5ac8fa);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:10px;box-shadow:0 2px 8px #409cff4d;flex-shrink:0;overflow:hidden}.profile-name{color:#ffffffe0;font-size:12px;font-weight:500}.menu-toggle-button{width:32px;height:32px;background:#ffffff12;border:1px solid rgba(255,255,255,.11);border-radius:9px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;padding:0;box-sizing:border-box;flex-shrink:0;color:#ffffffe0;line-height:1}.menu-toggle-button:hover{background:#ffffff1c}.menu-toggle-button svg,.menu-toggle-button .svg-inline--fa{width:13px!important;height:13px!important;display:block!important;color:inherit!important;fill:currentColor;pointer-events:none}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:230px;background:#262628f7;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:14px;z-index:10000;box-shadow:0 16px 48px #0006,0 0 0 1px #ffffff12}.user-info{display:flex;align-items:center;gap:11px;margin-bottom:12px}.user-avatar-large{width:42px;height:42px;background:linear-gradient(135deg,#409cff,#5ac8fa);border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;box-shadow:0 4px 14px #409cff4d;position:relative;flex-shrink:0;overflow:hidden}.user-details h4{margin:0 0 2px;color:#fff;font-size:13px;font-weight:600}.user-details p{margin:0;color:#ffffff8c;font-size:11px}.menu-divider{height:1px;background:#ffffff17;margin:8px 0}.user-menu-dropdown .menu-item{width:100%;text-align:left;padding:8px 11px;margin:2px 0;border-radius:8px;display:flex;align-items:center;gap:9px;background:transparent;border:none;color:#ffffffc7;font-size:12px;cursor:pointer;transition:all .15s ease}.user-menu-dropdown .menu-item:hover{background:#ffffff14;color:#fff}.user-menu-dropdown .menu-item.logout{color:#ff453a}.user-menu-dropdown .menu-item.logout:hover{background:#ffffff1a}.menu-icon{font-size:14px;opacity:.8}.main-content{flex:1;min-height:0;overflow:hidden;position:relative}.content-wrapper{display:flex;height:100%;width:100%;overflow:hidden}.side-menu.macos-sidebar{width:210px;background:#1c1c1eb8;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);border-right:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;height:100%;overflow:hidden;flex-shrink:0;box-shadow:3px 0 24px #00000047}.side-menu-header{padding:14px 14px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.side-menu-header h3{margin:0 0 4px;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.header-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff14;border-radius:6px;flex-shrink:0}.menu-subtitle{margin:0;color:#ffffff6b;font-size:11px}.side-menu-list{flex:1;padding:8px;overflow-y:auto}.side-menu-list::-webkit-scrollbar{width:3px}.side-menu-list::-webkit-scrollbar-track{background:transparent}.side-menu-list::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.side-menu-item{display:flex;align-items:center;padding:8px 10px;margin:2px 0;background:#ffffff06;border:1px solid transparent;border-radius:9px;cursor:pointer;transition:all .2s cubic-bezier(.25,.46,.45,.94);-webkit-user-select:none;user-select:none;position:relative}.side-menu-item:hover{background:#ffffff0e;border-color:#ffffff17;box-shadow:0 4px 14px #0000002e}.side-menu-item.selected{background:linear-gradient(135deg,#409cff21,#409cff12);border-color:#409cff47;box-shadow:0 4px 18px #409cff26,inset 0 1px #ffffff14}.side-menu-item-content{display:flex;align-items:center;gap:9px;flex:1}.side-menu-item-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.side-menu-item-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 50%)}.side-menu-item-name{font-size:12px;color:#ffffffe0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-badge{background:linear-gradient(135deg,#ff453a,#ff375f);color:#fff;font-size:8px;font-weight:700;padding:2px 6px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #ff453a59}.selection-indicator{width:5px;height:5px;background:linear-gradient(135deg,#30d158,#00c853);border-radius:50%;box-shadow:0 0 8px #30d158}.right-content{flex:1;background:#0f172a;padding:18px;overflow-y:auto;height:100%;position:relative}.right-content::-webkit-scrollbar{width:4px}.right-content::-webkit-scrollbar-track{background:#ffffff05}.right-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}.right-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(64,156,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,159,10,.04) 0%,transparent 50%);pointer-events:none}.config-view{display:flex;flex-direction:column;height:100%;background:#ffffff06;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(50px) saturate(180%);-webkit-backdrop-filter:blur(50px) saturate(180%);box-shadow:0 12px 50px #00000059,0 0 0 1px #ffffff0a}.config-view .config-header{position:relative;top:0;height:auto;padding:18px 20px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;justify-content:space-between;align-items:flex-start}.config-title-section{flex:1}.config-view-title{margin:0 0 7px;color:#fff;font-size:20px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:12px}.config-view-title .category-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.config-view-title .category-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.18) 0%,transparent 50%)}.config-description{margin:0;color:#ffffff8c;font-size:12px;padding-left:54px}.config-type{color:#64d2ff;font-weight:600}.config-actions{display:flex;gap:9px;flex-shrink:0}.action-button{padding:8px 16px;border:none;border-radius:9px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.action-button.primary{background:linear-gradient(135deg,#409cff,#007aff);color:#fff;box-shadow:0 4px 14px #409cff59}.action-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 22px #409cff80}.action-button.secondary{background:#ffffff12;border:1px solid rgba(255,255,255,.11);color:#ffffffe0}.action-button.secondary:hover{background:#ffffff1a;transform:translateY(-1px)}.action-button.tertiary{background:#ffffff09;border:1px solid rgba(255,255,255,.07);color:#ffffffa6}.action-button.tertiary:hover{background:#ffffff0f}.config-content{flex:1;padding:20px;overflow-y:auto}.default-config{max-width:800px;margin:0 auto}.feature-header{text-align:center;margin-bottom:28px}.feature-header h3{margin:0 0 8px;color:#fff;font-size:18px;font-weight:700}.feature-header p{margin:0;color:#ffffff8c;font-size:13px;line-height:1.5}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px}.feature-card{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:20px;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);border-color:#409cff40;box-shadow:0 12px 36px #00000040}.feature-icon{font-size:30px;margin-bottom:12px}.feature-card h4{margin:0 0 6px;color:#fff;font-size:14px;font-weight:600}.feature-card p{margin:0;color:#ffffff73;font-size:12px;line-height:1.5}.coming-soon{background:#ffffff05;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:28px}.construction-container{display:flex;align-items:center;gap:20px;margin-bottom:20px}.construction-icon{font-size:52px;animation:bounce 3s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.construction-text h4{margin:0 0 5px;color:#fff;font-size:16px;font-weight:700}.construction-text p{margin:0;color:#ffffff8c;font-size:13px}.progress-indicator{display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:6px;background:#ffffff17;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#409cff,#5ac8fa);border-radius:3px;box-shadow:0 0 12px #409cff66}.progress-text{color:#fff9;font-size:12px;font-weight:500;text-align:center}.config-footer.macos-footer{flex-shrink:0;height:34px;background:#161618eb;backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);border-top:1px solid rgba(255,255,255,.09);padding:0 16px;display:flex;align-items:center;z-index:9997}.footer-content{width:100%;display:flex;justify-content:space-between;align-items:center}.system-status{display:flex;align-items:center;gap:8px}.status-indicator{width:7px;height:7px;border-radius:50%}.status-indicator.online{background:linear-gradient(135deg,#30d158,#00c853)}.status-indicator.offline{background:linear-gradient(135deg,#ff453a,#d70015)}.status-text{font-size:11px;color:#ffffff9e;font-weight:500}.footer-info{display:flex;align-items:center;gap:20px}.shortcut-hints{display:flex;gap:10px}.shortcut{font-size:10px;color:#ffffff6b;background:#ffffff0d;padding:2px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.08);font-weight:500}.footer-right{display:flex;align-items:center;gap:14px}.version,.user-info{font-size:11px;color:#ffffff6b;font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.modal-content{background:#1a1a1cf7;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.13);border-radius:16px;width:100%;max-width:500px;max-height:88vh;overflow-y:auto;box-shadow:0 16px 60px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.09)}.modal-header h3{margin:0;color:#fff;font-size:15px;font-weight:600}.close-button{background:#ffffff12;border:1px solid rgba(255,255,255,.11);border-radius:7px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;cursor:pointer;transition:all .2s ease;padding:0}.close-button:hover{background:#ffffff1c;color:#fff}.modal-body{padding:20px 22px}.image-upload-section{display:flex;gap:20px;margin-bottom:20px;align-items:center}.image-preview-wrapper{position:relative;width:80px;height:80px;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 18px #0003;flex-shrink:0}.image-preview{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:5px;right:5px;background:#ff453ae6;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;z-index:10}.remove-image-btn:hover{transform:scale(1.12);background:#ff453a}.image-upload-placeholder{width:80px;height:80px;border-radius:14px;background:#ffffff0b;border:2px dashed rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .25s ease;flex-shrink:0}.image-upload-placeholder:hover{background:#ffffff12;border-color:#409cff73}.placeholder-icon{opacity:.55}.image-upload-placeholder p{margin:0;color:#ffffff73;font-size:10px;text-align:center}.file-input{display:none}.file-upload-button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#409cff1f;border:1px solid rgba(64,156,255,.28);border-radius:9px;color:#409cff;font-size:12px;font-weight:500;cursor:pointer;transition:all .25s ease}.file-upload-button:hover{background:#409cff33;transform:translateY(-1px)}.file-upload-hint{margin:8px 0 0;color:#ffffff59;font-size:11px;line-height:1.4}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#ffffffc7;font-size:12px;font-weight:500}.form-group input[type=text],.form-group input[type=date]{padding:9px 12px;background:#ffffff0e;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#fff;font-size:12px;outline:none;transition:all .25s ease}.form-group input:focus{background:#ffffff17;border-color:#409cff73;box-shadow:0 0 0 2px #409cff1a}.form-group input::placeholder{color:#ffffff59}.checkbox-group{grid-column:span 2}.checkbox-label{display:flex;align-items:center;gap:9px;cursor:pointer;padding:9px 12px;background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:8px;transition:all .2s ease}.checkbox-label:hover{background:#ffffff0d}.checkbox-label input[type=checkbox]{width:16px;height:16px;border-radius:5px;border:2px solid rgba(255,255,255,.18);background:#ffffff0b;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;transition:all .15s ease}.checkbox-label input[type=checkbox]:checked{background:#30d158;border-color:#30d158}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:10px;font-weight:700}.checkbox-label span{color:#ffffffe0;font-size:12px;-webkit-user-select:none;user-select:none}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.09);background:#ffffff05;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.cancel-button{padding:8px 18px;background:#ffffff0e;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#ffffffc7;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background:#ffffff17;color:#fff}.save-button{padding:8px 18px;background:linear-gradient(135deg,#30d158,#00c853);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .25s ease;box-shadow:0 3px 10px #30d15847}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #30d15861}.save-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.save-button.loading{position:relative;color:transparent;min-width:140px}.save-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.password-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:10001;padding:16px}.password-modal-content{background:#1e1e20;border:1px solid rgba(255,255,255,.13);border-radius:16px;width:100%;max-width:420px;max-height:82vh;overflow-y:auto;box-shadow:0 20px 80px #0009,0 0 0 1px #ffffff0a}.password-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff06}.password-modal-header h3{margin:0;color:#fff;font-size:15px;font-weight:700;display:flex;align-items:center;gap:9px}.password-modal-header h3:before{content:"🔐";font-size:16px}.password-close-button{width:28px;height:28px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffffa6;cursor:pointer;transition:all .2s ease;padding:0}.password-close-button:hover{background:#ffffff1c;color:#fff;transform:rotate(90deg)}.password-modal-body{padding:20px 22px;background:#ffffff04}.password-form-grid{display:grid;grid-template-columns:1fr;gap:16px}.password-form-group{display:flex;flex-direction:column;gap:7px}.password-form-group label{color:#ffffffd1;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.password-form-group label:before{content:"";width:5px;height:5px;background:linear-gradient(135deg,#64d2ff,#409cff);border-radius:50%;box-shadow:0 0 6px #64d2ff}.password-form-input{padding:11px 14px;background:#28282a;border:1px solid #3a3a3c;border-radius:10px;color:#fff;font-size:13px;outline:none;transition:all .25s cubic-bezier(.16,1,.3,1);width:100%;box-sizing:border-box;cursor:text}.password-form-input:focus{background:#2a2a2c;border-color:#0a84ff;box-shadow:0 0 0 2px #0a84ff26,0 4px 20px #0000002e;transform:translateY(-1px)}.password-form-input::placeholder{color:#ffffff52}.password-input-hint{margin:5px 0 0;color:#ffffff59;font-size:11px;font-style:italic;padding-left:10px;border-left:2px solid rgba(255,255,255,.08)}.password-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid rgba(255,255,255,.09);background:#ffffff04;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.password-cancel-button{padding:8px 16px;background:#ffffff0e;border:1px solid rgba(255,255,255,.12);border-radius:9px;color:#ffffffbf;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px}.password-cancel-button:hover{background:#ffffff17;color:#fff;transform:translateY(-1px)}.password-save-button{padding:8px 20px;background:linear-gradient(135deg,#30d158,#00c853);border:none;border-radius:9px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:7px;transition:all .25s ease;box-shadow:0 4px 12px #30d15847,inset 0 1px #ffffff2e;min-width:130px;justify-content:center;position:relative;overflow:hidden}.password-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #30d15861}.password-save-button:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.password-save-button.loading{color:transparent}.password-save-button.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:passwordSpin .8s linear infinite}@keyframes passwordSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #28282a inset!important;-webkit-text-fill-color:#fff!important;transition:background-color 5000s ease-in-out 0s;caret-color:#fff}.profile-image,.profile-image-large{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar-fallback{font-size:10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:inherit}.avatar-fallback-large{font-size:18px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:inherit}.side-menu-item-icon{display:flex!important;align-items:center!important;justify-content:center!important}.side-menu-item-icon>svg,.side-menu-item-icon>.svg-inline--fa{width:13px!important;height:13px!important;display:block!important;color:#fff!important;pointer-events:none}.side-menu-item:hover .side-menu-item-icon>svg{transform:scale(1.15)}.header-icon{display:flex!important;align-items:center!important;justify-content:center!important}.header-icon>svg,.header-icon>.svg-inline--fa{width:12px!important;height:12px!important;display:block!important;color:#ffffffbf!important}.category-icon{display:flex!important;align-items:center!important;justify-content:center!important}.category-icon>svg,.category-icon>.svg-inline--fa{width:18px!important;height:18px!important;display:block!important;color:#fff!important;position:relative;z-index:2}@media (max-width:1200px){.side-menu.macos-sidebar{width:190px}.feature-grid{grid-template-columns:1fr}}@media (max-width:1024px){.side-menu.macos-sidebar{position:fixed;top:52px;left:0;bottom:34px;z-index:10000;box-shadow:6px 0 40px #00000073}.right-content{padding:14px}.config-view .config-header{flex-direction:column;gap:14px;padding:16px}.config-actions{width:100%;justify-content:center}.header-left .search-container{width:200px}}@media (max-width:768px){.config-header.macos-header{height:48px;padding:0 14px}.header-left .search-container{display:none}.config-title{font-size:14px}.shortcut-hints{display:none}.modal-content{max-width:92%}.form-grid{grid-template-columns:1fr}.checkbox-group{grid-column:span 1}.image-upload-section{flex-direction:column;text-align:center}.modal-footer,.password-modal-footer{flex-direction:column}.cancel-button,.save-button,.password-cancel-button,.password-save-button{width:100%;justify-content:center}}@media (max-width:480px){.header-center{display:none}.config-footer.macos-footer{height:40px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0;max-width:100%}html,body,#root{width:100%;height:100%;height:-webkit-fill-available;overflow:hidden}.order-menu-app{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;height:-webkit-fill-available;display:flex;flex-direction:column;overflow:hidden;background:#f5f5f5;font-family:Nunito,sans-serif}.order-menu-header{flex-shrink:0;width:100%;z-index:50}.order-menu-categories{flex-shrink:0;width:100%;z-index:40;background:#fff}.order-menu-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;width:100%;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.main-container{width:100%;max-width:100%;padding:0 12px;box-sizing:border-box}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}::-webkit-scrollbar-thumb{background:#ff2b85;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b35}.horizontal-scroll{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#ff2b85 #f0f0f0}.horizontal-scroll::-webkit-scrollbar{height:4px}.horizontal-scroll::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#ff2b85;border-radius:4px}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.cat-btn{border:none;cursor:pointer;transition:all .2s;white-space:nowrap}.cat-btn:hover{transform:translateY(-1px)}.cat-btn.active{background:#ff2b85!important;color:#fff!important;box-shadow:0 4px 12px #ff2b8559}.sub-cat-btn{border:none;cursor:pointer;transition:all .2s;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}.sub-cat-btn:hover{transform:translateY(-1px)}.sub-cat-btn.active{background:#ff2b85!important;color:#fff!important;box-shadow:0 4px 12px #ff2b8559}.item-card{background:#fff;border-radius:12px;padding:12px;display:flex;gap:10px;box-shadow:0 2px 8px #00000012;transition:transform .2s,box-shadow .2s;cursor:default;animation:fadeIn .3s ease forwards;width:100%;box-sizing:border-box}.item-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.qty-btn{border:none;cursor:pointer;border-radius:50%;width:22px;height:22px;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:transform .15s}.qty-btn:active{transform:scale(.9)}.cart-qty-number{font-weight:700!important;font-size:13px!important;min-width:16px!important;text-align:center!important;color:#333!important;display:inline-block;line-height:normal}.item-card .cart-qty-number{color:#333!important;font-weight:700!important}.cart-drawer .cart-qty-number{color:#333!important;font-weight:900!important;font-size:14px!important}.add-btn{border:2px solid #ff2b85;background:#fff;color:#ff2b85;border-radius:8px;padding:4px 12px;font-weight:700;font-size:11px;cursor:pointer;transition:all .2s;font-family:inherit}.add-btn:hover,.add-btn.has-qty{background:#ff2b85;color:#fff}.foodpanda-add-btn{background:#ff2b85;color:#fff;border:none;border-radius:30px;padding:8px 18px;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;box-shadow:0 4px 10px #ff2b8533;transition:transform .2s,box-shadow .2s;flex-shrink:0;white-space:nowrap}.foodpanda-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px #ff2b854d}.foodpanda-add-btn:active{transform:translateY(1px);box-shadow:0 2px 5px #ff2b8533}.qty-control-group{display:flex;align-items:center;gap:12px;background:#fff0f5;padding:4px 8px;border-radius:30px;flex-shrink:0}.qty-control-group button{border:none;background:#ff2b85;color:#fff;border-radius:50%;width:30px;height:30px;font-size:18px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ff2b854d;transition:transform .15s;flex-shrink:0}.qty-control-group button:active{transform:scale(.9)}.qty-control-group span{font-weight:800;font-size:16px;min-width:20px;text-align:center;color:#333}.cart-drawer{position:fixed;right:0;top:0;height:100vh;height:100dvh;height:-webkit-fill-available;width:360px;background:#fff;box-shadow:-8px 0 40px #00000026;z-index:100;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cart-item-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f0f0}.badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.checkout-btn{background:linear-gradient(135deg,#ff2b85,#ff6b35);color:#fff;border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:800;cursor:pointer;width:100%;font-family:inherit;transition:opacity .2s;box-shadow:0 4px 15px #ff2b8566}.checkout-btn:hover{opacity:.92}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.float-cart{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff2b85,#ff6b35);color:#fff;border:none;border-radius:50px;padding:14px 28px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 8px 25px #ff2b8580;display:flex;align-items:center;gap:12px;transition:transform .2s;z-index:50;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.float-cart:hover{transform:translate(-50%) translateY(-2px)}.cart-badge{position:absolute;top:-5px;right:-5px;background:#fff;color:#ff2b85;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;transition:transform .2s}.cart-badge.pop{animation:pop .3s ease}.remark-btn{border:none;background:none;cursor:pointer;font-family:inherit;font-size:11px;font-weight:700;color:#ff2b85;display:flex;align-items:center;gap:4px;padding:0;margin-top:4px;transition:opacity .2s}.remark-btn:hover{opacity:.7}.remark-textarea{width:100%;border:1.5px solid #ffd6e8;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:12px;color:#333;resize:none;outline:none;background:#fff8fb;transition:border-color .2s;margin-top:6px}.remark-textarea:focus{border-color:#ff2b85}.remark-textarea::placeholder{color:#ccc}.remark-area{animation:remarkSlide .2s ease}.confirm-modal{animation:confirmPop .35s cubic-bezier(.34,1.56,.64,1)}.skeleton{background:#f0f0f0;border-radius:30px;animation:pulse 1.5s ease-in-out infinite}.skeleton-item{background:#fff;border-radius:12px;padding:12px;margin-bottom:10px;display:flex;gap:12px;box-shadow:0 2px 8px #0000000d;width:100%;box-sizing:border-box}.skeleton-image{width:70px;height:70px;background:#f0f0f0;border-radius:10px;flex-shrink:0}.skeleton-line{height:16px;background:#f0f0f0;border-radius:4px;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:40%}.empty-state{text-align:center;padding:60px 20px;color:#999;grid-column:1 / -1;background:#fff;border-radius:16px;margin-top:20px;width:100%;box-sizing:border-box}.empty-state-icon{font-size:56px;margin-bottom:16px}.empty-state-title{font-size:16px;font-weight:600;color:#666}.empty-state-subtitle{font-size:13px;color:#ccc;margin-top:8px}.circle-qty-btn{border:none;background:#ff2b85;color:#fff;border-radius:50%;width:32px;height:32px;font-size:20px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff2b854d;transition:all .2s ease;flex-shrink:0;padding:0;line-height:1}.circle-qty-btn:hover{transform:scale(1.05);background:#ff4d9e;box-shadow:0 4px 12px #ff2b8566}.circle-qty-btn:active{transform:scale(.95)}.circle-qty-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.circle-qty-group{display:flex;align-items:center;gap:12px;background:#fff0f5;padding:6px 10px;border-radius:40px;flex-shrink:0;box-shadow:inset 0 1px 3px #0000000d}.cart-drawer .circle-qty-btn{width:28px;height:28px;font-size:18px}.cart-drawer .cart-qty-number{font-size:14px!important;min-width:20px!important;font-weight:900!important}.fp-restaurant-info{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#666;margin-bottom:8px;padding:4px 0}.fp-com{font-weight:600;color:#ff6b6b}.fp-mobile{display:flex;align-items:center;gap:4px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes remarkSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes confirmPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 768px){.cart-drawer{width:100%!important;height:100vh!important;height:100dvh!important;height:-webkit-fill-available!important}.float-cart{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:calc(100% - 24px)!important;transform:none!important;margin:0 auto!important;padding:12px 20px!important;font-size:14px!important}.float-cart:hover{transform:translateY(-2px)!important}.item-card{padding:10px}.item-card img{width:50px;height:50px}.main-container{padding-left:12px;padding-right:12px}.header-content{padding-left:12px;padding-right:12px;width:100%;box-sizing:border-box}.search-container{width:100%;padding-left:12px;padding-right:12px;box-sizing:border-box}.search-input-wrapper{width:100%}.categories-scroll{width:100%;padding-left:12px;padding-right:12px;box-sizing:border-box}.item-card{width:100%!important;margin-left:0!important;margin-right:0!important}.item-card-content{min-width:0;flex:1}.item-name{word-break:break-word;max-width:100%}.price-add-container{flex-wrap:wrap;gap:8px}.price{white-space:nowrap}.header-container{padding:8px 16px 0!important}.header-banner{font-size:40px!important}.header-title{font-size:20px!important}.header-subtitle{font-size:11px!important}.header-tag{padding:2px 6px!important;font-size:10px!important;border-radius:12px!important}.breadcrumb{font-size:10px!important;margin-bottom:4px!important;gap:4px!important}@supports (padding-bottom: env(safe-area-inset-bottom)){.cart-drawer>div:last-child{padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}}}@media (max-width: 480px){.cart-drawer{width:100%!important}.float-cart{left:8px!important;right:8px!important;max-width:calc(100% - 16px)!important;padding:10px 16px!important;font-size:13px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important}.sub-cat-btn{padding:8px 16px;font-size:13px}.main-container{padding-left:8px;padding-right:8px}.item-card{padding:12px!important;gap:10px!important}.item-image{width:70px!important;height:70px!important}.item-name{font-size:14px!important}.item-price{font-size:16px!important}.add-button{padding:6px 14px!important;font-size:13px!important}.qty-controls{gap:8px!important;padding:4px 6px!important}.qty-btn{width:28px!important;height:28px!important;font-size:16px!important}.header-container{padding:6px 12px 0!important}.header-banner{font-size:36px!important}.header-title{font-size:18px!important}.header-content{gap:8px!important;padding-bottom:8px!important}.header-tags{gap:4px!important}.header-tag{padding:2px 5px!important;font-size:9px!important}.cart-qty-number{font-size:12px!important;min-width:14px!important}.circle-qty-btn{width:28px;height:28px;font-size:18px}.circle-qty-group{gap:8px;padding:4px 8px}}@media (min-width: 769px) and (max-width: 1024px){.header-container{padding:10px 20px 0!important}.header-banner{font-size:44px!important}.header-title{font-size:20px!important}}img{max-width:100%;height:auto}.pr-pricing-container{max-width:1000px;margin:20px auto;padding:24px;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;font-family:Nunito,sans-serif}.pr-pricing-container h2{color:#333;margin-bottom:24px;font-size:24px;font-weight:800;text-align:center;background:linear-gradient(135deg,#ff2b85,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pricing-tabs{display:flex;gap:10px;margin-bottom:30px;background:#f5f5f5;padding:6px;border-radius:40px}.tab-btn{flex:1;padding:12px 20px;border:none;background:transparent;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#666;white-space:nowrap}.tab-btn:hover{background:#ff2b851a;color:#ff2b85}.tab-btn.active{background:linear-gradient(135deg,#ff2b85,#ff6b35);color:#fff;box-shadow:0 4px 15px #ff2b854d;transform:translateY(-1px)}.pricing-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:30px}.pricing-card{padding:24px;background:#f8f9fa;border-radius:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,#ff2b85,#ff6b35);transform:scaleX(0);transition:transform .3s ease}.pricing-card:hover:before{transform:scaleX(1)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #ff2b8526}.pricing-card.selected{border-color:#ff2b85;background:#fff0f5;box-shadow:0 8px 25px #ff2b8533}.pricing-card.selected:before{transform:scaleX(1)}.pricing-card h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#333}.pricing-card .description{font-size:14px;color:#666;margin-bottom:16px;line-height:1.5;min-height:42px}.price-detail{margin-bottom:16px;padding:12px;background:#ffffffb3;border-radius:12px}.price{font-size:24px;font-weight:900;color:#ff2b85;margin-bottom:6px;display:flex;align-items:center;gap:4px}.price small{font-size:14px;font-weight:600;color:#999}.min-max{font-size:13px;color:#888;display:flex;gap:12px;flex-wrap:wrap}.min-max span{background:#f0f0f0;padding:4px 10px;border-radius:20px}.includes{font-size:13px;color:#666;padding-top:12px;border-top:1px dashed #ddd}.includes strong{color:#ff2b85;margin-right:4px}.calculator-section{background:#f8f9fa;padding:28px;border-radius:20px;margin-bottom:30px;border:1px solid #f0f0f0}.calculator-section h3{margin:0 0 20px;color:#333;font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px}.calculator-section h3:before{content:"🧮";font-size:24px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-size:15px;font-weight:700;color:#555}.input-group input[type=number],.input-group input[type=text]{width:100%;padding:14px 16px;border:2px solid #f0f0f0;border-radius:12px;font-size:15px;transition:all .2s ease;background:#fff;font-family:inherit}.input-group input:focus{outline:none;border-color:#ff2b85;box-shadow:0 0 0 4px #ff2b851a}.hour-range{font-size:13px;color:#888;margin-top:8px;display:flex;gap:16px}.hour-range span{display:flex;align-items:center;gap:4px}.hour-range span:before{content:"⏱️";font-size:12px}.calculate-btn{width:100%;padding:16px;background:linear-gradient(135deg,#ff2b85,#ff6b35);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:24px;position:relative;overflow:hidden}.calculate-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.calculate-btn:hover:before{width:300px;height:300px}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ff2b8566}.calculate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.calculate-btn:disabled:before{display:none}.price-result{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 15px #0000000d;border:1px solid #f0f0f0}.price-result h4{margin:0 0 16px;color:#333;font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.price-result h4:before{content:"💰";font-size:20px}.price-breakdown{margin-bottom:10px}.breakdown-row{display:flex;justify-content:space-between;padding:10px 0;font-size:15px;color:#666;border-bottom:1px solid #f5f5f5}.breakdown-row:last-child{border-bottom:none}.breakdown-row.discount{color:#4caf50;background:#f1f8e9;padding:10px 12px;border-radius:8px;margin:8px 0;border-bottom:none}.breakdown-row.total{font-weight:800;font-size:18px;color:#333;border-top:2px solid #333;margin-top:12px;padding-top:16px;border-bottom:none}.final-price{color:#ff2b85!important;font-size:24px!important}.booking-form{background:#fff;padding:28px;border-radius:20px;border:2px solid #f0f0f0;margin-top:20px}.booking-form h3{margin:0 0 20px;color:#333;font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px}.booking-form h3:before{content:"📝";font-size:24px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.form-group{margin-bottom:0}.form-group.full-width{grid-column:span 2}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#555}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;border:2px solid #f0f0f0;border-radius:12px;font-size:14px;transition:all .2s ease;font-family:inherit;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff2b85;box-shadow:0 0 0 4px #ff2b851a}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#ff2b85}.form-group textarea{resize:vertical;min-height:100px}.booking-btn{width:100%;padding:18px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:14px;font-size:18px;font-weight:800;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.booking-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.booking-btn:hover:before{width:400px;height:400px}.booking-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #4caf5066}.booking-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.booking-btn:disabled:before{display:none}.success-message{text-align:center;padding:40px;background:#f1f8e9;border-radius:20px;margin-top:20px}.success-message .success-icon{font-size:64px;margin-bottom:16px;animation:bounce 1s ease}.success-message h3{color:#4caf50;font-size:24px;font-weight:800;margin-bottom:12px}.success-message p{color:#666;font-size:16px;margin-bottom:8px}.success-message .booking-id{background:#fff;padding:12px 24px;border-radius:40px;display:inline-block;font-size:20px;font-weight:800;color:#ff2b85;margin-top:16px;box-shadow:0 4px 10px #0000000d}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #ff2b85;border-radius:50%;animation:spin 1s linear infinite}.empty-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:16px}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{color:#666;font-size:18px;font-weight:700;margin-bottom:8px}.empty-state p{color:#999;font-size:14px}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:200px;background:#333;color:#fff;text-align:center;padding:8px 12px;border-radius:8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:12px;pointer-events:none}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.discount-badge{background:#4caf50;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;display:inline-block;margin-left:8px}.price-tag{display:inline-block;background:linear-gradient(135deg,#ff2b85,#ff6b35);color:#fff;padding:4px 16px;border-radius:20px;font-size:14px;font-weight:700;margin-right:8px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 1024px){.pr-pricing-container{margin:16px;padding:20px}.pricing-options{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (max-width: 768px){.pr-pricing-container{margin:12px;padding:16px}.pr-pricing-container h2{font-size:22px;margin-bottom:20px}.pricing-tabs{flex-direction:column;gap:8px;background:transparent;padding:0}.tab-btn{width:100%;padding:14px;background:#f5f5f5}.pricing-options{grid-template-columns:1fr}.calculator-section{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.form-group.full-width{grid-column:span 1}.price{font-size:22px}.breakdown-row.total{font-size:16px}.final-price{font-size:20px!important}.booking-btn{padding:16px;font-size:16px}}@media (max-width: 480px){.pr-pricing-container{margin:8px;padding:12px}.pr-pricing-container h2{font-size:20px}.pricing-card{padding:16px}.pricing-card h3{font-size:16px}.price{font-size:20px}.calculator-section h3{font-size:18px}.input-group input{padding:12px 14px}.calculate-btn{padding:14px;font-size:15px}.price-result{padding:16px}.price-result h4{font-size:16px}.breakdown-row{font-size:14px}.booking-form{padding:20px}.booking-form h3{font-size:18px}.form-group input,.form-group textarea{padding:12px 14px}.hour-range{flex-direction:column;gap:8px}}@media (prefers-color-scheme: dark){.pr-pricing-container{background:#1a1a1a;box-shadow:0 4px 20px #0000004d}.pr-pricing-container h2{color:#fff}.pricing-card{background:#2d2d2d}.pricing-card h3{color:#fff}.pricing-card .description{color:#aaa}.price-detail{background:#363636}.min-max span{background:#404040;color:#ddd}.includes{color:#aaa;border-top-color:#404040}.calculator-section{background:#2d2d2d;border-color:#404040}.calculator-section h3{color:#fff}.input-group label{color:#ddd}.input-group input{background:#363636;border-color:#404040;color:#fff}.price-result{background:#2d2d2d;border-color:#404040}.price-result h4{color:#fff}.breakdown-row{color:#aaa;border-bottom-color:#404040}.breakdown-row.total{color:#fff;border-top-color:#666}.booking-form{background:#2d2d2d;border-color:#404040}.booking-form h3{color:#fff}.form-group label{color:#ddd}.form-group input,.form-group textarea,.form-group select{background:#363636;border-color:#404040;color:#fff}.empty-state{background:#2d2d2d}.empty-state h3{color:#ddd}}@media print{.pr-pricing-container{box-shadow:none;margin:0;padding:20px}.pricing-tabs,.calculate-btn,.booking-btn,.tab-btn{display:none}.pricing-card{break-inside:avoid;border:1px solid #ddd;box-shadow:none}.price{color:#000}}.pr-image-slider-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.pr-image-slider-container{background:#fff;border-radius:30px;max-width:1000px;width:95%;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 25px 60px #00000080}.slider-close-btn{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:20px;background:#00000080;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s}.slider-close-btn:hover{background:#ff2b85;transform:rotate(90deg)}.slider-header{padding:20px 30px;background:linear-gradient(135deg,#ff2b85,#ff6b35);color:#fff;display:flex;justify-content:space-between;align-items:center}.slider-header h3{margin:0;font-size:20px;font-weight:700}.image-counter{background:#fff3;padding:5px 15px;border-radius:30px;font-size:14px;font-weight:600}.slider-loading{padding:100px 20px;text-align:center}.slider-loading .spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top:4px solid #ff2b85;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.slider-content{display:flex;align-items:center;justify-content:center;gap:20px;padding:30px;background:#f8f9fa;min-height:400px}.slider-nav{width:50px;height:50px;border-radius:25px;background:#fff;border:none;box-shadow:0 4px 15px #0000001a;cursor:pointer;font-size:30px;display:flex;align-items:center;justify-content:center;transition:all .3s;color:#333;flex-shrink:0}.slider-nav:hover:not(:disabled){background:#ff2b85;color:#fff;transform:scale(1.1)}.slider-nav:disabled{opacity:.3;cursor:not-allowed}.slider-image-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:400px;max-height:60vh;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 4px 20px #0000001a}.slider-image{max-width:100%;max-height:60vh;object-fit:contain;border-radius:16px}.thumbnail-container{display:flex;gap:10px;padding:20px 30px;overflow-x:auto;background:#f8f9fa;border-top:1px solid #f0f0f0}@media (max-width: 768px){.pr-image-slider-container{width:100%;max-height:95vh}.slider-header{padding:15px 20px}.slider-header h3{font-size:16px}.image-counter{font-size:12px;padding:3px 10px}.slider-content{padding:15px;gap:10px;min-height:300px}.slider-nav{width:35px;height:35px;font-size:24px}.slider-image-container{min-height:300px;max-height:50vh}.thumbnail-item{width:50px;height:50px}.thumbnail-container{padding:15px 20px}}@media (max-width: 480px){.slider-content{flex-direction:column}.slider-nav{order:2}.slider-nav.prev{margin-right:auto}.slider-nav.next{margin-left:auto}}.slider-error,.slider-empty{padding:60px 20px;text-align:center;background:#f8f9fa;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.slider-error p{color:#dc3545;margin-bottom:20px;font-size:16px}.retry-btn{padding:10px 30px;background:#ff2b85;color:#fff;border:none;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff2b854d}.slider-empty p{color:#999;font-size:16px}.slider-nav.disabled{opacity:.3;cursor:not-allowed}.slider-nav.disabled:hover{background:#fff;color:#333;transform:none}.thumbnail-container{display:flex;gap:10px;padding:20px 30px;overflow-x:auto;background:#f8f9fa;border-top:1px solid #f0f0f0;min-height:90px}.thumbnail-item{width:70px;height:70px;border-radius:10px;overflow:hidden;cursor:pointer;opacity:.6;transition:all .3s;border:2px solid transparent;flex-shrink:0}.thumbnail-item:hover{opacity:.8;transform:translateY(-2px)}.thumbnail-item.active{opacity:1;border-color:#ff2b85;transform:scale(1.05)}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.thumbnail-container::-webkit-scrollbar{height:4px}.thumbnail-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}.thumbnail-container::-webkit-scrollbar-thumb{background:#ff2b85;border-radius:4px}.call-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.call-popup-container{border-radius:40px;max-width:420px;width:100%;box-shadow:0 30px 70px #0006;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.call-popup-content{padding:40px 32px;text-align:center;color:#fff;position:relative}.call-popup-icon{width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:60px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0003}.status-gif{width:80px;height:80px;object-fit:contain;border-radius:40px}.fallback-icon{font-size:60px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.call-popup-text h3{margin:0 0 12px;font-size:24px;font-weight:800;line-height:1.4;text-shadow:0 2px 4px rgba(0,0,0,.2)}.call-popup-text p{margin:0;font-size:16px;opacity:.95;line-height:1.5}.call-popup-progress{margin:30px 0 20px;height:6px;background:#fff3;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.progress-bar{height:100%;background:#ffffffe6;border-radius:3px;box-shadow:0 0 10px #ffffff80}.call-popup-actions{display:flex;justify-content:center;margin-top:10px}.cancel-call-btn{background:#ffffff26;border:2px solid rgba(255,255,255,.4);color:#fff;padding:14px 36px;border-radius:50px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:.5px}.cancel-call-btn:hover{background:#ffffff40;transform:translateY(-3px);box-shadow:0 15px 30px #0000004d;border-color:#fff9}.cancel-call-btn:active{transform:translateY(-1px)}.btn-icon{font-size:20px}.call-popup-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;animation:ripple 3s infinite}@keyframes ripple{0%{opacity:0;transform:scale(.5)}50%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width: 480px){.call-popup-container{max-width:90%}.call-popup-content{padding:30px 20px}.call-popup-icon{width:100px;height:100px}.status-gif{width:70px;height:70px}.fallback-icon{font-size:50px}.call-popup-text h3{font-size:20px}.call-popup-text p{font-size:14px}.cancel-call-btn{padding:12px 28px;font-size:15px}}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.call-popup-container{animation:floatIn .4s cubic-bezier(.175,.885,.32,1.275)}.call-popup-icon{width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:60px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0003;overflow:hidden}.status-gif{width:100px;height:100px;object-fit:cover;border-radius:50px}.fallback-icon{font-size:60px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3));animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.gif-loading{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 480px){.call-popup-icon{width:100px;height:100px}.status-gif{width:80px;height:80px}.fallback-icon{font-size:50px}}:root{--gold: #f5c842;--gold-soft: rgba(245,200,66,.13);--gold-glow: rgba(245,200,66,.33);--pink: #ff6b9d;--pink-soft: rgba(255,107,157,.12);--blue: #4fc3f7;--blue-soft: rgba(79,195,247,.12);--green: #4cde8a;--red: #ff5c7a;--surface: #151520;--surface-2: #1e1e2e;--surface-3: #262640;--border: rgba(255,255,255,.07);--border-gold: rgba(245,200,66,.25);--text-1: #f0eeff;--text-2: #9898b8;--text-3: #5f5f80;--radius-card: 18px;--radius-btn: 13px;--shadow-card: 0 8px 32px rgba(0,0,0,.45);--font: "Noto Sans Lao", "Phetsarath OT", sans-serif;--ease: cubic-bezier(.25, .46, .45, .94);--header-row1-h: 52px;--header-row2-h: 48px;--header-h: calc(var(--header-row1-h) + var(--header-row2-h))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.prl-root{font-family:var(--font);background:var(--surface);color:var(--text-1);height:100dvh;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;contain:layout style}.prl-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(72px);opacity:.11;will-change:transform;transform:translateZ(0);animation:blobFloat 16s ease-in-out infinite alternate}.blob-1{width:480px;height:480px;background:radial-gradient(circle,#f5c842,transparent 70%);top:-160px;left:-140px;animation-delay:0s}.blob-2{width:400px;height:400px;background:radial-gradient(circle,#ff6b9d,transparent 70%);bottom:-110px;right:-90px;animation-delay:-6s}.blob-3{width:280px;height:280px;background:radial-gradient(circle,#4fc3f7,transparent 70%);top:40%;left:50%;transform:translate(-50%,-50%) translateZ(0);animation-delay:-11s}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(28px,18px) scale(1.07)}}.blob-3{animation-name:blobFloat3}@keyframes blobFloat3{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(calc(-50% + 20px),calc(-50% + 14px)) scale(1.06)}}.prl-header{position:relative;z-index:20;flex-shrink:0;display:flex;flex-direction:column;background:#151520eb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);min-height:var(--header-h)}.prl-header-row1{display:flex;align-items:center;gap:10px;padding:0 16px;height:var(--header-row1-h);min-height:var(--header-row1-h);overflow:hidden}.prl-back-btn{display:flex;align-items:center;gap:5px;font-family:var(--font);font-size:.82rem;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);padding:6px 12px;border-radius:50px;cursor:pointer;transition:color .18s,border-color .18s,transform .18s;white-space:nowrap;flex-shrink:0;line-height:1}.prl-back-btn:hover{color:var(--text-1);border-color:#ffffff26}.prl-title-group{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;flex-shrink:1}.prl-title{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:700;background:linear-gradient(135deg,var(--gold),#ffeea0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;line-height:1}.prl-table-chip{flex-shrink:0;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:50px;background:var(--gold-soft);border:1px solid var(--border-gold);color:var(--gold);white-space:nowrap;line-height:1.4}.prl-header-spacer{flex:1;min-width:4px}.prl-loc-pill{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:50px;font-size:.72rem;font-weight:600;border:1px solid transparent;white-space:nowrap;flex-shrink:0;max-width:160px;overflow:hidden;line-height:1}.prl-loc-pill .loc-pill-icon{font-size:.85rem;flex-shrink:0}.prl-loc-pill .loc-pill-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.prl-loc-pill.within{background:#4cde8a1a;color:var(--green);border-color:#4cde8a40}.prl-loc-pill.outside{background:#ff5c7a1f;color:var(--red);border-color:#ff5c7a4d}.prl-loc-pill.loading{background:#4fc3f717;color:var(--blue);border-color:#4fc3f733}.prl-loc-pill.error{background:#f5c84217;color:var(--gold);border-color:var(--border-gold)}.prl-loc-pill.ip-mode{background:var(--surface-3);color:var(--text-2);border-color:var(--border)}.loc-retry-sm{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:inherit;width:18px;height:18px;border-radius:50%;font-size:.72rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .15s}.loc-retry-sm:hover{background:#ffffff38;transform:rotate(180deg)}.prl-live-dot{display:flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;flex-shrink:0;line-height:1}.prl-live-dot.online{color:var(--green)}.prl-live-dot.offline{color:var(--red)}.live-pulse{width:7px;height:7px;border-radius:50%;background:currentColor;display:block;flex-shrink:0}.prl-live-dot.online .live-pulse{animation:livePulse 1.8s infinite}@keyframes livePulse{0%{box-shadow:0 0 #4cde8ab3}70%{box-shadow:0 0 0 7px #4cde8a00}to{box-shadow:0 0 #4cde8a00}}.prl-header-row2{display:flex;align-items:center;gap:8px;padding:0 16px;height:var(--header-row2-h);min-height:var(--header-row2-h);border-top:1px solid var(--border);overflow:hidden}.prl-filter-group{display:flex;align-items:center;gap:6px;flex-shrink:0}.prl-filter-btn{display:flex;align-items:center;gap:5px;font-family:var(--font);font-size:.8rem;font-weight:600;padding:5px 14px;border-radius:50px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,box-shadow .18s;will-change:transform;line-height:1}.prl-filter-btn.active{background:var(--gold);color:#111;border-color:var(--gold);box-shadow:0 3px 14px #f5c84259}.prl-filter-btn.active.male{background:var(--blue);border-color:var(--blue);box-shadow:0 3px 14px #4fc3f74d}.prl-filter-btn.active.female{background:var(--pink);border-color:var(--pink);box-shadow:0 3px 14px #ff6b9d4d}.prl-header-meta{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}.prl-count-badge{font-size:.75rem;font-weight:700;color:var(--text-2);white-space:nowrap}.prl-update-time{display:flex;align-items:center;gap:4px;font-size:.68rem;color:var(--text-3);white-space:nowrap}.prl-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 14px 40px;position:relative;z-index:5;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}.prl-scroll::-webkit-scrollbar{width:4px}.prl-scroll::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}.prl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;perspective:800px}.prl-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:280px;color:var(--text-2)}.prl-spinner{width:38px;height:38px;border:3px solid var(--surface-3);border-top-color:var(--gold);border-radius:50%;animation:spin .75s linear infinite}.prl-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card);overflow:visible;display:flex;flex-direction:column;position:relative;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:border-color .25s,box-shadow .25s}.prl-card:not(.unavailable):not(.blocked):hover{border-color:var(--border-gold);box-shadow:var(--shadow-card),0 0 28px var(--gold-glow)}.prl-card.unavailable{opacity:.52;filter:grayscale(.35)}.prl-card.blocked{opacity:.6}@keyframes statusFlash{0%,to{box-shadow:0 0 #f5c84200}40%{box-shadow:0 0 0 4px #f5c84266}}.prl-card.status-changed{animation:statusFlash .85s ease}.prl-img-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;cursor:pointer;background:var(--surface-3);border-radius:var(--radius-card) var(--radius-card) 0 0}.prl-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .38s var(--ease);will-change:transform}.prl-card:hover .prl-img{transform:scale(1.05)}.prl-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.8rem;background:linear-gradient(135deg,var(--surface-3),var(--surface-2))}.prl-status-badge{position:absolute;top:9px;right:9px;display:flex;align-items:center;gap:5px;font-size:.7rem;font-weight:700;padding:4px 9px;border-radius:50px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2}.prl-status-badge.avail{background:#101a12cc;color:var(--green);border:1px solid rgba(76,222,138,.3)}.prl-status-badge.busy{background:#1a0e0ecc;color:var(--red);border:1px solid rgba(255,92,122,.3)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:block;flex-shrink:0}.prl-status-badge.avail .status-dot{animation:livePulse 1.8s infinite}.prl-gender-badge{position:absolute;bottom:9px;left:9px;font-size:.88rem;font-weight:700;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2}.prl-gender-badge.male{background:#4fc3f72e;color:var(--blue);border:1px solid rgba(79,195,247,.3)}.prl-gender-badge.female{background:#ff6b9d2e;color:var(--pink);border:1px solid rgba(255,107,157,.3)}.prl-gallery-btn{position:absolute;bottom:9px;right:9px;width:26px;height:26px;background:#0000007a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;border:1px solid rgba(255,255,255,.1);transition:background .18s,color .18s,transform .18s;z-index:2}.prl-img-wrap:hover .prl-gallery-btn{background:#f5c84233;color:var(--gold);transform:scale(1.1)}.prl-busy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000085;display:flex;align-items:center;justify-content:center;z-index:3}.prl-busy-overlay span{font-size:1rem;font-weight:700;color:var(--red);background:#ff5c7a24;border:1px solid rgba(255,92,122,.35);padding:7px 20px;border-radius:50px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.prl-info{padding:12px 14px 8px;display:flex;flex-direction:column;gap:7px;flex:1}.prl-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.prl-name{font-size:.96rem;font-weight:700;color:var(--text-1);line-height:1.2}.prl-code{font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:50px;background:var(--gold-soft);color:var(--gold);border:1px solid var(--border-gold)}.prl-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.prl-nick{font-size:.78rem;color:var(--pink);font-weight:600}.prl-pos{font-size:.72rem;color:var(--text-3);background:var(--surface-3);padding:2px 9px;border-radius:50px}.prl-socials{display:flex;gap:7px;flex-wrap:wrap}.prl-social-btn{width:28px;height:28px;border-radius:7px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--surface-3);border:1px solid var(--border);transition:transform .18s,border-color .18s}.prl-social-btn:hover{transform:scale(1.14);border-color:#fff3}.prl-social-btn img{width:17px;height:17px;object-fit:contain}.prl-shift{display:flex;align-items:center;gap:5px;font-size:.74rem;color:var(--text-3)}.prl-cta{font-family:var(--font);font-size:.88rem;font-weight:700;margin:0 14px 14px;padding:11px;border-radius:var(--radius-btn);border:none;cursor:pointer;background:linear-gradient(135deg,var(--gold),#e8b830);color:#111;box-shadow:0 4px 18px #f5c84259;transition:box-shadow .22s,opacity .18s;display:flex;align-items:center;justify-content:center;gap:7px;will-change:transform;line-height:1}.prl-cta:not(.disabled):hover{box-shadow:0 6px 26px #f5c84285}.prl-cta.disabled{background:var(--surface-3);color:var(--text-3);box-shadow:none;cursor:not-allowed}.prl-cta.calling{background:var(--surface-3);color:var(--blue);cursor:default;box-shadow:none}.cta-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:spin .65s linear infinite;display:inline-block;flex-shrink:0}.prl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a12b8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;will-change:opacity}.prl-modal{background:var(--surface-2);border:1px solid var(--border-gold);border-radius:22px;width:100%;max-width:440px;padding:26px 22px 22px;position:relative;box-shadow:var(--shadow-card),0 0 50px #f5c8421a;overflow:visible;will-change:transform,opacity}.prl-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border);background:var(--surface-3);color:var(--text-2);cursor:pointer;transition:background .18s,color .18s,transform .25s}.prl-modal-close:hover{background:var(--red);color:#fff;border-color:var(--red);transform:rotate(90deg)}.prl-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.prl-modal-avatar{width:56px;height:56px;border-radius:14px;overflow:hidden;border:2px solid var(--border-gold);flex-shrink:0}.prl-modal-avatar img{width:100%;height:100%;object-fit:cover}.modal-avatar-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;background:var(--surface-3)}.prl-modal-head h3{font-size:1.02rem;font-weight:700;color:var(--text-1)}.prl-modal-head p{font-size:.8rem;color:var(--text-2);margin-top:2px}.prl-modal-desc{font-size:.85rem;color:var(--text-2);margin-bottom:16px;line-height:1.55}.prl-modal-desc strong{color:var(--gold)}.prl-form{display:flex;flex-direction:column;gap:10px}.prl-form-group{display:flex;flex-direction:column;gap:4px}.prl-form-group label{font-size:.78rem;font-weight:600;color:var(--text-2);display:flex;align-items:center;gap:4px}.req{color:var(--pink)}.opt{color:var(--text-3);font-weight:400}.prl-form-group input,.prl-form-group textarea{font-family:var(--font);font-size:.88rem;color:var(--text-1);background:var(--surface-3);border:1px solid var(--border);border-radius:11px;padding:9px 12px;outline:none;transition:border-color .18s,box-shadow .18s;resize:none}.prl-form-group input:focus,.prl-form-group textarea:focus{border-color:var(--border-gold);box-shadow:0 0 0 3px #f5c84217}.prl-error{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:10px;background:#ff5c7a12;border:1px solid rgba(255,92,122,.22);font-size:.8rem;color:var(--red)}.prl-error button{font-family:var(--font);font-size:.76rem;font-weight:700;color:var(--red);background:#ff5c7a1a;border:1px solid rgba(255,92,122,.28);padding:3px 10px;border-radius:50px;cursor:pointer;white-space:nowrap;transition:background .18s}.prl-error button:hover{background:#ff5c7a38}.prl-modal-actions{display:flex;gap:9px;margin-top:18px}.prl-btn-cancel{flex:1;font-family:var(--font);font-size:.87rem;font-weight:600;padding:11px;border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--surface-3);color:var(--text-2);cursor:pointer;transition:border-color .18s,color .18s}.prl-btn-cancel:hover{border-color:#fff3;color:var(--text-1)}.prl-btn-confirm{flex:2;font-family:var(--font);font-size:.87rem;font-weight:700;padding:11px;border-radius:var(--radius-btn);border:none;background:linear-gradient(135deg,var(--gold),#e8b830);color:#111;cursor:pointer;box-shadow:0 4px 16px #f5c84259;display:flex;align-items:center;justify-content:center;gap:7px;transition:box-shadow .18s;will-change:transform}.prl-btn-confirm:disabled{opacity:.58;cursor:not-allowed}.prl-btn-confirm:not(:disabled):hover{box-shadow:0 6px 24px #f5c84280}.prl-success-card{background:var(--surface-2);border:1px solid var(--border-gold);border-radius:26px;max-width:340px;width:100%;padding:34px 26px 26px;text-align:center;box-shadow:var(--shadow-card),0 0 70px #f5c8421f;display:flex;flex-direction:column;align-items:center;gap:10px;will-change:transform,opacity}.success-checkmark{width:68px;height:68px}.success-checkmark svg{width:100%;height:100%}.success-checkmark circle{stroke:var(--green);stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:strokeIn .55s ease-out forwards}.success-checkmark path{stroke:var(--green);stroke-width:2.5;stroke-dasharray:48;stroke-dashoffset:48;animation:strokeIn .45s .48s ease-out forwards}@keyframes strokeIn{to{stroke-dashoffset:0}}.prl-success-card h3{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--green),#a0f0c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.prl-success-card p{font-size:.86rem;color:var(--text-2);line-height:1.7}.prl-success-card strong{color:var(--gold);-webkit-text-fill-color:var(--gold)}.success-pr-tag{display:flex;align-items:center;gap:7px;padding:7px 16px;border-radius:50px;background:var(--gold-soft);border:1px solid var(--border-gold);font-size:.83rem;font-weight:700;color:var(--gold)}.success-nick{color:var(--text-2);font-weight:400}.prl-btn-ok{font-family:var(--font);font-size:.93rem;font-weight:700;padding:11px 38px;border-radius:var(--radius-btn);border:none;background:linear-gradient(135deg,var(--green),#30c878);color:#0d2a1a;cursor:pointer;box-shadow:0 4px 18px #4cde8a59;margin-top:4px;transition:box-shadow .18s;will-change:transform}.prl-btn-ok:hover{box-shadow:0 6px 26px #4cde8a80}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.blob,.live-pulse{animation:none}}@media (max-width: 379px){.prl-header-row1{gap:6px;padding:0 10px}.prl-header-row2{gap:5px;padding:0 10px}.back-label{display:none}.prl-back-btn{padding:6px 8px}.prl-title{font-size:.95rem}.prl-table-chip{font-size:.68rem;padding:2px 7px}.prl-loc-pill{max-width:110px;font-size:.68rem;padding:3px 7px}.prl-loc-pill .loc-pill-text{max-width:60px}.prl-filter-btn{font-size:.75rem;padding:4px 10px}.prl-grid{grid-template-columns:1fr;gap:12px}.prl-scroll{padding:12px 10px 32px}}@media (min-width: 380px) and (max-width: 599px){.prl-grid{grid-template-columns:1fr;gap:13px}.prl-scroll{padding:14px 12px 36px}}@media (min-width: 600px){.prl-header-row1,.prl-header-row2{padding:0 24px}.prl-scroll{padding:20px 20px 40px}.prl-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.prl-loc-pill{max-width:180px}.prl-loc-pill .loc-pill-text{max-width:120px}}@media (min-width: 900px){.prl-header-row1,.prl-header-row2{padding:0 36px}.prl-scroll{padding:24px 36px 44px}.prl-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.prl-title{font-size:1.3rem}}@media (min-width: 1280px){.prl-header-row1,.prl-header-row2{padding:0 56px}.prl-scroll{padding:28px 56px 48px}.prl-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}}:root{--mini-bg: rgba(255, 255, 255, .95);--mini-bg-secondary: rgba(255, 255, 255, .8);--mini-border: rgba(0, 0, 0, .05);--mini-shadow: 0 4px 12px rgba(0, 0, 0, .06);--mini-shadow-hover: 0 8px 20px rgba(0, 0, 0, .1);--mini-text-primary: #1d1d1f;--mini-text-secondary: #86868b;--mini-text-tertiary: #6e6e73;--mini-accent-blue: #007aff;--mini-accent-green: #34c759;--mini-accent-red: #ff3b30;--mini-accent-orange: #ff9500;--progress-normal: #34c759;--progress-warning: #ff9500;--progress-urgent: #ff3b30;--mini-radius: 10px;--mini-spacing: 8px}@media (prefers-color-scheme: dark){:root{--mini-bg: rgba(40, 40, 40, .95);--mini-bg-secondary: rgba(50, 50, 50, .8);--mini-border: rgba(255, 255, 255, .05);--mini-shadow: 0 4px 12px rgba(0, 0, 0, .2);--mini-shadow-hover: 0 8px 20px rgba(0, 0, 0, .25);--mini-text-primary: #f5f5f7;--mini-text-secondary: #a1a1a6;--mini-text-tertiary: #86868b}}.mini-notification{position:relative;background:var(--mini-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--mini-radius);margin-bottom:6px;overflow:hidden;box-shadow:var(--mini-shadow);border:.5px solid var(--mini-border);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;transition:all .2s ease}.mini-notification:hover{box-shadow:var(--mini-shadow-hover);transform:translateY(-1px)}.mini-notification.expanded{background:var(--mini-bg-secondary)}.mini-progress-container{position:absolute;top:0;left:0;right:0;height:2px;overflow:hidden}.mini-progress-fill{height:100%;transition:width 1s linear;border-radius:0 2px 2px 0}.mini-notification-content{display:flex;align-items:center;padding:10px;gap:10px;position:relative;z-index:1}.mini-image-container{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;position:relative;background:#f0f0f0;box-shadow:0 2px 6px #0000001a}.mini-image{width:100%;height:100%;object-fit:cover}.mini-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#667eea,#764ba2)}.loading-spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mini-info{flex:1;cursor:pointer;min-width:0}.mini-title-row{display:flex;align-items:center;gap:6px;margin-bottom:2px}.mini-table-badge{background:var(--mini-accent-blue);color:#fff;padding:2px 6px;border-radius:20px;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.mini-customer-name{font-size:13px;font-weight:600;color:var(--mini-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-subtitle-row{display:flex;align-items:center;gap:8px;font-size:11px}.mini-pr-name{color:var(--mini-text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.mini-time{display:flex;align-items:center;gap:2px;color:var(--mini-text-secondary);background:var(--mini-bg-secondary);padding:2px 6px;border-radius:30px;border:.5px solid var(--mini-border);white-space:nowrap}.mini-time-icon{font-size:10px}.mini-time-text{font-family:SF Mono,monospace;font-weight:600;font-size:10px}.mini-time-text.urgent{color:var(--mini-accent-red);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.mini-expanded{margin-top:8px;padding-top:8px;border-top:.5px solid var(--mini-border)}.mini-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-detail-item{display:flex;flex-direction:column;gap:2px}.mini-detail-item.mini-note{grid-column:span 2;background:var(--mini-bg-secondary);padding:6px;border-radius:6px}.mini-detail-label{font-size:8px;font-weight:600;color:var(--mini-text-tertiary);text-transform:uppercase;letter-spacing:.2px}.mini-detail-value{font-size:11px;font-weight:500;color:var(--mini-text-primary);word-break:break-word}.mini-phone{color:var(--mini-accent-blue);text-decoration:none}.mini-phone:hover{text-decoration:underline}.mini-actions{display:flex;flex-direction:column;gap:6px;align-items:center;flex-shrink:0}.mini-action{width:32px;height:32px;border-radius:8px;border:none;background:var(--mini-bg-secondary);color:var(--mini-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border:.5px solid var(--mini-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;overflow:hidden}.mini-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.mini-action:hover:before{width:60px;height:60px}.mini-action svg{position:relative;z-index:1}.mini-action.dismiss:hover{background:var(--mini-accent-red);color:#fff;border-color:transparent}.mini-action.accept:hover{background:var(--mini-accent-green);color:#fff;border-color:transparent}.mini-expand{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--mini-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mini-expand:hover{background:var(--mini-bg-secondary);color:var(--mini-text-primary)}.timer-warning{padding:6px 12px;background:#f443361a;color:#f44336;font-size:11px;font-weight:600;text-align:center;border-top:1px solid rgba(244,67,54,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mini-hover-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none;z-index:0}@media (max-width: 768px){.mini-notification-content{padding:8px;gap:8px}.mini-image-container{width:36px;height:36px}.mini-image-placeholder{font-size:16px}.mini-customer-name{font-size:12px}.mini-pr-name{max-width:80px}.mini-action{width:28px;height:28px}.mini-action svg{width:16px;height:16px}.mini-expand{width:24px;height:24px}.mini-expand svg{width:14px;height:14px}.loading-spinner-small{width:18px;height:18px}}@media (prefers-color-scheme: dark){.mini-image-container{background:#363636}.timer-warning{background:#f4433633;border-top-color:#404040}}@keyframes slideIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.mini-notification{animation:slideIn .3s cubic-bezier(.2,.9,.3,1)}.mini-manager-container{position:fixed;top:80px;right:20px;width:360px;max-width:calc(100% - 40px);z-index:1100;pointer-events:none;display:flex;flex-direction:column}.mini-manager-header{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;padding:10px 16px;border-radius:12px 12px 0 0;display:flex;align-items:center;gap:10px;pointer-events:auto;font-size:14px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 10px #0000001a}.mini-header-title{flex:1}.mini-header-count{background:#fff3;padding:2px 10px;border-radius:30px;font-size:12px}.mini-header-minimize{background:none;border:none;color:#fff;cursor:pointer;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.mini-header-minimize:hover{background:#fff3}.mini-manager-list{max-height:calc(100vh - 150px);overflow-y:auto;padding:8px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 12px 12px;box-shadow:0 10px 30px #00000026;pointer-events:auto;border:1px solid rgba(0,0,0,.05);border-top:none}.mini-manager-list::-webkit-scrollbar{width:4px}.mini-manager-list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.mini-manager-list::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.mini-badge-container{position:fixed;bottom:20px;right:20px;z-index:1100;cursor:pointer;pointer-events:auto}.mini-badge-ring{width:56px;height:56px;border-radius:28px;background:linear-gradient(135deg,#007aff,#5856d6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #007aff4d;position:relative;border:2px solid white}.mini-badge-icon{font-size:24px;color:#fff}.mini-badge-count{position:absolute;top:-2px;right:-2px;background:#ff3b30;color:#fff;font-size:12px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid white;padding:0 4px}@media (prefers-color-scheme: dark){.mini-manager-list{background:#282828f2;border-color:#ffffff0d}.mini-manager-header{background:linear-gradient(135deg,#1e3a8a,#4c1d95)}}@media (max-width: 768px){.mini-manager-container{top:60px;right:10px;left:10px;width:auto}.mini-badge-container{bottom:16px;right:16px}.mini-badge-ring{width:48px;height:48px}.mini-badge-icon{font-size:20px}}@tailwind base;@tailwind components;@tailwind utilities;:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;width:100vw;height:100vh;background-color:#242424;color:#fff;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{@apply bg-gray-900 text-white flex items-center justify-center min-h-screen;}:root{@apply font-sans text-gray-200 bg-gray-900;}a{@apply text-blue-400 font-medium hover:text-blue-300;}button{@apply rounded-lg border border-transparent px-4 py-2 text-lg font-medium bg-gray-700 hover:bg-gray-600 transition duration-300;}.spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.splash-container{width:100vw;height:100vh;overflow:hidden;position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);color:#fff;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.splash-background{position:absolute;width:100%;height:100%;overflow:hidden}.floating-shapes{position:absolute;width:100%;height:100%}.floating-shape{position:absolute;opacity:.3}.splash-content{position:relative;z-index:10;width:90%;max-width:800px;text-align:center;padding:40px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #0000004d}.logo-section{margin-bottom:60px}.logo-circle{width:150px;height:150px;margin:0 auto 30px;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 30px #667eea66}.logo-inner{width:120px;height:120px;background:#ffffff1a;border-radius:50%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo-icon{font-size:60px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.app-title{font-size:42px;font-weight:700;margin-bottom:10px;background:linear-gradient(to right,#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 5px 15px rgba(0,114,255,.2)}.app-subtitle{font-size:18px;opacity:.8;letter-spacing:2px}.loading-section{margin:40px 0}.loading-tip{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:40px;min-height:40px}.tip-icon{font-size:24px;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.tip-text{font-size:18px;font-weight:500;color:#a0e7ff}.progress-container{width:100%;height:6px;background:#ffffff1a;border-radius:3px;margin-bottom:20px;overflow:hidden;position:relative}.progress-bar{height:100%;background:linear-gradient(to right,#00c6ff,#0072ff);border-radius:3px;position:relative;transition:width .3s ease}.progress-bar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4));animation:shine 1.5s infinite}@keyframes shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{position:absolute;right:0;top:-25px;font-size:14px;font-weight:600;color:#00c6ff}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:30px}.loading-dot{width:12px;height:12px;background:linear-gradient(to right,#00c6ff,#0072ff);border-radius:50%}.splash-footer{margin-top:60px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.version-info{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:15px;opacity:.7;font-size:14px}.separator{opacity:.5}.tech-stack{display:flex;justify-content:center;gap:20px}.tech-item{padding:6px 15px;background:#ffffff1a;border-radius:20px;font-size:12px;font-weight:500;letter-spacing:1px;transition:all .3s ease}.tech-item:hover{background:#fff3;transform:translateY(-2px)}.completion-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a192ff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100}.completion-check{width:100px;height:100px;background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:50px;font-weight:700;margin-bottom:30px;box-shadow:0 10px 30px #4caf5066}.completion-text{font-size:28px;font-weight:600;color:#4caf50;text-align:center}.skip-button{position:absolute;top:20px;right:20px;padding:10px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:20px;cursor:pointer;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:100}.skip-button:hover{background:#fff3;border-color:#ffffff4d}.error-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;text-align:center;padding:20px}.error-content{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:20px;border:1px solid rgba(255,255,255,.1);max-width:500px}.error-icon{font-size:60px;margin-bottom:20px;animation:bounce 1s infinite}.error-title{color:#f44336;font-size:24px;margin-bottom:15px}.error-message{margin-bottom:25px;opacity:.9}.home-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.home-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.auth-loading-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);flex-direction:column}.auth-loading-text{margin-top:20px;font-size:18px;color:#a0e7ff;animation:fadeInOut 2s infinite}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.splash-content{width:95%;padding:30px 15px}.logo-circle{width:120px;height:120px}.logo-inner{width:90px;height:90px}.logo-icon{font-size:45px}.app-title{font-size:32px}.app-subtitle,.tip-text{font-size:16px}.completion-check{width:80px;height:80px;font-size:40px}.completion-text{font-size:22px}}@media (max-width: 480px){.splash-content{padding:20px 10px}.logo-circle{width:100px;height:100px;margin-bottom:20px}.logo-inner{width:80px;height:80px}.logo-icon{font-size:40px}.app-title{font-size:24px}.loading-tip{flex-direction:column;gap:10px}.error-content{padding:20px}.error-icon{font-size:40px}.error-title{font-size:20px}}.flex-center{display:flex;justify-content:center;align-items:center}.flex-col-center{display:flex;flex-direction:column;justify-content:center;align-items:center}.text-gradient{background:linear-gradient(to right,#00c6ff,#0072ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-glow{text-shadow:0 0 10px rgba(0,114,255,.5)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.float-animation{animation:float 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer-effect{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:1000px 100%;animation:shimmer 2s infinite}.glass-effect{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#00c6ff,#0072ff);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#0072ff,#0052cc)}/*!
* Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2024 Fonticons, Inc.
*/.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-brands:before,.fa-regular:before,.fa-solid:before,.fa:before,.fab:before,.far:before,.fas:before{content:var(--fa)}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{animation-name:fa-beat;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{animation-name:fa-bounce;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{animation-name:fa-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{animation-name:fa-beat-fade;animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{animation-name:fa-flip;animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{animation-name:fa-shake;animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{animation-delay:var(--fa-animation-delay,0s);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{animation-name:fa-spin;animation-duration:var(--fa-animation-duration,2s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{animation-name:fa-spin;animation-direction:var(--fa-animation-direction,normal);animation-duration:var(--fa-animation-duration,1s);animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-beat{0%,90%{transform:scale(1)}45%{transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);transform:scale(1)}50%{opacity:1;transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-flip{50%{transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-shake{0%{transform:rotate(-15deg)}4%{transform:rotate(15deg)}8%,24%{transform:rotate(-18deg)}12%,28%{transform:rotate(18deg)}16%{transform:rotate(-22deg)}20%{transform:rotate(22deg)}32%{transform:rotate(-12deg)}36%{transform:rotate(12deg)}40%,to{transform:rotate(0)}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fa-rotate-90{transform:rotate(90deg)}.fa-rotate-180{transform:rotate(180deg)}.fa-rotate-270{transform:rotate(270deg)}.fa-flip-horizontal{transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}.fa-rotate-by{transform:rotate(var(--fa-rotate-angle,0))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}.fa-0{--fa:"0"}.fa-1{--fa:"1"}.fa-2{--fa:"2"}.fa-3{--fa:"3"}.fa-4{--fa:"4"}.fa-5{--fa:"5"}.fa-6{--fa:"6"}.fa-7{--fa:"7"}.fa-8{--fa:"8"}.fa-9{--fa:"9"}.fa-fill-drip{--fa:""}.fa-arrows-to-circle{--fa:""}.fa-chevron-circle-right,.fa-circle-chevron-right{--fa:""}.fa-at{--fa:"@"}.fa-trash-alt,.fa-trash-can{--fa:""}.fa-text-height{--fa:""}.fa-user-times,.fa-user-xmark{--fa:""}.fa-stethoscope{--fa:""}.fa-comment-alt,.fa-message{--fa:""}.fa-info{--fa:""}.fa-compress-alt,.fa-down-left-and-up-right-to-center{--fa:""}.fa-explosion{--fa:""}.fa-file-alt,.fa-file-lines,.fa-file-text{--fa:""}.fa-wave-square{--fa:""}.fa-ring{--fa:""}.fa-building-un{--fa:""}.fa-dice-three{--fa:""}.fa-calendar-alt,.fa-calendar-days{--fa:""}.fa-anchor-circle-check{--fa:""}.fa-building-circle-arrow-right{--fa:""}.fa-volleyball,.fa-volleyball-ball{--fa:""}.fa-arrows-up-to-line{--fa:""}.fa-sort-desc,.fa-sort-down{--fa:""}.fa-circle-minus,.fa-minus-circle{--fa:""}.fa-door-open{--fa:""}.fa-right-from-bracket,.fa-sign-out-alt{--fa:""}.fa-atom{--fa:""}.fa-soap{--fa:""}.fa-heart-music-camera-bolt,.fa-icons{--fa:""}.fa-microphone-alt-slash,.fa-microphone-lines-slash{--fa:""}.fa-bridge-circle-check{--fa:""}.fa-pump-medical{--fa:""}.fa-fingerprint{--fa:""}.fa-hand-point-right{--fa:""}.fa-magnifying-glass-location,.fa-search-location{--fa:""}.fa-forward-step,.fa-step-forward{--fa:""}.fa-face-smile-beam,.fa-smile-beam{--fa:""}.fa-flag-checkered{--fa:""}.fa-football,.fa-football-ball{--fa:""}.fa-school-circle-exclamation{--fa:""}.fa-crop{--fa:""}.fa-angle-double-down,.fa-angles-down{--fa:""}.fa-users-rectangle{--fa:""}.fa-people-roof{--fa:""}.fa-people-line{--fa:""}.fa-beer,.fa-beer-mug-empty{--fa:""}.fa-diagram-predecessor{--fa:""}.fa-arrow-up-long,.fa-long-arrow-up{--fa:""}.fa-burn,.fa-fire-flame-simple{--fa:""}.fa-male,.fa-person{--fa:""}.fa-laptop{--fa:""}.fa-file-csv{--fa:""}.fa-menorah{--fa:""}.fa-truck-plane{--fa:""}.fa-record-vinyl{--fa:""}.fa-face-grin-stars,.fa-grin-stars{--fa:""}.fa-bong{--fa:""}.fa-pastafarianism,.fa-spaghetti-monster-flying{--fa:""}.fa-arrow-down-up-across-line{--fa:""}.fa-spoon,.fa-utensil-spoon{--fa:""}.fa-jar-wheat{--fa:""}.fa-envelopes-bulk,.fa-mail-bulk{--fa:""}.fa-file-circle-exclamation{--fa:""}.fa-circle-h,.fa-hospital-symbol{--fa:""}.fa-pager{--fa:""}.fa-address-book,.fa-contact-book{--fa:""}.fa-strikethrough{--fa:""}.fa-k{--fa:"K"}.fa-landmark-flag{--fa:""}.fa-pencil,.fa-pencil-alt{--fa:""}.fa-backward{--fa:""}.fa-caret-right{--fa:""}.fa-comments{--fa:""}.fa-file-clipboard,.fa-paste{--fa:""}.fa-code-pull-request{--fa:""}.fa-clipboard-list{--fa:""}.fa-truck-loading,.fa-truck-ramp-box{--fa:""}.fa-user-check{--fa:""}.fa-vial-virus{--fa:""}.fa-sheet-plastic{--fa:""}.fa-blog{--fa:""}.fa-user-ninja{--fa:""}.fa-person-arrow-up-from-line{--fa:""}.fa-scroll-torah,.fa-torah{--fa:""}.fa-broom-ball,.fa-quidditch,.fa-quidditch-broom-ball{--fa:""}.fa-toggle-off{--fa:""}.fa-archive,.fa-box-archive{--fa:""}.fa-person-drowning{--fa:""}.fa-arrow-down-9-1,.fa-sort-numeric-desc,.fa-sort-numeric-down-alt{--fa:""}.fa-face-grin-tongue-squint,.fa-grin-tongue-squint{--fa:""}.fa-spray-can{--fa:""}.fa-truck-monster{--fa:""}.fa-w{--fa:"W"}.fa-earth-africa,.fa-globe-africa{--fa:""}.fa-rainbow{--fa:""}.fa-circle-notch{--fa:""}.fa-tablet-alt,.fa-tablet-screen-button{--fa:""}.fa-paw{--fa:""}.fa-cloud{--fa:""}.fa-trowel-bricks{--fa:""}.fa-face-flushed,.fa-flushed{--fa:""}.fa-hospital-user{--fa:""}.fa-tent-arrow-left-right{--fa:""}.fa-gavel,.fa-legal{--fa:""}.fa-binoculars{--fa:""}.fa-microphone-slash{--fa:""}.fa-box-tissue{--fa:""}.fa-motorcycle{--fa:""}.fa-bell-concierge,.fa-concierge-bell{--fa:""}.fa-pen-ruler,.fa-pencil-ruler{--fa:""}.fa-people-arrows,.fa-people-arrows-left-right{--fa:""}.fa-mars-and-venus-burst{--fa:""}.fa-caret-square-right,.fa-square-caret-right{--fa:""}.fa-cut,.fa-scissors{--fa:""}.fa-sun-plant-wilt{--fa:""}.fa-toilets-portable{--fa:""}.fa-hockey-puck{--fa:""}.fa-table{--fa:""}.fa-magnifying-glass-arrow-right{--fa:""}.fa-digital-tachograph,.fa-tachograph-digital{--fa:""}.fa-users-slash{--fa:""}.fa-clover{--fa:""}.fa-mail-reply,.fa-reply{--fa:""}.fa-star-and-crescent{--fa:""}.fa-house-fire{--fa:""}.fa-minus-square,.fa-square-minus{--fa:""}.fa-helicopter{--fa:""}.fa-compass{--fa:""}.fa-caret-square-down,.fa-square-caret-down{--fa:""}.fa-file-circle-question{--fa:""}.fa-laptop-code{--fa:""}.fa-swatchbook{--fa:""}.fa-prescription-bottle{--fa:""}.fa-bars,.fa-navicon{--fa:""}.fa-people-group{--fa:""}.fa-hourglass-3,.fa-hourglass-end{--fa:""}.fa-heart-broken,.fa-heart-crack{--fa:""}.fa-external-link-square-alt,.fa-square-up-right{--fa:""}.fa-face-kiss-beam,.fa-kiss-beam{--fa:""}.fa-film{--fa:""}.fa-ruler-horizontal{--fa:""}.fa-people-robbery{--fa:""}.fa-lightbulb{--fa:""}.fa-caret-left{--fa:""}.fa-circle-exclamation,.fa-exclamation-circle{--fa:""}.fa-school-circle-xmark{--fa:""}.fa-arrow-right-from-bracket,.fa-sign-out{--fa:""}.fa-chevron-circle-down,.fa-circle-chevron-down{--fa:""}.fa-unlock-alt,.fa-unlock-keyhole{--fa:""}.fa-cloud-showers-heavy{--fa:""}.fa-headphones-alt,.fa-headphones-simple{--fa:""}.fa-sitemap{--fa:""}.fa-circle-dollar-to-slot,.fa-donate{--fa:""}.fa-memory{--fa:""}.fa-road-spikes{--fa:""}.fa-fire-burner{--fa:""}.fa-flag{--fa:""}.fa-hanukiah{--fa:""}.fa-feather{--fa:""}.fa-volume-down,.fa-volume-low{--fa:""}.fa-comment-slash{--fa:""}.fa-cloud-sun-rain{--fa:""}.fa-compress{--fa:""}.fa-wheat-alt,.fa-wheat-awn{--fa:""}.fa-ankh{--fa:""}.fa-hands-holding-child{--fa:""}.fa-asterisk{--fa:"*"}.fa-check-square,.fa-square-check{--fa:""}.fa-peseta-sign{--fa:""}.fa-header,.fa-heading{--fa:""}.fa-ghost{--fa:""}.fa-list,.fa-list-squares{--fa:""}.fa-phone-square-alt,.fa-square-phone-flip{--fa:""}.fa-cart-plus{--fa:""}.fa-gamepad{--fa:""}.fa-circle-dot,.fa-dot-circle{--fa:""}.fa-dizzy,.fa-face-dizzy{--fa:""}.fa-egg{--fa:""}.fa-house-medical-circle-xmark{--fa:""}.fa-campground{--fa:""}.fa-folder-plus{--fa:""}.fa-futbol,.fa-futbol-ball,.fa-soccer-ball{--fa:""}.fa-paint-brush,.fa-paintbrush{--fa:""}.fa-lock{--fa:""}.fa-gas-pump{--fa:""}.fa-hot-tub,.fa-hot-tub-person{--fa:""}.fa-map-location,.fa-map-marked{--fa:""}.fa-house-flood-water{--fa:""}.fa-tree{--fa:""}.fa-bridge-lock{--fa:""}.fa-sack-dollar{--fa:""}.fa-edit,.fa-pen-to-square{--fa:""}.fa-car-side{--fa:""}.fa-share-alt,.fa-share-nodes{--fa:""}.fa-heart-circle-minus{--fa:""}.fa-hourglass-2,.fa-hourglass-half{--fa:""}.fa-microscope{--fa:""}.fa-sink{--fa:""}.fa-bag-shopping,.fa-shopping-bag{--fa:""}.fa-arrow-down-z-a,.fa-sort-alpha-desc,.fa-sort-alpha-down-alt{--fa:""}.fa-mitten{--fa:""}.fa-person-rays{--fa:""}.fa-users{--fa:""}.fa-eye-slash{--fa:""}.fa-flask-vial{--fa:""}.fa-hand,.fa-hand-paper{--fa:""}.fa-om{--fa:""}.fa-worm{--fa:""}.fa-house-circle-xmark{--fa:""}.fa-plug{--fa:""}.fa-chevron-up{--fa:""}.fa-hand-spock{--fa:""}.fa-stopwatch{--fa:""}.fa-face-kiss,.fa-kiss{--fa:""}.fa-bridge-circle-xmark{--fa:""}.fa-face-grin-tongue,.fa-grin-tongue{--fa:""}.fa-chess-bishop{--fa:""}.fa-face-grin-wink,.fa-grin-wink{--fa:""}.fa-deaf,.fa-deafness,.fa-ear-deaf,.fa-hard-of-hearing{--fa:""}.fa-road-circle-check{--fa:""}.fa-dice-five{--fa:""}.fa-rss-square,.fa-square-rss{--fa:""}.fa-land-mine-on{--fa:""}.fa-i-cursor{--fa:""}.fa-stamp{--fa:""}.fa-stairs{--fa:""}.fa-i{--fa:"I"}.fa-hryvnia,.fa-hryvnia-sign{--fa:""}.fa-pills{--fa:""}.fa-face-grin-wide,.fa-grin-alt{--fa:""}.fa-tooth{--fa:""}.fa-v{--fa:"V"}.fa-bangladeshi-taka-sign{--fa:""}.fa-bicycle{--fa:""}.fa-rod-asclepius,.fa-rod-snake,.fa-staff-aesculapius,.fa-staff-snake{--fa:""}.fa-head-side-cough-slash{--fa:""}.fa-ambulance,.fa-truck-medical{--fa:""}.fa-wheat-awn-circle-exclamation{--fa:""}.fa-snowman{--fa:""}.fa-mortar-pestle{--fa:""}.fa-road-barrier{--fa:""}.fa-school{--fa:""}.fa-igloo{--fa:""}.fa-joint{--fa:""}.fa-angle-right{--fa:""}.fa-horse{--fa:""}.fa-q{--fa:"Q"}.fa-g{--fa:"G"}.fa-notes-medical{--fa:""}.fa-temperature-2,.fa-temperature-half,.fa-thermometer-2,.fa-thermometer-half{--fa:""}.fa-dong-sign{--fa:""}.fa-capsules{--fa:""}.fa-poo-bolt,.fa-poo-storm{--fa:""}.fa-face-frown-open,.fa-frown-open{--fa:""}.fa-hand-point-up{--fa:""}.fa-money-bill{--fa:""}.fa-bookmark{--fa:""}.fa-align-justify{--fa:""}.fa-umbrella-beach{--fa:""}.fa-helmet-un{--fa:""}.fa-bullseye{--fa:""}.fa-bacon{--fa:""}.fa-hand-point-down{--fa:""}.fa-arrow-up-from-bracket{--fa:""}.fa-folder,.fa-folder-blank{--fa:""}.fa-file-medical-alt,.fa-file-waveform{--fa:""}.fa-radiation{--fa:""}.fa-chart-simple{--fa:""}.fa-mars-stroke{--fa:""}.fa-vial{--fa:""}.fa-dashboard,.fa-gauge,.fa-gauge-med,.fa-tachometer-alt-average{--fa:""}.fa-magic-wand-sparkles,.fa-wand-magic-sparkles{--fa:""}.fa-e{--fa:"E"}.fa-pen-alt,.fa-pen-clip{--fa:""}.fa-bridge-circle-exclamation{--fa:""}.fa-user{--fa:""}.fa-school-circle-check{--fa:""}.fa-dumpster{--fa:""}.fa-shuttle-van,.fa-van-shuttle{--fa:""}.fa-building-user{--fa:""}.fa-caret-square-left,.fa-square-caret-left{--fa:""}.fa-highlighter{--fa:""}.fa-key{--fa:""}.fa-bullhorn{--fa:""}.fa-globe{--fa:""}.fa-synagogue{--fa:""}.fa-person-half-dress{--fa:""}.fa-road-bridge{--fa:""}.fa-location-arrow{--fa:""}.fa-c{--fa:"C"}.fa-tablet-button{--fa:""}.fa-building-lock{--fa:""}.fa-pizza-slice{--fa:""}.fa-money-bill-wave{--fa:""}.fa-area-chart,.fa-chart-area{--fa:""}.fa-house-flag{--fa:""}.fa-person-circle-minus{--fa:""}.fa-ban,.fa-cancel{--fa:""}.fa-camera-rotate{--fa:""}.fa-air-freshener,.fa-spray-can-sparkles{--fa:""}.fa-star{--fa:""}.fa-repeat{--fa:""}.fa-cross{--fa:""}.fa-box{--fa:""}.fa-venus-mars{--fa:""}.fa-arrow-pointer,.fa-mouse-pointer{--fa:""}.fa-expand-arrows-alt,.fa-maximize{--fa:""}.fa-charging-station{--fa:""}.fa-shapes,.fa-triangle-circle-square{--fa:""}.fa-random,.fa-shuffle{--fa:""}.fa-person-running,.fa-running{--fa:""}.fa-mobile-retro{--fa:""}.fa-grip-lines-vertical{--fa:""}.fa-spider{--fa:""}.fa-hands-bound{--fa:""}.fa-file-invoice-dollar{--fa:""}.fa-plane-circle-exclamation{--fa:""}.fa-x-ray{--fa:""}.fa-spell-check{--fa:""}.fa-slash{--fa:""}.fa-computer-mouse,.fa-mouse{--fa:""}.fa-arrow-right-to-bracket,.fa-sign-in{--fa:""}.fa-shop-slash,.fa-store-alt-slash{--fa:""}.fa-server{--fa:""}.fa-virus-covid-slash{--fa:""}.fa-shop-lock{--fa:""}.fa-hourglass-1,.fa-hourglass-start{--fa:""}.fa-blender-phone{--fa:""}.fa-building-wheat{--fa:""}.fa-person-breastfeeding{--fa:""}.fa-right-to-bracket,.fa-sign-in-alt{--fa:""}.fa-venus{--fa:""}.fa-passport{--fa:""}.fa-thumb-tack-slash,.fa-thumbtack-slash{--fa:""}.fa-heart-pulse,.fa-heartbeat{--fa:""}.fa-people-carry,.fa-people-carry-box{--fa:""}.fa-temperature-high{--fa:""}.fa-microchip{--fa:""}.fa-crown{--fa:""}.fa-weight-hanging{--fa:""}.fa-xmarks-lines{--fa:""}.fa-file-prescription{--fa:""}.fa-weight,.fa-weight-scale{--fa:""}.fa-user-friends,.fa-user-group{--fa:""}.fa-arrow-up-a-z,.fa-sort-alpha-up{--fa:""}.fa-chess-knight{--fa:""}.fa-face-laugh-squint,.fa-laugh-squint{--fa:""}.fa-wheelchair{--fa:""}.fa-arrow-circle-up,.fa-circle-arrow-up{--fa:""}.fa-toggle-on{--fa:""}.fa-person-walking,.fa-walking{--fa:""}.fa-l{--fa:"L"}.fa-fire{--fa:""}.fa-bed-pulse,.fa-procedures{--fa:""}.fa-shuttle-space,.fa-space-shuttle{--fa:""}.fa-face-laugh,.fa-laugh{--fa:""}.fa-folder-open{--fa:""}.fa-heart-circle-plus{--fa:""}.fa-code-fork{--fa:""}.fa-city{--fa:""}.fa-microphone-alt,.fa-microphone-lines{--fa:""}.fa-pepper-hot{--fa:""}.fa-unlock{--fa:""}.fa-colon-sign{--fa:""}.fa-headset{--fa:""}.fa-store-slash{--fa:""}.fa-road-circle-xmark{--fa:""}.fa-user-minus{--fa:""}.fa-mars-stroke-up,.fa-mars-stroke-v{--fa:""}.fa-champagne-glasses,.fa-glass-cheers{--fa:""}.fa-clipboard{--fa:""}.fa-house-circle-exclamation{--fa:""}.fa-file-arrow-up,.fa-file-upload{--fa:""}.fa-wifi,.fa-wifi-3,.fa-wifi-strong{--fa:""}.fa-bath,.fa-bathtub{--fa:""}.fa-underline{--fa:""}.fa-user-edit,.fa-user-pen{--fa:""}.fa-signature{--fa:""}.fa-stroopwafel{--fa:""}.fa-bold{--fa:""}.fa-anchor-lock{--fa:""}.fa-building-ngo{--fa:""}.fa-manat-sign{--fa:""}.fa-not-equal{--fa:""}.fa-border-style,.fa-border-top-left{--fa:""}.fa-map-location-dot,.fa-map-marked-alt{--fa:""}.fa-jedi{--fa:""}.fa-poll,.fa-square-poll-vertical{--fa:""}.fa-mug-hot{--fa:""}.fa-battery-car,.fa-car-battery{--fa:""}.fa-gift{--fa:""}.fa-dice-two{--fa:""}.fa-chess-queen{--fa:""}.fa-glasses{--fa:""}.fa-chess-board{--fa:""}.fa-building-circle-check{--fa:""}.fa-person-chalkboard{--fa:""}.fa-mars-stroke-h,.fa-mars-stroke-right{--fa:""}.fa-hand-back-fist,.fa-hand-rock{--fa:""}.fa-caret-square-up,.fa-square-caret-up{--fa:""}.fa-cloud-showers-water{--fa:""}.fa-bar-chart,.fa-chart-bar{--fa:""}.fa-hands-bubbles,.fa-hands-wash{--fa:""}.fa-less-than-equal{--fa:""}.fa-train{--fa:""}.fa-eye-low-vision,.fa-low-vision{--fa:""}.fa-crow{--fa:""}.fa-sailboat{--fa:""}.fa-window-restore{--fa:""}.fa-plus-square,.fa-square-plus{--fa:""}.fa-torii-gate{--fa:""}.fa-frog{--fa:""}.fa-bucket{--fa:""}.fa-image{--fa:""}.fa-microphone{--fa:""}.fa-cow{--fa:""}.fa-caret-up{--fa:""}.fa-screwdriver{--fa:""}.fa-folder-closed{--fa:""}.fa-house-tsunami{--fa:""}.fa-square-nfi{--fa:""}.fa-arrow-up-from-ground-water{--fa:""}.fa-glass-martini-alt,.fa-martini-glass{--fa:""}.fa-square-binary{--fa:""}.fa-rotate-back,.fa-rotate-backward,.fa-rotate-left,.fa-undo-alt{--fa:""}.fa-columns,.fa-table-columns{--fa:""}.fa-lemon{--fa:""}.fa-head-side-mask{--fa:""}.fa-handshake{--fa:""}.fa-gem{--fa:""}.fa-dolly,.fa-dolly-box{--fa:""}.fa-smoking{--fa:""}.fa-compress-arrows-alt,.fa-minimize{--fa:""}.fa-monument{--fa:""}.fa-snowplow{--fa:""}.fa-angle-double-right,.fa-angles-right{--fa:""}.fa-cannabis{--fa:""}.fa-circle-play,.fa-play-circle{--fa:""}.fa-tablets{--fa:""}.fa-ethernet{--fa:""}.fa-eur,.fa-euro,.fa-euro-sign{--fa:""}.fa-chair{--fa:""}.fa-check-circle,.fa-circle-check{--fa:""}.fa-circle-stop,.fa-stop-circle{--fa:""}.fa-compass-drafting,.fa-drafting-compass{--fa:""}.fa-plate-wheat{--fa:""}.fa-icicles{--fa:""}.fa-person-shelter{--fa:""}.fa-neuter{--fa:""}.fa-id-badge{--fa:""}.fa-marker{--fa:""}.fa-face-laugh-beam,.fa-laugh-beam{--fa:""}.fa-helicopter-symbol{--fa:""}.fa-universal-access{--fa:""}.fa-chevron-circle-up,.fa-circle-chevron-up{--fa:""}.fa-lari-sign{--fa:""}.fa-volcano{--fa:""}.fa-person-walking-dashed-line-arrow-right{--fa:""}.fa-gbp,.fa-pound-sign,.fa-sterling-sign{--fa:""}.fa-viruses{--fa:""}.fa-square-person-confined{--fa:""}.fa-user-tie{--fa:""}.fa-arrow-down-long,.fa-long-arrow-down{--fa:""}.fa-tent-arrow-down-to-line{--fa:""}.fa-certificate{--fa:""}.fa-mail-reply-all,.fa-reply-all{--fa:""}.fa-suitcase{--fa:""}.fa-person-skating,.fa-skating{--fa:""}.fa-filter-circle-dollar,.fa-funnel-dollar{--fa:""}.fa-camera-retro{--fa:""}.fa-arrow-circle-down,.fa-circle-arrow-down{--fa:""}.fa-arrow-right-to-file,.fa-file-import{--fa:""}.fa-external-link-square,.fa-square-arrow-up-right{--fa:""}.fa-box-open{--fa:""}.fa-scroll{--fa:""}.fa-spa{--fa:""}.fa-location-pin-lock{--fa:""}.fa-pause{--fa:""}.fa-hill-avalanche{--fa:""}.fa-temperature-0,.fa-temperature-empty,.fa-thermometer-0,.fa-thermometer-empty{--fa:""}.fa-bomb{--fa:""}.fa-registered{--fa:""}.fa-address-card,.fa-contact-card,.fa-vcard{--fa:""}.fa-balance-scale-right,.fa-scale-unbalanced-flip{--fa:""}.fa-subscript{--fa:""}.fa-diamond-turn-right,.fa-directions{--fa:""}.fa-burst{--fa:""}.fa-house-laptop,.fa-laptop-house{--fa:""}.fa-face-tired,.fa-tired{--fa:""}.fa-money-bills{--fa:""}.fa-smog{--fa:""}.fa-crutch{--fa:""}.fa-cloud-arrow-up,.fa-cloud-upload,.fa-cloud-upload-alt{--fa:""}.fa-palette{--fa:""}.fa-arrows-turn-right{--fa:""}.fa-vest{--fa:""}.fa-ferry{--fa:""}.fa-arrows-down-to-people{--fa:""}.fa-seedling,.fa-sprout{--fa:""}.fa-arrows-alt-h,.fa-left-right{--fa:""}.fa-boxes-packing{--fa:""}.fa-arrow-circle-left,.fa-circle-arrow-left{--fa:""}.fa-group-arrows-rotate{--fa:""}.fa-bowl-food{--fa:""}.fa-candy-cane{--fa:""}.fa-arrow-down-wide-short,.fa-sort-amount-asc,.fa-sort-amount-down{--fa:""}.fa-cloud-bolt,.fa-thunderstorm{--fa:""}.fa-remove-format,.fa-text-slash{--fa:""}.fa-face-smile-wink,.fa-smile-wink{--fa:""}.fa-file-word{--fa:""}.fa-file-powerpoint{--fa:""}.fa-arrows-h,.fa-arrows-left-right{--fa:""}.fa-house-lock{--fa:""}.fa-cloud-arrow-down,.fa-cloud-download,.fa-cloud-download-alt{--fa:""}.fa-children{--fa:""}.fa-blackboard,.fa-chalkboard{--fa:""}.fa-user-alt-slash,.fa-user-large-slash{--fa:""}.fa-envelope-open{--fa:""}.fa-handshake-alt-slash,.fa-handshake-simple-slash{--fa:""}.fa-mattress-pillow{--fa:""}.fa-guarani-sign{--fa:""}.fa-arrows-rotate,.fa-refresh,.fa-sync{--fa:""}.fa-fire-extinguisher{--fa:""}.fa-cruzeiro-sign{--fa:""}.fa-greater-than-equal{--fa:""}.fa-shield-alt,.fa-shield-halved{--fa:""}.fa-atlas,.fa-book-atlas{--fa:""}.fa-virus{--fa:""}.fa-envelope-circle-check{--fa:""}.fa-layer-group{--fa:""}.fa-arrows-to-dot{--fa:""}.fa-archway{--fa:""}.fa-heart-circle-check{--fa:""}.fa-house-chimney-crack,.fa-house-damage{--fa:""}.fa-file-archive,.fa-file-zipper{--fa:""}.fa-square{--fa:""}.fa-glass-martini,.fa-martini-glass-empty{--fa:""}.fa-couch{--fa:""}.fa-cedi-sign{--fa:""}.fa-italic{--fa:""}.fa-table-cells-column-lock{--fa:""}.fa-church{--fa:""}.fa-comments-dollar{--fa:""}.fa-democrat{--fa:""}.fa-z{--fa:"Z"}.fa-person-skiing,.fa-skiing{--fa:""}.fa-road-lock{--fa:""}.fa-a{--fa:"A"}.fa-temperature-arrow-down,.fa-temperature-down{--fa:""}.fa-feather-alt,.fa-feather-pointed{--fa:""}.fa-p{--fa:"P"}.fa-snowflake{--fa:""}.fa-newspaper{--fa:""}.fa-ad,.fa-rectangle-ad{--fa:""}.fa-arrow-circle-right,.fa-circle-arrow-right{--fa:""}.fa-filter-circle-xmark{--fa:""}.fa-locust{--fa:""}.fa-sort,.fa-unsorted{--fa:""}.fa-list-1-2,.fa-list-numeric,.fa-list-ol{--fa:""}.fa-person-dress-burst{--fa:""}.fa-money-check-alt,.fa-money-check-dollar{--fa:""}.fa-vector-square{--fa:""}.fa-bread-slice{--fa:""}.fa-language{--fa:""}.fa-face-kiss-wink-heart,.fa-kiss-wink-heart{--fa:""}.fa-filter{--fa:""}.fa-question{--fa:"?"}.fa-file-signature{--fa:""}.fa-arrows-alt,.fa-up-down-left-right{--fa:""}.fa-house-chimney-user{--fa:""}.fa-hand-holding-heart{--fa:""}.fa-puzzle-piece{--fa:""}.fa-money-check{--fa:""}.fa-star-half-alt,.fa-star-half-stroke{--fa:""}.fa-code{--fa:""}.fa-glass-whiskey,.fa-whiskey-glass{--fa:""}.fa-building-circle-exclamation{--fa:""}.fa-magnifying-glass-chart{--fa:""}.fa-arrow-up-right-from-square,.fa-external-link{--fa:""}.fa-cubes-stacked{--fa:""}.fa-krw,.fa-won,.fa-won-sign{--fa:""}.fa-virus-covid{--fa:""}.fa-austral-sign{--fa:""}.fa-f{--fa:"F"}.fa-leaf{--fa:""}.fa-road{--fa:""}.fa-cab,.fa-taxi{--fa:""}.fa-person-circle-plus{--fa:""}.fa-chart-pie,.fa-pie-chart{--fa:""}.fa-bolt-lightning{--fa:""}.fa-sack-xmark{--fa:""}.fa-file-excel{--fa:""}.fa-file-contract{--fa:""}.fa-fish-fins{--fa:""}.fa-building-flag{--fa:""}.fa-face-grin-beam,.fa-grin-beam{--fa:""}.fa-object-ungroup{--fa:""}.fa-poop{--fa:""}.fa-location-pin,.fa-map-marker{--fa:""}.fa-kaaba{--fa:""}.fa-toilet-paper{--fa:""}.fa-hard-hat,.fa-hat-hard,.fa-helmet-safety{--fa:""}.fa-eject{--fa:""}.fa-arrow-alt-circle-right,.fa-circle-right{--fa:""}.fa-plane-circle-check{--fa:""}.fa-face-rolling-eyes,.fa-meh-rolling-eyes{--fa:""}.fa-object-group{--fa:""}.fa-chart-line,.fa-line-chart{--fa:""}.fa-mask-ventilator{--fa:""}.fa-arrow-right{--fa:""}.fa-map-signs,.fa-signs-post{--fa:""}.fa-cash-register{--fa:""}.fa-person-circle-question{--fa:""}.fa-h{--fa:"H"}.fa-tarp{--fa:""}.fa-screwdriver-wrench,.fa-tools{--fa:""}.fa-arrows-to-eye{--fa:""}.fa-plug-circle-bolt{--fa:""}.fa-heart{--fa:""}.fa-mars-and-venus{--fa:""}.fa-home-user,.fa-house-user{--fa:""}.fa-dumpster-fire{--fa:""}.fa-house-crack{--fa:""}.fa-cocktail,.fa-martini-glass-citrus{--fa:""}.fa-face-surprise,.fa-surprise{--fa:""}.fa-bottle-water{--fa:""}.fa-circle-pause,.fa-pause-circle{--fa:""}.fa-toilet-paper-slash{--fa:""}.fa-apple-alt,.fa-apple-whole{--fa:""}.fa-kitchen-set{--fa:""}.fa-r{--fa:"R"}.fa-temperature-1,.fa-temperature-quarter,.fa-thermometer-1,.fa-thermometer-quarter{--fa:""}.fa-cube{--fa:""}.fa-bitcoin-sign{--fa:""}.fa-shield-dog{--fa:""}.fa-solar-panel{--fa:""}.fa-lock-open{--fa:""}.fa-elevator{--fa:""}.fa-money-bill-transfer{--fa:""}.fa-money-bill-trend-up{--fa:""}.fa-house-flood-water-circle-arrow-right{--fa:""}.fa-poll-h,.fa-square-poll-horizontal{--fa:""}.fa-circle{--fa:""}.fa-backward-fast,.fa-fast-backward{--fa:""}.fa-recycle{--fa:""}.fa-user-astronaut{--fa:""}.fa-plane-slash{--fa:""}.fa-trademark{--fa:""}.fa-basketball,.fa-basketball-ball{--fa:""}.fa-satellite-dish{--fa:""}.fa-arrow-alt-circle-up,.fa-circle-up{--fa:""}.fa-mobile-alt,.fa-mobile-screen-button{--fa:""}.fa-volume-high,.fa-volume-up{--fa:""}.fa-users-rays{--fa:""}.fa-wallet{--fa:""}.fa-clipboard-check{--fa:""}.fa-file-audio{--fa:""}.fa-burger,.fa-hamburger{--fa:""}.fa-wrench{--fa:""}.fa-bugs{--fa:""}.fa-rupee,.fa-rupee-sign{--fa:""}.fa-file-image{--fa:""}.fa-circle-question,.fa-question-circle{--fa:""}.fa-plane-departure{--fa:""}.fa-handshake-slash{--fa:""}.fa-book-bookmark{--fa:""}.fa-code-branch{--fa:""}.fa-hat-cowboy{--fa:""}.fa-bridge{--fa:""}.fa-phone-alt,.fa-phone-flip{--fa:""}.fa-truck-front{--fa:""}.fa-cat{--fa:""}.fa-anchor-circle-exclamation{--fa:""}.fa-truck-field{--fa:""}.fa-route{--fa:""}.fa-clipboard-question{--fa:""}.fa-panorama{--fa:""}.fa-comment-medical{--fa:""}.fa-teeth-open{--fa:""}.fa-file-circle-minus{--fa:""}.fa-tags{--fa:""}.fa-wine-glass{--fa:""}.fa-fast-forward,.fa-forward-fast{--fa:""}.fa-face-meh-blank,.fa-meh-blank{--fa:""}.fa-parking,.fa-square-parking{--fa:""}.fa-house-signal{--fa:""}.fa-bars-progress,.fa-tasks-alt{--fa:""}.fa-faucet-drip{--fa:""}.fa-cart-flatbed,.fa-dolly-flatbed{--fa:""}.fa-ban-smoking,.fa-smoking-ban{--fa:""}.fa-terminal{--fa:""}.fa-mobile-button{--fa:""}.fa-house-medical-flag{--fa:""}.fa-basket-shopping,.fa-shopping-basket{--fa:""}.fa-tape{--fa:""}.fa-bus-alt,.fa-bus-simple{--fa:""}.fa-eye{--fa:""}.fa-face-sad-cry,.fa-sad-cry{--fa:""}.fa-audio-description{--fa:""}.fa-person-military-to-person{--fa:""}.fa-file-shield{--fa:""}.fa-user-slash{--fa:""}.fa-pen{--fa:""}.fa-tower-observation{--fa:""}.fa-file-code{--fa:""}.fa-signal,.fa-signal-5,.fa-signal-perfect{--fa:""}.fa-bus{--fa:""}.fa-heart-circle-xmark{--fa:""}.fa-home-lg,.fa-house-chimney{--fa:""}.fa-window-maximize{--fa:""}.fa-face-frown,.fa-frown{--fa:""}.fa-prescription{--fa:""}.fa-shop,.fa-store-alt{--fa:""}.fa-floppy-disk,.fa-save{--fa:""}.fa-vihara{--fa:""}.fa-balance-scale-left,.fa-scale-unbalanced{--fa:""}.fa-sort-asc,.fa-sort-up{--fa:""}.fa-comment-dots,.fa-commenting{--fa:""}.fa-plant-wilt{--fa:""}.fa-diamond{--fa:""}.fa-face-grin-squint,.fa-grin-squint{--fa:""}.fa-hand-holding-dollar,.fa-hand-holding-usd{--fa:""}.fa-chart-diagram{--fa:""}.fa-bacterium{--fa:""}.fa-hand-pointer{--fa:""}.fa-drum-steelpan{--fa:""}.fa-hand-scissors{--fa:""}.fa-hands-praying,.fa-praying-hands{--fa:""}.fa-arrow-right-rotate,.fa-arrow-rotate-forward,.fa-arrow-rotate-right,.fa-redo{--fa:""}.fa-biohazard{--fa:""}.fa-location,.fa-location-crosshairs{--fa:""}.fa-mars-double{--fa:""}.fa-child-dress{--fa:""}.fa-users-between-lines{--fa:""}.fa-lungs-virus{--fa:""}.fa-face-grin-tears,.fa-grin-tears{--fa:""}.fa-phone{--fa:""}.fa-calendar-times,.fa-calendar-xmark{--fa:""}.fa-child-reaching{--fa:""}.fa-head-side-virus{--fa:""}.fa-user-cog,.fa-user-gear{--fa:""}.fa-arrow-up-1-9,.fa-sort-numeric-up{--fa:""}.fa-door-closed{--fa:""}.fa-shield-virus{--fa:""}.fa-dice-six{--fa:""}.fa-mosquito-net{--fa:""}.fa-file-fragment{--fa:""}.fa-bridge-water{--fa:""}.fa-person-booth{--fa:""}.fa-text-width{--fa:""}.fa-hat-wizard{--fa:""}.fa-pen-fancy{--fa:""}.fa-digging,.fa-person-digging{--fa:""}.fa-trash{--fa:""}.fa-gauge-simple,.fa-gauge-simple-med,.fa-tachometer-average{--fa:""}.fa-book-medical{--fa:""}.fa-poo{--fa:""}.fa-quote-right,.fa-quote-right-alt{--fa:""}.fa-shirt,.fa-t-shirt,.fa-tshirt{--fa:""}.fa-cubes{--fa:""}.fa-divide{--fa:""}.fa-tenge,.fa-tenge-sign{--fa:""}.fa-headphones{--fa:""}.fa-hands-holding{--fa:""}.fa-hands-clapping{--fa:""}.fa-republican{--fa:""}.fa-arrow-left{--fa:""}.fa-person-circle-xmark{--fa:""}.fa-ruler{--fa:""}.fa-align-left{--fa:""}.fa-dice-d6{--fa:""}.fa-restroom{--fa:""}.fa-j{--fa:"J"}.fa-users-viewfinder{--fa:""}.fa-file-video{--fa:""}.fa-external-link-alt,.fa-up-right-from-square{--fa:""}.fa-table-cells,.fa-th{--fa:""}.fa-file-pdf{--fa:""}.fa-bible,.fa-book-bible{--fa:""}.fa-o{--fa:"O"}.fa-medkit,.fa-suitcase-medical{--fa:""}.fa-user-secret{--fa:""}.fa-otter{--fa:""}.fa-female,.fa-person-dress{--fa:""}.fa-comment-dollar{--fa:""}.fa-briefcase-clock,.fa-business-time{--fa:""}.fa-table-cells-large,.fa-th-large{--fa:""}.fa-book-tanakh,.fa-tanakh{--fa:""}.fa-phone-volume,.fa-volume-control-phone{--fa:""}.fa-hat-cowboy-side{--fa:""}.fa-clipboard-user{--fa:""}.fa-child{--fa:""}.fa-lira-sign{--fa:""}.fa-satellite{--fa:""}.fa-plane-lock{--fa:""}.fa-tag{--fa:""}.fa-comment{--fa:""}.fa-birthday-cake,.fa-cake,.fa-cake-candles{--fa:""}.fa-envelope{--fa:""}.fa-angle-double-up,.fa-angles-up{--fa:""}.fa-paperclip{--fa:""}.fa-arrow-right-to-city{--fa:""}.fa-ribbon{--fa:""}.fa-lungs{--fa:""}.fa-arrow-up-9-1,.fa-sort-numeric-up-alt{--fa:""}.fa-litecoin-sign{--fa:""}.fa-border-none{--fa:""}.fa-circle-nodes{--fa:""}.fa-parachute-box{--fa:""}.fa-indent{--fa:""}.fa-truck-field-un{--fa:""}.fa-hourglass,.fa-hourglass-empty{--fa:""}.fa-mountain{--fa:""}.fa-user-doctor,.fa-user-md{--fa:""}.fa-circle-info,.fa-info-circle{--fa:""}.fa-cloud-meatball{--fa:""}.fa-camera,.fa-camera-alt{--fa:""}.fa-square-virus{--fa:""}.fa-meteor{--fa:""}.fa-car-on{--fa:""}.fa-sleigh{--fa:""}.fa-arrow-down-1-9,.fa-sort-numeric-asc,.fa-sort-numeric-down{--fa:""}.fa-hand-holding-droplet,.fa-hand-holding-water{--fa:""}.fa-water{--fa:""}.fa-calendar-check{--fa:""}.fa-braille{--fa:""}.fa-prescription-bottle-alt,.fa-prescription-bottle-medical{--fa:""}.fa-landmark{--fa:""}.fa-truck{--fa:""}.fa-crosshairs{--fa:""}.fa-person-cane{--fa:""}.fa-tent{--fa:""}.fa-vest-patches{--fa:""}.fa-check-double{--fa:""}.fa-arrow-down-a-z,.fa-sort-alpha-asc,.fa-sort-alpha-down{--fa:""}.fa-money-bill-wheat{--fa:""}.fa-cookie{--fa:""}.fa-arrow-left-rotate,.fa-arrow-rotate-back,.fa-arrow-rotate-backward,.fa-arrow-rotate-left,.fa-undo{--fa:""}.fa-hard-drive,.fa-hdd{--fa:""}.fa-face-grin-squint-tears,.fa-grin-squint-tears{--fa:""}.fa-dumbbell{--fa:""}.fa-list-alt,.fa-rectangle-list{--fa:""}.fa-tarp-droplet{--fa:""}.fa-house-medical-circle-check{--fa:""}.fa-person-skiing-nordic,.fa-skiing-nordic{--fa:""}.fa-calendar-plus{--fa:""}.fa-plane-arrival{--fa:""}.fa-arrow-alt-circle-left,.fa-circle-left{--fa:""}.fa-subway,.fa-train-subway{--fa:""}.fa-chart-gantt{--fa:""}.fa-indian-rupee,.fa-indian-rupee-sign,.fa-inr{--fa:""}.fa-crop-alt,.fa-crop-simple{--fa:""}.fa-money-bill-1,.fa-money-bill-alt{--fa:""}.fa-left-long,.fa-long-arrow-alt-left{--fa:""}.fa-dna{--fa:""}.fa-virus-slash{--fa:""}.fa-minus,.fa-subtract{--fa:""}.fa-chess{--fa:""}.fa-arrow-left-long,.fa-long-arrow-left{--fa:""}.fa-plug-circle-check{--fa:""}.fa-street-view{--fa:""}.fa-franc-sign{--fa:""}.fa-volume-off{--fa:""}.fa-american-sign-language-interpreting,.fa-asl-interpreting,.fa-hands-american-sign-language-interpreting,.fa-hands-asl-interpreting{--fa:""}.fa-cog,.fa-gear{--fa:""}.fa-droplet-slash,.fa-tint-slash{--fa:""}.fa-mosque{--fa:""}.fa-mosquito{--fa:""}.fa-star-of-david{--fa:""}.fa-person-military-rifle{--fa:""}.fa-cart-shopping,.fa-shopping-cart{--fa:""}.fa-vials{--fa:""}.fa-plug-circle-plus{--fa:""}.fa-place-of-worship{--fa:""}.fa-grip-vertical{--fa:""}.fa-hexagon-nodes{--fa:""}.fa-arrow-turn-up,.fa-level-up{--fa:""}.fa-u{--fa:"U"}.fa-square-root-alt,.fa-square-root-variable{--fa:""}.fa-clock,.fa-clock-four{--fa:""}.fa-backward-step,.fa-step-backward{--fa:""}.fa-pallet{--fa:""}.fa-faucet{--fa:""}.fa-baseball-bat-ball{--fa:""}.fa-s{--fa:"S"}.fa-timeline{--fa:""}.fa-keyboard{--fa:""}.fa-caret-down{--fa:""}.fa-clinic-medical,.fa-house-chimney-medical{--fa:""}.fa-temperature-3,.fa-temperature-three-quarters,.fa-thermometer-3,.fa-thermometer-three-quarters{--fa:""}.fa-mobile-android-alt,.fa-mobile-screen{--fa:""}.fa-plane-up{--fa:""}.fa-piggy-bank{--fa:""}.fa-battery-3,.fa-battery-half{--fa:""}.fa-mountain-city{--fa:""}.fa-coins{--fa:""}.fa-khanda{--fa:""}.fa-sliders,.fa-sliders-h{--fa:""}.fa-folder-tree{--fa:""}.fa-network-wired{--fa:""}.fa-map-pin{--fa:""}.fa-hamsa{--fa:""}.fa-cent-sign{--fa:""}.fa-flask{--fa:""}.fa-person-pregnant{--fa:""}.fa-wand-sparkles{--fa:""}.fa-ellipsis-v,.fa-ellipsis-vertical{--fa:""}.fa-ticket{--fa:""}.fa-power-off{--fa:""}.fa-long-arrow-alt-right,.fa-right-long{--fa:""}.fa-flag-usa{--fa:""}.fa-laptop-file{--fa:""}.fa-teletype,.fa-tty{--fa:""}.fa-diagram-next{--fa:""}.fa-person-rifle{--fa:""}.fa-house-medical-circle-exclamation{--fa:""}.fa-closed-captioning{--fa:""}.fa-hiking,.fa-person-hiking{--fa:""}.fa-venus-double{--fa:""}.fa-images{--fa:""}.fa-calculator{--fa:""}.fa-people-pulling{--fa:""}.fa-n{--fa:"N"}.fa-cable-car,.fa-tram{--fa:""}.fa-cloud-rain{--fa:""}.fa-building-circle-xmark{--fa:""}.fa-ship{--fa:""}.fa-arrows-down-to-line{--fa:""}.fa-download{--fa:""}.fa-face-grin,.fa-grin{--fa:""}.fa-backspace,.fa-delete-left{--fa:""}.fa-eye-dropper,.fa-eye-dropper-empty,.fa-eyedropper{--fa:""}.fa-file-circle-check{--fa:""}.fa-forward{--fa:""}.fa-mobile,.fa-mobile-android,.fa-mobile-phone{--fa:""}.fa-face-meh,.fa-meh{--fa:""}.fa-align-center{--fa:""}.fa-book-dead,.fa-book-skull{--fa:""}.fa-drivers-license,.fa-id-card{--fa:""}.fa-dedent,.fa-outdent{--fa:""}.fa-heart-circle-exclamation{--fa:""}.fa-home,.fa-home-alt,.fa-home-lg-alt,.fa-house{--fa:""}.fa-calendar-week{--fa:""}.fa-laptop-medical{--fa:""}.fa-b{--fa:"B"}.fa-file-medical{--fa:""}.fa-dice-one{--fa:""}.fa-kiwi-bird{--fa:""}.fa-arrow-right-arrow-left,.fa-exchange{--fa:""}.fa-redo-alt,.fa-rotate-forward,.fa-rotate-right{--fa:""}.fa-cutlery,.fa-utensils{--fa:""}.fa-arrow-up-wide-short,.fa-sort-amount-up{--fa:""}.fa-mill-sign{--fa:""}.fa-bowl-rice{--fa:""}.fa-skull{--fa:""}.fa-broadcast-tower,.fa-tower-broadcast{--fa:""}.fa-truck-pickup{--fa:""}.fa-long-arrow-alt-up,.fa-up-long{--fa:""}.fa-stop{--fa:""}.fa-code-merge{--fa:""}.fa-upload{--fa:""}.fa-hurricane{--fa:""}.fa-mound{--fa:""}.fa-toilet-portable{--fa:""}.fa-compact-disc{--fa:""}.fa-file-arrow-down,.fa-file-download{--fa:""}.fa-caravan{--fa:""}.fa-shield-cat{--fa:""}.fa-bolt,.fa-zap{--fa:""}.fa-glass-water{--fa:""}.fa-oil-well{--fa:""}.fa-vault{--fa:""}.fa-mars{--fa:""}.fa-toilet{--fa:""}.fa-plane-circle-xmark{--fa:""}.fa-cny,.fa-jpy,.fa-rmb,.fa-yen,.fa-yen-sign{--fa:""}.fa-rouble,.fa-rub,.fa-ruble,.fa-ruble-sign{--fa:""}.fa-sun{--fa:""}.fa-guitar{--fa:""}.fa-face-laugh-wink,.fa-laugh-wink{--fa:""}.fa-horse-head{--fa:""}.fa-bore-hole{--fa:""}.fa-industry{--fa:""}.fa-arrow-alt-circle-down,.fa-circle-down{--fa:""}.fa-arrows-turn-to-dots{--fa:""}.fa-florin-sign{--fa:""}.fa-arrow-down-short-wide,.fa-sort-amount-desc,.fa-sort-amount-down-alt{--fa:""}.fa-less-than{--fa:"<"}.fa-angle-down{--fa:""}.fa-car-tunnel{--fa:""}.fa-head-side-cough{--fa:""}.fa-grip-lines{--fa:""}.fa-thumbs-down{--fa:""}.fa-user-lock{--fa:""}.fa-arrow-right-long,.fa-long-arrow-right{--fa:""}.fa-anchor-circle-xmark{--fa:""}.fa-ellipsis,.fa-ellipsis-h{--fa:""}.fa-chess-pawn{--fa:""}.fa-first-aid,.fa-kit-medical{--fa:""}.fa-person-through-window{--fa:""}.fa-toolbox{--fa:""}.fa-hands-holding-circle{--fa:""}.fa-bug{--fa:""}.fa-credit-card,.fa-credit-card-alt{--fa:""}.fa-automobile,.fa-car{--fa:""}.fa-hand-holding-hand{--fa:""}.fa-book-open-reader,.fa-book-reader{--fa:""}.fa-mountain-sun{--fa:""}.fa-arrows-left-right-to-line{--fa:""}.fa-dice-d20{--fa:""}.fa-truck-droplet{--fa:""}.fa-file-circle-xmark{--fa:""}.fa-temperature-arrow-up,.fa-temperature-up{--fa:""}.fa-medal{--fa:""}.fa-bed{--fa:""}.fa-h-square,.fa-square-h{--fa:""}.fa-podcast{--fa:""}.fa-temperature-4,.fa-temperature-full,.fa-thermometer-4,.fa-thermometer-full{--fa:""}.fa-bell{--fa:""}.fa-superscript{--fa:""}.fa-plug-circle-xmark{--fa:""}.fa-star-of-life{--fa:""}.fa-phone-slash{--fa:""}.fa-paint-roller{--fa:""}.fa-hands-helping,.fa-handshake-angle{--fa:""}.fa-location-dot,.fa-map-marker-alt{--fa:""}.fa-file{--fa:""}.fa-greater-than{--fa:">"}.fa-person-swimming,.fa-swimmer{--fa:""}.fa-arrow-down{--fa:""}.fa-droplet,.fa-tint{--fa:""}.fa-eraser{--fa:""}.fa-earth,.fa-earth-america,.fa-earth-americas,.fa-globe-americas{--fa:""}.fa-person-burst{--fa:""}.fa-dove{--fa:""}.fa-battery-0,.fa-battery-empty{--fa:""}.fa-socks{--fa:""}.fa-inbox{--fa:""}.fa-section{--fa:""}.fa-gauge-high,.fa-tachometer-alt,.fa-tachometer-alt-fast{--fa:""}.fa-envelope-open-text{--fa:""}.fa-hospital,.fa-hospital-alt,.fa-hospital-wide{--fa:""}.fa-wine-bottle{--fa:""}.fa-chess-rook{--fa:""}.fa-bars-staggered,.fa-reorder,.fa-stream{--fa:""}.fa-dharmachakra{--fa:""}.fa-hotdog{--fa:""}.fa-blind,.fa-person-walking-with-cane{--fa:""}.fa-drum{--fa:""}.fa-ice-cream{--fa:""}.fa-heart-circle-bolt{--fa:""}.fa-fax{--fa:""}.fa-paragraph{--fa:""}.fa-check-to-slot,.fa-vote-yea{--fa:""}.fa-star-half{--fa:""}.fa-boxes,.fa-boxes-alt,.fa-boxes-stacked{--fa:""}.fa-chain,.fa-link{--fa:""}.fa-assistive-listening-systems,.fa-ear-listen{--fa:""}.fa-tree-city{--fa:""}.fa-play{--fa:""}.fa-font{--fa:""}.fa-table-cells-row-lock{--fa:""}.fa-rupiah-sign{--fa:""}.fa-magnifying-glass,.fa-search{--fa:""}.fa-ping-pong-paddle-ball,.fa-table-tennis,.fa-table-tennis-paddle-ball{--fa:""}.fa-diagnoses,.fa-person-dots-from-line{--fa:""}.fa-trash-can-arrow-up,.fa-trash-restore-alt{--fa:""}.fa-naira-sign{--fa:""}.fa-cart-arrow-down{--fa:""}.fa-walkie-talkie{--fa:""}.fa-file-edit,.fa-file-pen{--fa:""}.fa-receipt{--fa:""}.fa-pen-square,.fa-pencil-square,.fa-square-pen{--fa:""}.fa-suitcase-rolling{--fa:""}.fa-person-circle-exclamation{--fa:""}.fa-chevron-down{--fa:""}.fa-battery,.fa-battery-5,.fa-battery-full{--fa:""}.fa-skull-crossbones{--fa:""}.fa-code-compare{--fa:""}.fa-list-dots,.fa-list-ul{--fa:""}.fa-school-lock{--fa:""}.fa-tower-cell{--fa:""}.fa-down-long,.fa-long-arrow-alt-down{--fa:""}.fa-ranking-star{--fa:""}.fa-chess-king{--fa:""}.fa-person-harassing{--fa:""}.fa-brazilian-real-sign{--fa:""}.fa-landmark-alt,.fa-landmark-dome{--fa:""}.fa-arrow-up{--fa:""}.fa-television,.fa-tv,.fa-tv-alt{--fa:""}.fa-shrimp{--fa:""}.fa-list-check,.fa-tasks{--fa:""}.fa-jug-detergent{--fa:""}.fa-circle-user,.fa-user-circle{--fa:""}.fa-user-shield{--fa:""}.fa-wind{--fa:""}.fa-car-burst,.fa-car-crash{--fa:""}.fa-y{--fa:"Y"}.fa-person-snowboarding,.fa-snowboarding{--fa:""}.fa-shipping-fast,.fa-truck-fast{--fa:""}.fa-fish{--fa:""}.fa-user-graduate{--fa:""}.fa-adjust,.fa-circle-half-stroke{--fa:""}.fa-clapperboard{--fa:""}.fa-circle-radiation,.fa-radiation-alt{--fa:""}.fa-baseball,.fa-baseball-ball{--fa:""}.fa-jet-fighter-up{--fa:""}.fa-diagram-project,.fa-project-diagram{--fa:""}.fa-copy{--fa:""}.fa-volume-mute,.fa-volume-times,.fa-volume-xmark{--fa:""}.fa-hand-sparkles{--fa:""}.fa-grip,.fa-grip-horizontal{--fa:""}.fa-share-from-square,.fa-share-square{--fa:""}.fa-child-combatant,.fa-child-rifle{--fa:""}.fa-gun{--fa:""}.fa-phone-square,.fa-square-phone{--fa:""}.fa-add,.fa-plus{--fa:"+"}.fa-expand{--fa:""}.fa-computer{--fa:""}.fa-close,.fa-multiply,.fa-remove,.fa-times,.fa-xmark{--fa:""}.fa-arrows,.fa-arrows-up-down-left-right{--fa:""}.fa-chalkboard-teacher,.fa-chalkboard-user{--fa:""}.fa-peso-sign{--fa:""}.fa-building-shield{--fa:""}.fa-baby{--fa:""}.fa-users-line{--fa:""}.fa-quote-left,.fa-quote-left-alt{--fa:""}.fa-tractor{--fa:""}.fa-trash-arrow-up,.fa-trash-restore{--fa:""}.fa-arrow-down-up-lock{--fa:""}.fa-lines-leaning{--fa:""}.fa-ruler-combined{--fa:""}.fa-copyright{--fa:""}.fa-equals{--fa:"="}.fa-blender{--fa:""}.fa-teeth{--fa:""}.fa-ils,.fa-shekel,.fa-shekel-sign,.fa-sheqel,.fa-sheqel-sign{--fa:""}.fa-map{--fa:""}.fa-rocket{--fa:""}.fa-photo-film,.fa-photo-video{--fa:""}.fa-folder-minus{--fa:""}.fa-hexagon-nodes-bolt{--fa:""}.fa-store{--fa:""}.fa-arrow-trend-up{--fa:""}.fa-plug-circle-minus{--fa:""}.fa-sign,.fa-sign-hanging{--fa:""}.fa-bezier-curve{--fa:""}.fa-bell-slash{--fa:""}.fa-tablet,.fa-tablet-android{--fa:""}.fa-school-flag{--fa:""}.fa-fill{--fa:""}.fa-angle-up{--fa:""}.fa-drumstick-bite{--fa:""}.fa-holly-berry{--fa:""}.fa-chevron-left{--fa:""}.fa-bacteria{--fa:""}.fa-hand-lizard{--fa:""}.fa-notdef{--fa:""}.fa-disease{--fa:""}.fa-briefcase-medical{--fa:""}.fa-genderless{--fa:""}.fa-chevron-right{--fa:""}.fa-retweet{--fa:""}.fa-car-alt,.fa-car-rear{--fa:""}.fa-pump-soap{--fa:""}.fa-video-slash{--fa:""}.fa-battery-2,.fa-battery-quarter{--fa:""}.fa-radio{--fa:""}.fa-baby-carriage,.fa-carriage-baby{--fa:""}.fa-traffic-light{--fa:""}.fa-thermometer{--fa:""}.fa-vr-cardboard{--fa:""}.fa-hand-middle-finger{--fa:""}.fa-percent,.fa-percentage{--fa:"%"}.fa-truck-moving{--fa:""}.fa-glass-water-droplet{--fa:""}.fa-display{--fa:""}.fa-face-smile,.fa-smile{--fa:""}.fa-thumb-tack,.fa-thumbtack{--fa:""}.fa-trophy{--fa:""}.fa-person-praying,.fa-pray{--fa:""}.fa-hammer{--fa:""}.fa-hand-peace{--fa:""}.fa-rotate,.fa-sync-alt{--fa:""}.fa-spinner{--fa:""}.fa-robot{--fa:""}.fa-peace{--fa:""}.fa-cogs,.fa-gears{--fa:""}.fa-warehouse{--fa:""}.fa-arrow-up-right-dots{--fa:""}.fa-splotch{--fa:""}.fa-face-grin-hearts,.fa-grin-hearts{--fa:""}.fa-dice-four{--fa:""}.fa-sim-card{--fa:""}.fa-transgender,.fa-transgender-alt{--fa:""}.fa-mercury{--fa:""}.fa-arrow-turn-down,.fa-level-down{--fa:""}.fa-person-falling-burst{--fa:""}.fa-award{--fa:""}.fa-ticket-alt,.fa-ticket-simple{--fa:""}.fa-building{--fa:""}.fa-angle-double-left,.fa-angles-left{--fa:""}.fa-qrcode{--fa:""}.fa-clock-rotate-left,.fa-history{--fa:""}.fa-face-grin-beam-sweat,.fa-grin-beam-sweat{--fa:""}.fa-arrow-right-from-file,.fa-file-export{--fa:""}.fa-shield,.fa-shield-blank{--fa:""}.fa-arrow-up-short-wide,.fa-sort-amount-up-alt{--fa:""}.fa-comment-nodes{--fa:""}.fa-house-medical{--fa:""}.fa-golf-ball,.fa-golf-ball-tee{--fa:""}.fa-chevron-circle-left,.fa-circle-chevron-left{--fa:""}.fa-house-chimney-window{--fa:""}.fa-pen-nib{--fa:""}.fa-tent-arrow-turn-left{--fa:""}.fa-tents{--fa:""}.fa-magic,.fa-wand-magic{--fa:""}.fa-dog{--fa:""}.fa-carrot{--fa:""}.fa-moon{--fa:""}.fa-wine-glass-alt,.fa-wine-glass-empty{--fa:""}.fa-cheese{--fa:""}.fa-yin-yang{--fa:""}.fa-music{--fa:""}.fa-code-commit{--fa:""}.fa-temperature-low{--fa:""}.fa-biking,.fa-person-biking{--fa:""}.fa-broom{--fa:""}.fa-shield-heart{--fa:""}.fa-gopuram{--fa:""}.fa-earth-oceania,.fa-globe-oceania{--fa:""}.fa-square-xmark,.fa-times-square,.fa-xmark-square{--fa:""}.fa-hashtag{--fa:"#"}.fa-expand-alt,.fa-up-right-and-down-left-from-center{--fa:""}.fa-oil-can{--fa:""}.fa-t{--fa:"T"}.fa-hippo{--fa:""}.fa-chart-column{--fa:""}.fa-infinity{--fa:""}.fa-vial-circle-check{--fa:""}.fa-person-arrow-down-to-line{--fa:""}.fa-voicemail{--fa:""}.fa-fan{--fa:""}.fa-person-walking-luggage{--fa:""}.fa-arrows-alt-v,.fa-up-down{--fa:""}.fa-cloud-moon-rain{--fa:""}.fa-calendar{--fa:""}.fa-trailer{--fa:""}.fa-bahai,.fa-haykal{--fa:""}.fa-sd-card{--fa:""}.fa-dragon{--fa:""}.fa-shoe-prints{--fa:""}.fa-circle-plus,.fa-plus-circle{--fa:""}.fa-face-grin-tongue-wink,.fa-grin-tongue-wink{--fa:""}.fa-hand-holding{--fa:""}.fa-plug-circle-exclamation{--fa:""}.fa-chain-broken,.fa-chain-slash,.fa-link-slash,.fa-unlink{--fa:""}.fa-clone{--fa:""}.fa-person-walking-arrow-loop-left{--fa:""}.fa-arrow-up-z-a,.fa-sort-alpha-up-alt{--fa:""}.fa-fire-alt,.fa-fire-flame-curved{--fa:""}.fa-tornado{--fa:""}.fa-file-circle-plus{--fa:""}.fa-book-quran,.fa-quran{--fa:""}.fa-anchor{--fa:""}.fa-border-all{--fa:""}.fa-angry,.fa-face-angry{--fa:""}.fa-cookie-bite{--fa:""}.fa-arrow-trend-down{--fa:""}.fa-feed,.fa-rss{--fa:""}.fa-draw-polygon{--fa:""}.fa-balance-scale,.fa-scale-balanced{--fa:""}.fa-gauge-simple-high,.fa-tachometer,.fa-tachometer-fast{--fa:""}.fa-shower{--fa:""}.fa-desktop,.fa-desktop-alt{--fa:""}.fa-m{--fa:"M"}.fa-table-list,.fa-th-list{--fa:""}.fa-comment-sms,.fa-sms{--fa:""}.fa-book{--fa:""}.fa-user-plus{--fa:""}.fa-check{--fa:""}.fa-battery-4,.fa-battery-three-quarters{--fa:""}.fa-house-circle-check{--fa:""}.fa-angle-left{--fa:""}.fa-diagram-successor{--fa:""}.fa-truck-arrow-right{--fa:""}.fa-arrows-split-up-and-left{--fa:""}.fa-fist-raised,.fa-hand-fist{--fa:""}.fa-cloud-moon{--fa:""}.fa-briefcase{--fa:""}.fa-person-falling{--fa:""}.fa-image-portrait,.fa-portrait{--fa:""}.fa-user-tag{--fa:""}.fa-rug{--fa:""}.fa-earth-europe,.fa-globe-europe{--fa:""}.fa-cart-flatbed-suitcase,.fa-luggage-cart{--fa:""}.fa-rectangle-times,.fa-rectangle-xmark,.fa-times-rectangle,.fa-window-close{--fa:""}.fa-baht-sign{--fa:""}.fa-book-open{--fa:""}.fa-book-journal-whills,.fa-journal-whills{--fa:""}.fa-handcuffs{--fa:""}.fa-exclamation-triangle,.fa-triangle-exclamation,.fa-warning{--fa:""}.fa-database{--fa:""}.fa-mail-forward,.fa-share{--fa:""}.fa-bottle-droplet{--fa:""}.fa-mask-face{--fa:""}.fa-hill-rockslide{--fa:""}.fa-exchange-alt,.fa-right-left{--fa:""}.fa-paper-plane{--fa:""}.fa-road-circle-exclamation{--fa:""}.fa-dungeon{--fa:""}.fa-align-right{--fa:""}.fa-money-bill-1-wave,.fa-money-bill-wave-alt{--fa:""}.fa-life-ring{--fa:""}.fa-hands,.fa-sign-language,.fa-signing{--fa:""}.fa-calendar-day{--fa:""}.fa-ladder-water,.fa-swimming-pool,.fa-water-ladder{--fa:""}.fa-arrows-up-down,.fa-arrows-v{--fa:""}.fa-face-grimace,.fa-grimace{--fa:""}.fa-wheelchair-alt,.fa-wheelchair-move{--fa:""}.fa-level-down-alt,.fa-turn-down{--fa:""}.fa-person-walking-arrow-right{--fa:""}.fa-envelope-square,.fa-square-envelope{--fa:""}.fa-dice{--fa:""}.fa-bowling-ball{--fa:""}.fa-brain{--fa:""}.fa-band-aid,.fa-bandage{--fa:""}.fa-calendar-minus{--fa:""}.fa-circle-xmark,.fa-times-circle,.fa-xmark-circle{--fa:""}.fa-gifts{--fa:""}.fa-hotel{--fa:""}.fa-earth-asia,.fa-globe-asia{--fa:""}.fa-id-card-alt,.fa-id-card-clip{--fa:""}.fa-magnifying-glass-plus,.fa-search-plus{--fa:""}.fa-thumbs-up{--fa:""}.fa-user-clock{--fa:""}.fa-allergies,.fa-hand-dots{--fa:""}.fa-file-invoice{--fa:""}.fa-window-minimize{--fa:""}.fa-coffee,.fa-mug-saucer{--fa:""}.fa-brush{--fa:""}.fa-file-half-dashed{--fa:""}.fa-mask{--fa:""}.fa-magnifying-glass-minus,.fa-search-minus{--fa:""}.fa-ruler-vertical{--fa:""}.fa-user-alt,.fa-user-large{--fa:""}.fa-train-tram{--fa:""}.fa-user-nurse{--fa:""}.fa-syringe{--fa:""}.fa-cloud-sun{--fa:""}.fa-stopwatch-20{--fa:""}.fa-square-full{--fa:""}.fa-magnet{--fa:""}.fa-jar{--fa:""}.fa-note-sticky,.fa-sticky-note{--fa:""}.fa-bug-slash{--fa:""}.fa-arrow-up-from-water-pump{--fa:""}.fa-bone{--fa:""}.fa-table-cells-row-unlock{--fa:""}.fa-user-injured{--fa:""}.fa-face-sad-tear,.fa-sad-tear{--fa:""}.fa-plane{--fa:""}.fa-tent-arrows-down{--fa:""}.fa-exclamation{--fa:"!"}.fa-arrows-spin{--fa:""}.fa-print{--fa:""}.fa-try,.fa-turkish-lira,.fa-turkish-lira-sign{--fa:""}.fa-dollar,.fa-dollar-sign,.fa-usd{--fa:"$"}.fa-x{--fa:"X"}.fa-magnifying-glass-dollar,.fa-search-dollar{--fa:""}.fa-users-cog,.fa-users-gear{--fa:""}.fa-person-military-pointing{--fa:""}.fa-bank,.fa-building-columns,.fa-institution,.fa-museum,.fa-university{--fa:""}.fa-umbrella{--fa:""}.fa-trowel{--fa:""}.fa-d{--fa:"D"}.fa-stapler{--fa:""}.fa-masks-theater,.fa-theater-masks{--fa:""}.fa-kip-sign{--fa:""}.fa-hand-point-left{--fa:""}.fa-handshake-alt,.fa-handshake-simple{--fa:""}.fa-fighter-jet,.fa-jet-fighter{--fa:""}.fa-share-alt-square,.fa-square-share-nodes{--fa:""}.fa-barcode{--fa:""}.fa-plus-minus{--fa:""}.fa-video,.fa-video-camera{--fa:""}.fa-graduation-cap,.fa-mortar-board{--fa:""}.fa-hand-holding-medical{--fa:""}.fa-person-circle-check{--fa:""}.fa-level-up-alt,.fa-turn-up{--fa:""}.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(./fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(./fa-brands-400-D1LuMI3I.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-monero{--fa:""}.fa-hooli{--fa:""}.fa-yelp{--fa:""}.fa-cc-visa{--fa:""}.fa-lastfm{--fa:""}.fa-shopware{--fa:""}.fa-creative-commons-nc{--fa:""}.fa-aws{--fa:""}.fa-redhat{--fa:""}.fa-yoast{--fa:""}.fa-cloudflare{--fa:""}.fa-ups{--fa:""}.fa-pixiv{--fa:""}.fa-wpexplorer{--fa:""}.fa-dyalog{--fa:""}.fa-bity{--fa:""}.fa-stackpath{--fa:""}.fa-buysellads{--fa:""}.fa-first-order{--fa:""}.fa-modx{--fa:""}.fa-guilded{--fa:""}.fa-vnv{--fa:""}.fa-js-square,.fa-square-js{--fa:""}.fa-microsoft{--fa:""}.fa-qq{--fa:""}.fa-orcid{--fa:""}.fa-java{--fa:""}.fa-invision{--fa:""}.fa-creative-commons-pd-alt{--fa:""}.fa-centercode{--fa:""}.fa-glide-g{--fa:""}.fa-drupal{--fa:""}.fa-jxl{--fa:""}.fa-dart-lang{--fa:""}.fa-hire-a-helper{--fa:""}.fa-creative-commons-by{--fa:""}.fa-unity{--fa:""}.fa-whmcs{--fa:""}.fa-rocketchat{--fa:""}.fa-vk{--fa:""}.fa-untappd{--fa:""}.fa-mailchimp{--fa:""}.fa-css3-alt{--fa:""}.fa-reddit-square,.fa-square-reddit{--fa:""}.fa-vimeo-v{--fa:""}.fa-contao{--fa:""}.fa-square-font-awesome{--fa:""}.fa-deskpro{--fa:""}.fa-brave{--fa:""}.fa-sistrix{--fa:""}.fa-instagram-square,.fa-square-instagram{--fa:""}.fa-battle-net{--fa:""}.fa-the-red-yeti{--fa:""}.fa-hacker-news-square,.fa-square-hacker-news{--fa:""}.fa-edge{--fa:""}.fa-threads{--fa:""}.fa-napster{--fa:""}.fa-snapchat-square,.fa-square-snapchat{--fa:""}.fa-google-plus-g{--fa:""}.fa-artstation{--fa:""}.fa-markdown{--fa:""}.fa-sourcetree{--fa:""}.fa-google-plus{--fa:""}.fa-diaspora{--fa:""}.fa-foursquare{--fa:""}.fa-stack-overflow{--fa:""}.fa-github-alt{--fa:""}.fa-phoenix-squadron{--fa:""}.fa-pagelines{--fa:""}.fa-algolia{--fa:""}.fa-red-river{--fa:""}.fa-creative-commons-sa{--fa:""}.fa-safari{--fa:""}.fa-google{--fa:""}.fa-font-awesome-alt,.fa-square-font-awesome-stroke{--fa:""}.fa-atlassian{--fa:""}.fa-linkedin-in{--fa:""}.fa-digital-ocean{--fa:""}.fa-nimblr{--fa:""}.fa-chromecast{--fa:""}.fa-evernote{--fa:""}.fa-hacker-news{--fa:""}.fa-creative-commons-sampling{--fa:""}.fa-adversal{--fa:""}.fa-creative-commons{--fa:""}.fa-watchman-monitoring{--fa:""}.fa-fonticons{--fa:""}.fa-weixin{--fa:""}.fa-shirtsinbulk{--fa:""}.fa-codepen{--fa:""}.fa-git-alt{--fa:""}.fa-lyft{--fa:""}.fa-rev{--fa:""}.fa-windows{--fa:""}.fa-wizards-of-the-coast{--fa:""}.fa-square-viadeo,.fa-viadeo-square{--fa:""}.fa-meetup{--fa:""}.fa-centos{--fa:""}.fa-adn{--fa:""}.fa-cloudsmith{--fa:""}.fa-opensuse{--fa:""}.fa-pied-piper-alt{--fa:""}.fa-dribbble-square,.fa-square-dribbble{--fa:""}.fa-codiepie{--fa:""}.fa-node{--fa:""}.fa-mix{--fa:""}.fa-steam{--fa:""}.fa-cc-apple-pay{--fa:""}.fa-scribd{--fa:""}.fa-debian{--fa:""}.fa-openid{--fa:""}.fa-instalod{--fa:""}.fa-files-pinwheel{--fa:""}.fa-expeditedssl{--fa:""}.fa-sellcast{--fa:""}.fa-square-twitter,.fa-twitter-square{--fa:""}.fa-r-project{--fa:""}.fa-delicious{--fa:""}.fa-freebsd{--fa:""}.fa-vuejs{--fa:""}.fa-accusoft{--fa:""}.fa-ioxhost{--fa:""}.fa-fonticons-fi{--fa:""}.fa-app-store{--fa:""}.fa-cc-mastercard{--fa:""}.fa-itunes-note{--fa:""}.fa-golang{--fa:""}.fa-kickstarter,.fa-square-kickstarter{--fa:""}.fa-grav{--fa:""}.fa-weibo{--fa:""}.fa-uncharted{--fa:""}.fa-firstdraft{--fa:""}.fa-square-youtube,.fa-youtube-square{--fa:""}.fa-wikipedia-w{--fa:""}.fa-rendact,.fa-wpressr{--fa:""}.fa-angellist{--fa:""}.fa-galactic-republic{--fa:""}.fa-nfc-directional{--fa:""}.fa-skype{--fa:""}.fa-joget{--fa:""}.fa-fedora{--fa:""}.fa-stripe-s{--fa:""}.fa-meta{--fa:""}.fa-laravel{--fa:""}.fa-hotjar{--fa:""}.fa-bluetooth-b{--fa:""}.fa-square-letterboxd{--fa:""}.fa-sticker-mule{--fa:""}.fa-creative-commons-zero{--fa:""}.fa-hips{--fa:""}.fa-css{--fa:""}.fa-behance{--fa:""}.fa-reddit{--fa:""}.fa-discord{--fa:""}.fa-chrome{--fa:""}.fa-app-store-ios{--fa:""}.fa-cc-discover{--fa:""}.fa-wpbeginner{--fa:""}.fa-confluence{--fa:""}.fa-shoelace{--fa:""}.fa-mdb{--fa:""}.fa-dochub{--fa:""}.fa-accessible-icon{--fa:""}.fa-ebay{--fa:""}.fa-amazon{--fa:""}.fa-unsplash{--fa:""}.fa-yarn{--fa:""}.fa-square-steam,.fa-steam-square{--fa:""}.fa-500px{--fa:""}.fa-square-vimeo,.fa-vimeo-square{--fa:""}.fa-asymmetrik{--fa:""}.fa-font-awesome,.fa-font-awesome-flag,.fa-font-awesome-logo-full{--fa:""}.fa-gratipay{--fa:""}.fa-apple{--fa:""}.fa-hive{--fa:""}.fa-gitkraken{--fa:""}.fa-keybase{--fa:""}.fa-apple-pay{--fa:""}.fa-padlet{--fa:""}.fa-amazon-pay{--fa:""}.fa-github-square,.fa-square-github{--fa:""}.fa-stumbleupon{--fa:""}.fa-fedex{--fa:""}.fa-phoenix-framework{--fa:""}.fa-shopify{--fa:""}.fa-neos{--fa:""}.fa-square-threads{--fa:""}.fa-hackerrank{--fa:""}.fa-researchgate{--fa:""}.fa-swift{--fa:""}.fa-angular{--fa:""}.fa-speakap{--fa:""}.fa-angrycreative{--fa:""}.fa-y-combinator{--fa:""}.fa-empire{--fa:""}.fa-envira{--fa:""}.fa-google-scholar{--fa:""}.fa-gitlab-square,.fa-square-gitlab{--fa:""}.fa-studiovinari{--fa:""}.fa-pied-piper{--fa:""}.fa-wordpress{--fa:""}.fa-product-hunt{--fa:""}.fa-firefox{--fa:""}.fa-linode{--fa:""}.fa-goodreads{--fa:""}.fa-odnoklassniki-square,.fa-square-odnoklassniki{--fa:""}.fa-jsfiddle{--fa:""}.fa-sith{--fa:""}.fa-themeisle{--fa:""}.fa-page4{--fa:""}.fa-hashnode{--fa:""}.fa-react{--fa:""}.fa-cc-paypal{--fa:""}.fa-squarespace{--fa:""}.fa-cc-stripe{--fa:""}.fa-creative-commons-share{--fa:""}.fa-bitcoin{--fa:""}.fa-keycdn{--fa:""}.fa-opera{--fa:""}.fa-itch-io{--fa:""}.fa-umbraco{--fa:""}.fa-galactic-senate{--fa:""}.fa-ubuntu{--fa:""}.fa-draft2digital{--fa:""}.fa-stripe{--fa:""}.fa-houzz{--fa:""}.fa-gg{--fa:""}.fa-dhl{--fa:""}.fa-pinterest-square,.fa-square-pinterest{--fa:""}.fa-xing{--fa:""}.fa-blackberry{--fa:""}.fa-creative-commons-pd{--fa:""}.fa-playstation{--fa:""}.fa-quinscape{--fa:""}.fa-less{--fa:""}.fa-blogger-b{--fa:""}.fa-opencart{--fa:""}.fa-vine{--fa:""}.fa-signal-messenger{--fa:""}.fa-paypal{--fa:""}.fa-gitlab{--fa:""}.fa-typo3{--fa:""}.fa-reddit-alien{--fa:""}.fa-yahoo{--fa:""}.fa-dailymotion{--fa:""}.fa-affiliatetheme{--fa:""}.fa-pied-piper-pp{--fa:""}.fa-bootstrap{--fa:""}.fa-odnoklassniki{--fa:""}.fa-nfc-symbol{--fa:""}.fa-mintbit{--fa:""}.fa-ethereum{--fa:""}.fa-speaker-deck{--fa:""}.fa-creative-commons-nc-eu{--fa:""}.fa-patreon{--fa:""}.fa-avianex{--fa:""}.fa-ello{--fa:""}.fa-gofore{--fa:""}.fa-bimobject{--fa:""}.fa-brave-reverse{--fa:""}.fa-facebook-f{--fa:""}.fa-google-plus-square,.fa-square-google-plus{--fa:""}.fa-web-awesome{--fa:""}.fa-mandalorian{--fa:""}.fa-first-order-alt{--fa:""}.fa-osi{--fa:""}.fa-google-wallet{--fa:""}.fa-d-and-d-beyond{--fa:""}.fa-periscope{--fa:""}.fa-fulcrum{--fa:""}.fa-cloudscale{--fa:""}.fa-forumbee{--fa:""}.fa-mizuni{--fa:""}.fa-schlix{--fa:""}.fa-square-xing,.fa-xing-square{--fa:""}.fa-bandcamp{--fa:""}.fa-wpforms{--fa:""}.fa-cloudversify{--fa:""}.fa-usps{--fa:""}.fa-megaport{--fa:""}.fa-magento{--fa:""}.fa-spotify{--fa:""}.fa-optin-monster{--fa:""}.fa-fly{--fa:""}.fa-square-bluesky{--fa:""}.fa-aviato{--fa:""}.fa-itunes{--fa:""}.fa-cuttlefish{--fa:""}.fa-blogger{--fa:""}.fa-flickr{--fa:""}.fa-viber{--fa:""}.fa-soundcloud{--fa:""}.fa-digg{--fa:""}.fa-tencent-weibo{--fa:""}.fa-letterboxd{--fa:""}.fa-symfony{--fa:""}.fa-maxcdn{--fa:""}.fa-etsy{--fa:""}.fa-facebook-messenger{--fa:""}.fa-audible{--fa:""}.fa-think-peaks{--fa:""}.fa-bilibili{--fa:""}.fa-erlang{--fa:""}.fa-x-twitter{--fa:""}.fa-cotton-bureau{--fa:""}.fa-dashcube{--fa:""}.fa-42-group,.fa-innosoft{--fa:""}.fa-stack-exchange{--fa:""}.fa-elementor{--fa:""}.fa-pied-piper-square,.fa-square-pied-piper{--fa:""}.fa-creative-commons-nd{--fa:""}.fa-palfed{--fa:""}.fa-superpowers{--fa:""}.fa-resolving{--fa:""}.fa-xbox{--fa:""}.fa-square-web-awesome-stroke{--fa:""}.fa-searchengin{--fa:""}.fa-tiktok{--fa:""}.fa-facebook-square,.fa-square-facebook{--fa:""}.fa-renren{--fa:""}.fa-linux{--fa:""}.fa-glide{--fa:""}.fa-linkedin{--fa:""}.fa-hubspot{--fa:""}.fa-deploydog{--fa:""}.fa-twitch{--fa:""}.fa-flutter{--fa:""}.fa-ravelry{--fa:""}.fa-mixer{--fa:""}.fa-lastfm-square,.fa-square-lastfm{--fa:""}.fa-vimeo{--fa:""}.fa-mendeley{--fa:""}.fa-uniregistry{--fa:""}.fa-figma{--fa:""}.fa-creative-commons-remix{--fa:""}.fa-cc-amazon-pay{--fa:""}.fa-dropbox{--fa:""}.fa-instagram{--fa:""}.fa-cmplid{--fa:""}.fa-upwork{--fa:""}.fa-facebook{--fa:""}.fa-gripfire{--fa:""}.fa-jedi-order{--fa:""}.fa-uikit{--fa:""}.fa-fort-awesome-alt{--fa:""}.fa-phabricator{--fa:""}.fa-ussunnah{--fa:""}.fa-earlybirds{--fa:""}.fa-trade-federation{--fa:""}.fa-autoprefixer{--fa:""}.fa-whatsapp{--fa:""}.fa-square-upwork{--fa:""}.fa-slideshare{--fa:""}.fa-google-play{--fa:""}.fa-viadeo{--fa:""}.fa-line{--fa:""}.fa-google-drive{--fa:""}.fa-servicestack{--fa:""}.fa-simplybuilt{--fa:""}.fa-bitbucket{--fa:""}.fa-imdb{--fa:""}.fa-deezer{--fa:""}.fa-raspberry-pi{--fa:""}.fa-jira{--fa:""}.fa-docker{--fa:""}.fa-screenpal{--fa:""}.fa-bluetooth{--fa:""}.fa-gitter{--fa:""}.fa-d-and-d{--fa:""}.fa-microblog{--fa:""}.fa-cc-diners-club{--fa:""}.fa-gg-circle{--fa:""}.fa-pied-piper-hat{--fa:""}.fa-kickstarter-k{--fa:""}.fa-yandex{--fa:""}.fa-readme{--fa:""}.fa-html5{--fa:""}.fa-sellsy{--fa:""}.fa-square-web-awesome{--fa:""}.fa-sass{--fa:""}.fa-wirsindhandwerk,.fa-wsh{--fa:""}.fa-buromobelexperte{--fa:""}.fa-salesforce{--fa:""}.fa-octopus-deploy{--fa:""}.fa-medapps{--fa:""}.fa-ns8{--fa:""}.fa-pinterest-p{--fa:""}.fa-apper{--fa:""}.fa-fort-awesome{--fa:""}.fa-waze{--fa:""}.fa-bluesky{--fa:""}.fa-cc-jcb{--fa:""}.fa-snapchat,.fa-snapchat-ghost{--fa:""}.fa-fantasy-flight-games{--fa:""}.fa-rust{--fa:""}.fa-wix{--fa:""}.fa-behance-square,.fa-square-behance{--fa:""}.fa-supple{--fa:""}.fa-webflow{--fa:""}.fa-rebel{--fa:""}.fa-css3{--fa:""}.fa-staylinked{--fa:""}.fa-kaggle{--fa:""}.fa-space-awesome{--fa:""}.fa-deviantart{--fa:""}.fa-cpanel{--fa:""}.fa-goodreads-g{--fa:""}.fa-git-square,.fa-square-git{--fa:""}.fa-square-tumblr,.fa-tumblr-square{--fa:""}.fa-trello{--fa:""}.fa-creative-commons-nc-jp{--fa:""}.fa-get-pocket{--fa:""}.fa-perbyte{--fa:""}.fa-grunt{--fa:""}.fa-weebly{--fa:""}.fa-connectdevelop{--fa:""}.fa-leanpub{--fa:""}.fa-black-tie{--fa:""}.fa-themeco{--fa:""}.fa-python{--fa:""}.fa-android{--fa:""}.fa-bots{--fa:""}.fa-free-code-camp{--fa:""}.fa-hornbill{--fa:""}.fa-js{--fa:""}.fa-ideal{--fa:""}.fa-git{--fa:""}.fa-dev{--fa:""}.fa-sketch{--fa:""}.fa-yandex-international{--fa:""}.fa-cc-amex{--fa:""}.fa-uber{--fa:""}.fa-github{--fa:""}.fa-php{--fa:""}.fa-alipay{--fa:""}.fa-youtube{--fa:""}.fa-skyatlas{--fa:""}.fa-firefox-browser{--fa:""}.fa-replyd{--fa:""}.fa-suse{--fa:""}.fa-jenkins{--fa:""}.fa-twitter{--fa:""}.fa-rockrms{--fa:""}.fa-pinterest{--fa:""}.fa-buffer{--fa:""}.fa-npm{--fa:""}.fa-yammer{--fa:""}.fa-btc{--fa:""}.fa-dribbble{--fa:""}.fa-stumbleupon-circle{--fa:""}.fa-internet-explorer{--fa:""}.fa-stubber{--fa:""}.fa-telegram,.fa-telegram-plane{--fa:""}.fa-old-republic{--fa:""}.fa-odysee{--fa:""}.fa-square-whatsapp,.fa-whatsapp-square{--fa:""}.fa-node-js{--fa:""}.fa-edge-legacy{--fa:""}.fa-slack,.fa-slack-hash{--fa:""}.fa-medrt{--fa:""}.fa-usb{--fa:""}.fa-tumblr{--fa:""}.fa-vaadin{--fa:""}.fa-quora{--fa:""}.fa-square-x-twitter{--fa:""}.fa-reacteurope{--fa:""}.fa-medium,.fa-medium-m{--fa:""}.fa-amilia{--fa:""}.fa-mixcloud{--fa:""}.fa-flipboard{--fa:""}.fa-viacoin{--fa:""}.fa-critical-role{--fa:""}.fa-sitrox{--fa:""}.fa-discourse{--fa:""}.fa-joomla{--fa:""}.fa-mastodon{--fa:""}.fa-airbnb{--fa:""}.fa-wolf-pack-battalion{--fa:""}.fa-buy-n-large{--fa:""}.fa-gulp{--fa:""}.fa-creative-commons-sampling-plus{--fa:""}.fa-strava{--fa:""}.fa-ember{--fa:""}.fa-canadian-maple-leaf{--fa:""}.fa-teamspeak{--fa:""}.fa-pushed{--fa:""}.fa-wordpress-simple{--fa:""}.fa-nutritionix{--fa:""}.fa-wodu{--fa:""}.fa-google-pay{--fa:""}.fa-intercom{--fa:""}.fa-zhihu{--fa:""}.fa-korvue{--fa:""}.fa-pix{--fa:""}.fa-steam-symbol{--fa:""}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(./fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(./fa-regular-400-DZaxPHgR.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(./fa-solid-900-CTAAxXor.woff2) format("woff2"),url(./fa-solid-900-D0aA9rwL.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(./fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(./fa-brands-400-D1LuMI3I.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(./fa-solid-900-CTAAxXor.woff2) format("woff2"),url(./fa-solid-900-D0aA9rwL.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(./fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(./fa-regular-400-DZaxPHgR.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(./fa-solid-900-CTAAxXor.woff2) format("woff2"),url(./fa-solid-900-D0aA9rwL.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(./fa-brands-400-D_cYUPeE.woff2) format("woff2"),url(./fa-brands-400-D1LuMI3I.ttf) format("truetype")}@font-face{font-family:FontAwesome;font-display:block;src:url(./fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(./fa-regular-400-DZaxPHgR.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:FontAwesome;font-display:block;src:url(./fa-v4compatibility-C9RhG_FT.woff2) format("woff2"),url(./fa-v4compatibility-CCth-dXg.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}