@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#25d366;--primary-light:#dcfce7;--primary-dark:#128c7e;--bg-main:#fff;--bg-secondary:#f7f4ee;--bg-card:#fff;--sidebar-bg:#fafaf8;--border-color:#e8e5df;--border-light:#f0ede8;--text-main:#1a1a1a;--text-secondary:#6b7280;--text-muted:#9ca3af;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-md:0 4px 16px #0000000f, 0 2px 4px #00000008;--shadow-lg:0 10px 30px #00000014, 0 4px 8px #00000008;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}body.dark-mode{--bg-main:#0f0f0f;--bg-secondary:#111113;--bg-card:#1a1a1d;--sidebar-bg:#131315;--border-color:#2a2a2d;--border-light:#222225;--text-main:#f0f0f3;--text-secondary:#9e9ea6;--text-muted:#5c5c63;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 10px 30px #0009;color:#f0f0f3!important;background-color:#111113!important}body.dark-mode .app-container{background:#111113!important}body.dark-mode .sidebar{background:#131315!important;border-right-color:#2a2a2d!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode p,body.dark-mode span,body.dark-mode label,body.dark-mode div{color:inherit}body.dark-mode [class*=text-gray-800],body.dark-mode [class*=text-gray-700]{color:#f0f0f3!important}body.dark-mode [class*=text-gray-500],body.dark-mode [class*=text-gray-400]{color:#8e8e96!important}body.dark-mode [class*=text-gray-300]{color:#6e6e76!important}body.dark-mode [class*=text-xl][class*=font-bold],body.dark-mode [class*=text-2xl],body.dark-mode [class*=text-3xl]{color:#f0f0f3!important}body.dark-mode [class*=bg-white]{background-color:#1a1a1d!important}body.dark-mode [class*=bg-gray-50]{background-color:#1e1e21!important}body.dark-mode [class*=bg-gray-100]{background-color:#222225!important}body.dark-mode [class*="bg-[#F7F4EE]"],body.dark-mode [class*="bg-[#F7F4EE]"]{background-color:#1e1e21!important}body.dark-mode [class*="bg-[#EDE9E3]"]{background-color:#252528!important}body.dark-mode .glass-card,body.dark-mode .glass-card-mobile{background:#1a1a1d!important;border-color:#2a2a2d!important}body.dark-mode .stat-card{background:#1a1a1d!important}body.dark-mode .stat-value{color:#f0f0f3!important}body.dark-mode [class*="border-[#E8E5DF]"],body.dark-mode [class*=border-gray-100],body.dark-mode [class*=border-gray-200]{border-color:#2a2a2d!important}body.dark-mode .nav-item{color:#9e9ea6!important}body.dark-mode .nav-item:hover{color:#f0f0f3!important;background:#25d3661a!important}body.dark-mode .nav-item.active{color:#25d366!important;background:#25d36626!important}body.dark-mode .status-CONNECTED{color:#4ade80!important;background:#052e16!important;border-color:#166534!important}body.dark-mode .status-QR_READY{color:#fbbf24!important;background:#1c1200!important;border-color:#713f12!important}body.dark-mode .status-DISCONNECTED{color:#f87171!important;background:#1c0606!important;border-color:#7f1d1d!important}body.dark-mode .status-TIMEOUT{color:#636366!important;background:#1a1a1d!important;border-color:#2a2a2d!important}body.dark-mode .mobile-header{background:#131315f5!important;border-bottom-color:#2a2a2d!important}body.dark-mode .mobile-nav{background:#131315f5!important;border-top-color:#2a2a2d!important}body.dark-mode .mobile-nav-item{color:#5c5c63!important}body.dark-mode .mobile-nav-item.active,body.dark-mode .mobile-nav-item.active svg{color:#25d366!important}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{color:#f0f0f3!important;background:#1e1e21!important;border-color:#333336!important}body.dark-mode input:focus,body.dark-mode textarea:focus,body.dark-mode select:focus{border-color:#25d366!important;box-shadow:0 0 0 3px #25d36626!important}body.dark-mode .biz-card{background:#1a1a1d!important;border-color:#2a2a2d!important}body.dark-mode .biz-input{color:#f0f0f3!important;background:#1e1e21!important;border-color:#333336!important}body.dark-mode .biz-input:focus{background:#222225!important;border-color:#25d366!important}body.dark-mode .biz-upload-btn,body.dark-mode .biz-btn-reset{color:#9e9ea6!important;background:#1e1e21!important;border-color:#333336!important}body.dark-mode .biz-toggle-row{background:#1a1a1d!important;border-color:#2a2a2d!important}body.dark-mode .biz-toggle-label{color:#d0d0d5!important}body.dark-mode .biz-label{color:#7e7e86!important}body.dark-mode .biz-title{color:#f0f0f3!important}body.dark-mode .biz-subtitle{color:#7e7e86!important}body.dark-mode .biz-printer-name{color:#f0f0f3!important}body.dark-mode .biz-logo-preview{background:#1e1e21!important;border-color:#333336!important}body.dark-mode .biz-btn-connect{color:#111113!important;background:#f0f0f3!important}body.dark-mode .biz-btn-save{background:linear-gradient(135deg,#25d366 0%,#1db954 100%)!important}body.dark-mode .biz-header-icon{background:#25d3661f!important;border-color:#2a2a2d!important}body.dark-mode .biz-card-label{color:#7e7e86!important}body.dark-mode [class*=bg-black\\\/30]{background:#0009!important}body.dark-mode [class*=bg-blue-50]{background-color:#3b82f61f!important}body.dark-mode [class*=bg-green-50]{background-color:#25d3661f!important}body.dark-mode [class*=bg-purple-50]{background-color:#a855f71f!important}body.dark-mode [class*=bg-orange-50]{background-color:#f973161f!important}body.dark-mode [class*=bg-red-50]{background-color:#ef44441f!important}body.dark-mode ::-webkit-scrollbar-track{background:#111113}body.dark-mode ::-webkit-scrollbar-thumb{background:#333336}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#4a4a4e}body{transition:background-color .3s,color .3s}.app-container,.sidebar,.glass-card,.glass-card-mobile,.stat-card,.nav-item,.mobile-header,.mobile-nav,.biz-card,.biz-input,input,textarea,select{transition:background-color .3s,color .3s,border-color .3s}*{box-sizing:border-box}body{background-color:var(--bg-secondary);color:var(--text-main);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.app-container{background:var(--bg-secondary);min-height:100vh;display:flex;position:relative}.desktop-only{display:block}.mobile-only,.mobile-header,.mobile-nav{display:none}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;width:280px;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed}.main-content{flex:1;max-width:1400px;margin-left:280px;padding:2.5rem}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:16px;align-items:center;gap:1rem;margin-bottom:.375rem;padding:.875rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#25d3660f}.nav-item.active{color:var(--primary);background:#25d3661a;font-weight:600}.status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:30px;padding:6px 14px;font-size:.7rem;font-weight:700}.status-CONNECTED{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.status-QR_READY{color:#a16207;background:#fef9c3;border:1px solid #fde68a}.status-DISCONNECTED{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.status-TIMEOUT{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.stat-card{flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.stat-value{color:var(--text-main);font-size:1.75rem;font-weight:800}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.theme-toggle{border:1.5px solid var(--border-color);cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .25s;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:#25d36612}.logout-btn{border:1.5px solid var(--border-color);cursor:pointer;color:#ef4444;background:0 0;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .25s;display:flex}.logout-btn:hover{color:#ef4444;background:#ef444412;border-color:#ef4444}body.dark-mode .logout-btn{color:#f87171!important;border-color:#2a2a2d!important}body.dark-mode .logout-btn:hover{color:#f87171!important;background:#ef44441f!important;border-color:#f87171!important}.theme-toggle-track{background:var(--border-color);border-radius:50px;flex-shrink:0;align-items:center;width:38px;height:22px;margin-left:auto;padding:2px;transition:background .3s;display:flex}.theme-toggle-track.dark{background:#25d366}.theme-toggle-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000040}.theme-toggle-thumb.dark{transform:translate(16px)}@media (width<=1024px){.sidebar{width:80px;padding:2rem .75rem}.sidebar span{display:none}.main-content{margin-left:80px;padding:1.5rem}.nav-item{justify-content:center;padding:1rem}}@media (width<=768px){.app-container{padding-bottom:80px;display:block}.sidebar{display:none!important}.mobile-header{-webkit-backdrop-filter:blur(20px);z-index:200;border-bottom:1px solid var(--border-light);background:#fffffff0;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.mobile-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);z-index:1000;background:#fffffff5;justify-content:space-around;align-items:center;height:80px;padding:0 .5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000a}.main-content{box-sizing:border-box;width:100%!important;max-width:100%!important;margin-left:0!important;padding:0 16px 16px!important}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-nav-item{color:var(--text-muted);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px;transition:color .2s;display:flex}.mobile-nav-item.active,.mobile-nav-item.active svg{color:var(--primary)}.glass-card-mobile{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:20px;padding:1.25rem;transition:all .2s}.glass-card-mobile:active{transform:scale(.98)}}input,textarea,select{transition:border-color .2s,box-shadow .2s;color:var(--text-main)!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:14px!important}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;outline:none!important;box-shadow:0 0 0 3px #25d3661f!important}input::placeholder,textarea::placeholder{color:var(--text-muted)!important}.biz-page{flex-direction:column;gap:1.5rem;max-width:860px;display:flex}.biz-header{align-items:center;gap:1rem;margin-bottom:.25rem;display:flex}.biz-header-icon{color:#4caf78;background:#edf7f0;border:1px solid #c8e6ce;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.biz-title{color:#1a1a1a;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.biz-subtitle{color:#9ca3af;margin:2px 0 0;font-size:.8rem}.biz-row-2col{grid-template-columns:1fr 1.5fr;gap:1.25rem;display:grid}@media (width<=768px){.biz-row-2col{grid-template-columns:1fr}}.biz-card{background:#fff;border:1px solid #ede8e0;border-radius:20px;padding:1.5rem;transition:box-shadow .25s;box-shadow:0 2px 12px #0000000a,0 1px 3px #00000008}.biz-card:hover{box-shadow:0 6px 24px #00000012}.biz-card-label{text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;align-items:center;gap:8px;margin-bottom:1.1rem;font-size:.68rem;font-weight:700;display:flex}.biz-section-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.biz-logo-preview{aspect-ratio:1;background:#f9f6f1;border:1.5px dashed #ddd6cb;border-radius:16px;justify-content:center;align-items:center;width:100%;max-height:160px;margin-bottom:1rem;display:flex;overflow:hidden}.biz-logo-img{object-fit:contain;width:100%;height:100%;padding:8px}.biz-logo-placeholder{color:#b0bec5;flex-direction:column;align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.biz-upload-btn{color:#4b5563;cursor:pointer;text-align:center;background:#f9f6f1;border:1px solid #e0dbd2;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:11px 16px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.biz-upload-btn:hover{color:#4caf78;background:#f0ece6;border-color:#c8e6ce}.biz-remove-logo{color:#ef4444;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;width:100%;margin-top:8px;padding:8px;font-size:.72rem;font-weight:500;transition:background .2s;display:block}.biz-remove-logo:hover{background:#fef2f2}.biz-printer-status{border:1px solid;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex}.biz-printer-on{background:#f0faf4;border-color:#c3e6cc}.biz-printer-off{background:#f9f9f9;border-color:#e5e7eb}.biz-printer-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.biz-printer-on .biz-printer-icon{color:#4caf78;background:#dcf5e7}.biz-printer-off .biz-printer-icon{color:#9ca3af;background:#f3f4f6}.biz-printer-name{color:#1a1a1a;margin:0 0 2px;font-size:.85rem;font-weight:700}.biz-printer-state{margin:0;font-size:.72rem;font-weight:600}.biz-printer-on .biz-printer-state{color:#4caf78}.biz-printer-off .biz-printer-state{color:#9ca3af}.biz-toggle-row{background:#faf8f5;border:1px solid #ede8e0;border-radius:12px;justify-content:space-between;align-items:center;margin-top:.85rem;padding:12px 14px;display:flex}.biz-toggle-label{color:#374151;margin:0 0 2px;font-size:.82rem;font-weight:600}.biz-toggle-sub{color:#9ca3af;margin:0;font-size:.7rem}.biz-toggle{cursor:pointer;background:#d1d5db;border:none;border-radius:50px;flex-shrink:0;align-items:center;width:44px;height:24px;padding:2px;transition:background .3s;display:flex}.biz-toggle-active{background:#4caf78}.biz-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #0000002e}.biz-toggle-thumb-active{transform:translate(20px)}.biz-btn-connect{color:#fff;cursor:pointer;letter-spacing:.01em;background:#1a1a1a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:1rem;padding:12px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.biz-btn-connect:hover{background:#2d2d2d;transform:translateY(-1px);box-shadow:0 4px 14px #00000026}.biz-info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=600px){.biz-info-grid{grid-template-columns:1fr}}.biz-field{flex-direction:column;gap:6px;display:flex}.biz-field-full{grid-column:1/-1}.biz-label{text-transform:uppercase;letter-spacing:.07em;color:#9ca3af;font-size:.7rem;font-weight:700}.biz-input{outline:none;width:100%;font-family:inherit;color:#1a1a1a!important;background:#faf8f5!important;border:1.5px solid #e8e2d8!important;border-radius:12px!important;padding:12px 15px!important;font-size:.88rem!important;transition:border-color .2s,box-shadow .2s,background .2s!important}.biz-input:focus{background:#fff!important;border-color:#80c9a0!important;box-shadow:0 0 0 3px #4caf781a!important}.biz-input::placeholder{font-weight:400;color:#c4bdb2!important}.biz-mono{font-family:JetBrains Mono,Fira Mono,Consolas,monospace!important;font-size:.82rem!important}.biz-actions{align-items:center;gap:1rem;padding-top:.25rem;padding-bottom:1rem;display:flex}.biz-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4caf78 0%,#38a369 100%);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:.88rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 16px #4caf7840}.biz-btn-save:hover{background:linear-gradient(135deg,#58c488 0%,#42b374 100%);transform:translateY(-1px);box-shadow:0 6px 22px #4caf7859}.biz-btn-save:active{transform:scale(.98)}.biz-btn-reset{color:#6b7280;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e0dbd2;border-radius:14px;align-items:center;gap:7px;padding:14px 22px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.biz-btn-reset:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.biz-upload-zone{cursor:pointer;background:#fcfaf7;border:2px dashed #d6d0c6;border-radius:16px;margin-top:10px;padding:24px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.biz-upload-zone:hover{background:#f0faf4;border-color:#4caf78}.biz-upload-zone.dragover{background:#e8f8ee;border-color:#25d366;transform:scale(1.01);box-shadow:0 0 0 4px #25d3661f}.biz-upload-content{color:#9ca3af;flex-direction:column;align-items:center;gap:8px;display:flex}.biz-upload-content svg{opacity:.6}.biz-upload-zone:hover .biz-upload-content svg{opacity:1;color:#4caf78}.biz-upload-text{color:#6b7280;text-align:center;margin:0;font-size:.85rem;font-weight:600}.biz-upload-hint{color:#b0a99e;text-align:center;margin:0;font-size:.72rem;font-weight:500}.biz-upload-done{color:#4caf78!important}.biz-upload-done svg{color:#4caf78;opacity:1!important}.biz-upload-done .biz-upload-text{color:#2d8a56}.biz-upload-done .biz-upload-hint{color:#6b9e7a}.biz-upload-spinner{color:#4caf78}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}body.dark-mode .biz-upload-zone{background:#ffffff08;border-color:#ffffff1a}body.dark-mode .biz-upload-zone:hover{background:#25d3660f;border-color:#25d36666}body.dark-mode .biz-upload-zone.dragover{background:#25d3661a;border-color:#25d366;box-shadow:0 0 0 4px #25d36626}body.dark-mode .biz-upload-text{color:#d1d5db}body.dark-mode .biz-upload-hint{color:#6b7280}body.dark-mode .biz-upload-done .biz-upload-text{color:#6ee7a0}body.dark-mode .biz-upload-done .biz-upload-hint{color:#4ade80}.session-blocked-overlay{z-index:9999;-webkit-backdrop-filter:blur(16px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.session-blocked-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:28px;width:90%;max-width:420px;padding:3rem 2.5rem 2.5rem;box-shadow:0 25px 60px #00000040,0 0 80px #ef444414}.session-blocked-icon{color:#dc2626;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #fca5a5;border-radius:24px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.session-blocked-title{color:#1a1a1a;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.session-blocked-reason{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:0 0 1.25rem;padding:8px 16px;font-size:1rem;font-weight:600;display:inline-block}.session-blocked-divider{background:linear-gradient(90deg,#e5e7eb,#d1d5db);border-radius:4px;width:50px;height:3px;margin:0 auto 1.25rem}.session-blocked-detail{color:#6b7280;margin:0 0 1.5rem;font-size:.82rem;line-height:1.6}.session-blocked-loader{background:#f3f4f6;border-radius:6px;width:100%;height:6px;overflow:hidden}.session-blocked-loader-bar{background:linear-gradient(90deg,#ef4444,#dc2626,#ef4444);border-radius:6px;width:100%;height:100%;animation:4s linear forwards sessionBlockedProgress}@keyframes sessionBlockedProgress{0%{transform:translate(-100%)}to{transform:translate(0%)}}body.dark-mode .session-blocked-card{background:#1a1a1d!important;border-color:#2a2a2d!important;box-shadow:0 25px 60px #0009,0 0 80px #ef44441f!important}body.dark-mode .session-blocked-icon{color:#f87171!important;background:linear-gradient(135deg,#ef444426 0%,#dc262633 100%)!important;border-color:#ef44444d!important}body.dark-mode .session-blocked-title{color:#f0f0f3!important}body.dark-mode .session-blocked-reason{color:#f87171!important;background:#ef44441a!important;border-color:#ef444440!important}body.dark-mode .session-blocked-divider{background:linear-gradient(90deg,#333336,#4a4a4e)!important}body.dark-mode .session-blocked-detail{color:#9e9ea6!important}body.dark-mode .session-blocked-loader{background:#222225!important}.mobile-logout-btn{color:#ef4444;cursor:pointer;background:#ef444414;border:1.5px solid #ef444426;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:1.5rem;padding:1rem;font-size:.875rem;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.mobile-logout-btn:hover{background:#ef44441f;border-color:#ef444440}.mobile-logout-btn:active{transform:scale(.98)}body.dark-mode .mobile-logout-btn{color:#f87171!important;background:#ef44441f!important;border-color:#ef444440!important}body.dark-mode .mobile-logout-btn:hover{background:#ef44442e!important;border-color:#ef444459!important}