:root{--primary-emerald:#10b981;--primary-emerald-dark:#059669;--accent-amber:#f59e0b;--accent-amber-dark:#d97706;--accent-blue:#3b82f6;--bg-main:#f8fafc;--card-bg:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb}[data-bs-theme=dark],.dark{--bg-main:#111827;--card-bg:#1f2937;--text-main:#f9fafb;--text-muted:#9ca3af;--border-color:#374151}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-main);-webkit-overflow-scrolling:touch;text-rendering:optimizelegibility;min-height:100vh;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;transition:background-color .25s,color .25s}html,body{overflow-x:clip}.app-navbar{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px #0000000d;z-index:1030!important;position:sticky!important;top:0!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}:focus-visible{outline-offset:2px!important;outline:2px solid #10b981!important}.btn-emerald{color:#fff;background-color:#10b981;border-color:#10b981;font-weight:600;transition:all .2s}.btn-emerald:hover,.btn-emerald:focus{color:#fff;background-color:#059669;border-color:#059669;transform:translateY(-1px)}.btn-amber{color:#fff;background-color:#f59e0b;border-color:#f59e0b;font-weight:600;transition:all .2s}.btn-amber:hover,.btn-amber:focus{color:#fff;background-color:#d97706;border-color:#d97706;transform:translateY(-1px)}.hero-gradient{color:#fff;background:linear-gradient(135deg,#059669 0%,#0f766e 100%);border-radius:1.25rem;box-shadow:0 10px 25px -5px #05966959}.custom-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:transform .22s,box-shadow .22s,border-color .22s;box-shadow:0 1px 3px #0000000d}.custom-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px -3px #00000014}.custom-nav-btn{color:var(--text-muted);background:0 0;border:none;border-radius:.5rem;padding:.5rem .85rem;font-weight:500;transition:all .2s}.custom-nav-btn:hover{color:#10b981;background-color:#10b9811a}.custom-nav-btn.active{color:#10b981;background-color:#10b9811f;font-weight:700}.chat-float-btn{color:#fff;z-index:1040;background-color:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 8px 24px #10b98166}.chat-float-btn:hover{transform:scale(1.08);box-shadow:0 12px 28px #10b98180}.chat-window-panel{background-color:var(--card-bg);border:1px solid var(--border-color);z-index:1050;border-radius:1.25rem;flex-direction:column;width:380px;max-width:calc(100vw - 2rem);height:480px;max-height:calc(100dvh - 7rem);display:flex;position:fixed;bottom:5.5rem;right:1.5rem;overflow:hidden;box-shadow:0 20px 45px #00000040}.chat-messages-container{scrollbar-width:thin;scrollbar-color:#10b9814d transparent}.chat-messages-container::-webkit-scrollbar{width:5px}.chat-messages-container::-webkit-scrollbar-thumb{background-color:#10b9814d;border-radius:9999px}.chat-presets-tray{background-color:var(--card-bg);border-top:1px solid var(--border-color);z-index:5;flex-shrink:0;padding:.45rem .65rem .5rem}.chat-presets-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.7rem;font-weight:700}.chat-presets-count{color:var(--text-muted);font-size:.68rem;font-weight:600}.chat-presets-scroll{white-space:nowrap;-webkit-overflow-scrolling:touch;align-items:center;gap:.45rem;padding:.2rem .1rem;display:flex;overflow-x:auto}@media (max-width:767.98px){.chat-presets-scroll{scrollbar-width:none;-ms-overflow-style:none}.chat-presets-scroll::-webkit-scrollbar{display:none}}@media (min-width:768px){.chat-presets-scroll{scrollbar-width:thin;scrollbar-color:#10b98173 #6b72801f;padding-bottom:.4rem}.chat-presets-scroll::-webkit-scrollbar{height:5px;display:block!important}.chat-presets-scroll::-webkit-scrollbar-track{background:#6b72801a;border-radius:9999px;margin:0 4px}.chat-presets-scroll::-webkit-scrollbar-thumb{background-color:#10b98173;border-radius:9999px;transition:background-color .2s}.chat-presets-scroll::-webkit-scrollbar-thumb:hover{background-color:#10b981}}.chat-presets-nav{align-items:center;gap:2px;display:flex}.chat-presets-arrow-btn{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:inline-flex}.chat-presets-arrow-btn:hover{color:#10b981;background-color:#10b9811f;border-color:#10b981}.chat-preset-chip{color:#10b981;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#10b98114;border:1px solid #10b98173;border-radius:9999px;flex-shrink:0;align-items:center;gap:.35rem;max-width:220px;padding:.35rem .75rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.chat-preset-chip:hover{color:#fff;background-color:#10b981;border-color:#10b981;transform:translateY(-1px);box-shadow:0 2px 6px #10b98140}.chat-preset-chip.is-used{color:var(--text-muted);opacity:.85;background-color:#6b728014;border-color:#6b728038;font-weight:500}.chat-preset-chip.is-used:hover{color:var(--text-main);opacity:1;background-color:#6b72802e}.chat-preset-dot{background-color:#10b981;border-radius:50%;flex-shrink:0;width:6px;height:6px}.chat-bubble-bot{color:var(--text-main);background-color:#6b72801f;border-radius:.75rem .75rem .75rem .2rem;max-width:88%;padding:.65rem .85rem;font-size:.85rem;line-height:1.45}.chat-bubble-user{color:#fff;background-color:#10b981;border-radius:.75rem .75rem .2rem;max-width:85%;margin-left:auto;padding:.65rem .85rem;font-size:.85rem;line-height:1.45}.progress-thin{background-color:#6b72802e;border-radius:6px;height:9px;overflow:hidden}.custom-table{border-collapse:separate;border-spacing:0;width:100%}.custom-table th{background-color:#6b728014;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.custom-table td{vertical-align:middle;border-bottom:1px solid var(--border-color);padding:.75rem 1rem;font-size:.875rem}.btn-back-to-top{background-color:var(--card-bg);width:48px;height:48px;color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;z-index:1030;border-radius:50%;justify-content:center;align-items:center;transition:all .25s;display:flex;position:fixed;bottom:1.5rem;left:1.5rem;box-shadow:0 4px 14px #00000026}.btn-back-to-top:hover{color:#fff;background-color:#10b981;border-color:#10b981;transform:translateY(-2px);box-shadow:0 8px 20px #10b98159}@media (max-width:576px){.btn-back-to-top{width:44px;height:44px;bottom:1.25rem;left:1.25rem}}.live-clock-badge{color:#10b981;letter-spacing:.02em;-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#10b98114;border:1px solid #10b98138;border-radius:9999px;align-items:center;padding:.28rem .65rem;font-size:.8125rem;transition:background-color .2s,border-color .2s;display:inline-flex}[data-bs-theme=dark] .live-clock-badge{color:#34d399;background-color:#10b98124;border-color:#10b98152}.live-clock-badge:hover{background-color:#10b98126;border-color:#10b98166}.live-clock-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite livePulse}[data-bs-theme=dark] .live-clock-dot{background-color:#34d399}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.live-clock-time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}@media (max-width:420px){.live-clock-badge{padding:.2rem .5rem;font-size:.75rem}}.page-loader-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.page-loader-spinner{border:3px solid #10b98126;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;animation:.75s cubic-bezier(.5,.1,.5,.9) infinite pageSpin}@keyframes pageSpin{to{transform:rotate(360deg)}}.defer-render{content-visibility:auto;contain-intrinsic-size:1px 400px}.auth-avatar-btn{cursor:pointer;touch-action:manipulation;background-color:#0000;border:2px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;display:inline-flex;position:relative;overflow:visible}.auth-avatar-btn:hover{border-color:#059669;transform:scale(1.08);box-shadow:0 0 0 3px #10b98140}.auth-avatar-btn:focus-visible{border-color:#059669;transform:scale(1.08);box-shadow:0 0 0 3px #10b98140}.auth-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.auth-online-status-dot{border:2px solid var(--card-bg,#fff);background-color:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0;box-shadow:0 0 4px #10b98199}.auth-profile-popover{background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:1060;transform-origin:100% 0;border-radius:1rem;width:330px;max-width:calc(100vw - 1.5rem);animation:.22s cubic-bezier(.16,1,.3,1) authPopoverFadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 36px -4px #00000029,0 6px 12px -2px #00000014}@media (max-width:576px){.auth-profile-popover{width:calc(100vw - 24px);max-width:320px;right:-8px}}@keyframes authPopoverFadeIn{0%{opacity:0;transform:scale(.94)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-popover-header{border-bottom:1px solid var(--border-color,#e5e7eb);background:linear-gradient(135deg,#10b9811f 0%,#0596690f 100%);padding:1.15rem 1.25rem 1rem}.auth-popover-user-text{flex:auto;min-width:0;padding-left:.5rem;padding-right:.5rem}.auth-popover-body{padding:1rem 1.15rem}.auth-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:1080;touch-action:pan-y;overscroll-behavior:contain;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1rem .75rem;animation:.2s ease-out authBackdropFade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes authBackdropFade{0%{opacity:0}to{opacity:1}}.auth-modal-card{background-color:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);will-change:transform, opacity;border-radius:1.25rem;flex-direction:column;width:100%;max-width:460px;max-height:min(620px,100dvh - 2rem);animation:.26s cubic-bezier(.16,1,.3,1) authModalSlideIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000059}@keyframes authModalSlideIn{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal-body{overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:1.25rem 1.35rem;overflow-y:auto}@media (max-width:768px){.auth-modal-body input.form-control,.auth-modal-body select.form-select{font-size:16px!important}}.auth-nav-tabs{background-color:#10b98114;border-radius:.75rem;gap:4px;padding:4px;display:flex}.auth-tab-btn{color:var(--text-muted,#6b7280);cursor:pointer;touch-action:manipulation;background:0 0;border:none;border-radius:.5rem;flex:1;padding:.55rem .75rem;font-size:.875rem;font-weight:600;transition:all .18s}.auth-tab-btn.active{background-color:var(--card-bg,#fff);color:#10b981;box-shadow:0 2px 6px #00000014}.auth-field-hint{color:var(--text-muted,#6b7280);margin-top:.25rem;font-size:.73rem;line-height:1.35}.demo-user-badge{cursor:pointer;text-align:left;touch-action:manipulation;background:#10b9810f;border:1px dashed #10b98159;border-radius:.75rem;padding:.65rem .75rem;transition:all .18s}.demo-user-badge:hover,.demo-user-badge:active{background:#10b98124;border-color:#10b981;transform:translateY(-1px)}.avatar-preset-option{cursor:pointer;object-fit:cover;touch-action:manipulation;border:2px solid #0000;border-radius:50%;width:44px;height:44px;padding:2px;transition:transform .2s,border-color .2s}.avatar-preset-option:hover{transform:scale(1.1)}.avatar-preset-option.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b9814d}.mobile-auth-user-card{background-color:#10b98114;border:1px solid #10b98140;border-radius:1rem;margin-top:.5rem;margin-bottom:.35rem;padding:1rem 1.25rem;box-shadow:0 2px 8px #0000000a}.mobile-user-details-col{flex:auto;min-width:0;padding-left:.5rem;padding-right:.5rem}.mobile-user-name{color:var(--text-main,#1f2937);letter-spacing:-.01em;font-size:.975rem;font-weight:700;line-height:1.3}.mobile-user-username{color:#10b981;font-size:.8125rem;font-weight:600;line-height:1.3}.mobile-user-email{color:var(--text-muted,#6b7280);font-size:.775rem;line-height:1.3}@media (max-width:480px){.auth-modal-card{border-radius:1rem;max-width:100%}.auth-modal-body{padding:1rem}.mobile-auth-user-card{padding:.85rem 1rem}.mobile-user-details-col{padding-left:.4rem;padding-right:.4rem}}