@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--accent-color:#3b82f6;--accent-hover:#2563eb;--danger-color:#ef4444;--success-color:#22c55e;--border-color:#e2e8f0;--font-family:"Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--bg-tertiary:#f1f5f9;--surface-color:#fff;--overlay-bg:#0006}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#334155;--accent-color:#60a5fa;--accent-hover:#3b82f6;--bg-tertiary:#ffffff08;--surface-color:#1e293b;--overlay-bg:#000c}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.4}h1{color:var(--text-primary);font-size:18px;font-weight:700}h2{color:var(--text-primary);font-size:15px;font-weight:600}h3{color:var(--text-primary);font-size:13px;font-weight:600}p{color:var(--text-secondary);font-size:12px}input,select,textarea{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);outline:none;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #3b82f633}button{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.dropdown-item:hover{color:var(--accent-color);background-color:var(--bg-secondary)!important}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-in{color:#22c55e;background-color:#22c55e1a;border:1px solid #22c55e33}.btn-out{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.card{background-color:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border:1px solid var(--border-color)}.glass{-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #ffffff4d}@media (prefers-color-scheme:dark){.glass{background:#0f172a99;border:1px solid #ffffff1a}}.hover-row:hover{background-color:var(--bg-tertiary)!important}.kpi-card{align-items:center;gap:.75rem;display:flex;padding:1rem!important}.kpi-icon-container{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:flex}.kpi-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:2px;font-size:10px;font-weight:600}.kpi-value{font-size:16px;font-weight:700}@media (width<=768px){.container{padding:0 var(--spacing-sm)}.card{padding:var(--spacing-md)}table th,table td{padding:10px 8px!important}.btn-in,.btn-out{padding:6px 8px!important;font-size:11px!important}}.switch{width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border-color);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:14px;height:14px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent-color)}input:focus+.slider{box-shadow:0 0 1px var(--accent-color)}input:checked+.slider:before{transform:translate(16px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.tour-overlay{-webkit-backdrop-filter:blur(2px);z-index:1999;pointer-events:auto;background:#0f172a99;animation:.25s ease-out tourFadeIn;position:fixed;inset:0}.tour-target-highlight{z-index:2000!important;box-shadow:0 0 0 4px var(--accent-color), 0 20px 45px #00000073!important;pointer-events:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;position:relative!important;transform:scale(1.01)!important}.tour-tooltip-card{z-index:2001;-webkit-backdrop-filter:blur(14px)saturate(180%);color:#fff;border:1px solid #ffffff1a;border-radius:14px;width:90%;max-width:370px;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s cubic-bezier(.34,1.56,.64,1) tourScaleUp;position:fixed;box-shadow:0 15px 40px #00000080,inset 0 1px #ffffff1a;background:#1e293bd1!important}.tour-tooltip-card h4{color:#60a5fa;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.tour-tooltip-card p{color:#e2e8f0;margin-bottom:15px;font-size:11.5px;line-height:1.5}.tour-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.tour-steps-indicator{color:#94a3b8;font-size:10px;font-weight:500}.tour-buttons-group{gap:6px;display:flex}.tour-btn{cursor:pointer;border:none;border-radius:6px;height:28px;padding:0 10px;font-size:11px;font-weight:600;transition:all .15s}.tour-btn-primary{background-color:var(--accent-color);color:#fff}.tour-btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.tour-btn-secondary{color:#e2e8f0;background-color:#ffffff1a;border:1px solid #ffffff26}.tour-btn-secondary:hover{color:#fff;background-color:#ffffff26}.tour-btn-danger{color:#fca5a5;background-color:#ef444433;border:1px solid #ef44444d}.tour-btn-danger:hover{color:#fff;background-color:#ef44444d}.tour-welcome-overlay{-webkit-backdrop-filter:blur(5px);z-index:2100;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out tourFadeIn;display:flex;position:fixed;inset:0}.tour-welcome-card{-webkit-backdrop-filter:blur(20px)saturate(190%);color:#fff;text-align:center;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:440px;padding:28px;animation:.35s cubic-bezier(.34,1.56,.64,1) tourScaleUp;box-shadow:0 25px 60px #0009,inset 0 1px #ffffff26;background:#1e293bcc!important}.tour-welcome-icon{width:54px;height:54px;color:var(--accent-color);background:#3b82f626;border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex;box-shadow:0 0 20px #3b82f633}.tour-welcome-card h3{color:#fff;margin-bottom:8px;font-size:18px;font-weight:700}.tour-welcome-card p{color:#cbd5e1;margin-bottom:24px;font-size:12.5px;line-height:1.6}.tour-welcome-actions{flex-direction:column;gap:8px;display:flex}.tour-welcome-btn-start{background:linear-gradient(135deg, var(--accent-color) 0%, #1d4ed8 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;height:40px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.tour-welcome-btn-start:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.tour-welcome-btn-row{gap:8px;display:flex}.tour-welcome-btn-row button{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;height:34px;font-size:11px;font-weight:600;transition:all .15s}.tour-welcome-btn-row button:hover{color:#fff;background:#ffffff1a}@keyframes tourFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tourScaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tour-glowing-arrow{border-style:solid;width:0;height:0;position:absolute}@media (width<=768px){.tour-tooltip-card{max-width:90%!important;animation:.3s cubic-bezier(.34,1.56,.64,1) tourScaleUp!important}}.layout{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:250px;height:100%;display:flex}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border-color)}.nav-links{padding:var(--spacing-md) var(--spacing-sm);gap:var(--spacing-sm);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-footer{padding:var(--spacing-md) var(--spacing-sm);border-top:1px solid var(--border-color)}.nav-btn{border-radius:var(--radius-md);color:var(--text-secondary);background:0 0;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:flex}.nav-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.nav-btn.active{color:var(--accent-color);background-color:#3b82f61a}.text-danger{color:var(--danger-color)}.text-danger:hover{color:var(--danger-color);background-color:#ef44441a}.main-content{height:100%;padding:var(--spacing-lg);flex:1;overflow-y:auto}.mobile-bottom-nav{display:none}.mobile-only-logout{display:none!important}@media (width<=768px){.layout{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto}.nav-links,.sidebar-footer{display:none}.sidebar-header{text-align:center;padding:var(--spacing-md)}.main-content{padding:var(--spacing-md);padding-bottom:calc(60px + var(--spacing-md))}.mobile-bottom-nav{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 4px;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-btn{color:var(--text-secondary);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;height:100%;padding:4px 2px;display:flex}.mobile-nav-btn span{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;overflow:hidden;font-size:9px!important}.mobile-nav-btn svg{width:18px;height:18px}.mobile-nav-btn.active{color:var(--accent-color)}.mobile-only-logout{display:flex!important}}.demo-floating-btn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#2563eb 0%,#10b981 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s;animation:2.5s ease-in-out infinite float-pulse;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 15px -3px #2563eb66,0 4px 6px -2px #10b98133}.demo-floating-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 12px 20px -3px #2563eb80,0 6px 8px -2px #10b9814d}@keyframes float-pulse{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (width<=768px){.demo-floating-btn{padding:10px 16px;font-size:11px;bottom:76px;right:16px}}.demo-floating-btn-register{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;animation:2.5s ease-in-out infinite float-pulse;display:flex;position:fixed;bottom:80px;right:24px;box-shadow:0 10px 15px -3px #f9731666}.demo-floating-btn-register:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 12px 20px -3px #f9731680}@media (width<=768px){.demo-floating-btn-register,.sidebar-demo-cta{display:none!important}}@keyframes pulse-demo{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@keyframes rocket-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pulse-btn-demo{animation:2s infinite pulse-demo}.rocket-bounce-demo{animation:1.5s ease-in-out infinite rocket-bounce;display:inline-block}.trial-banner-sticky{z-index:99;margin:-24px -24px 20px;transition:all .2s ease-in-out;position:sticky;top:-24px}@media (width<=768px){.trial-banner-sticky{margin:-16px -16px 16px;top:-16px}}.demo-banner-container{color:#fff;background:linear-gradient(90deg,#1d4ed8 0%,#2563eb 50%,#3b82f6 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;box-shadow:0 4px 15px #2563eb26}.demo-banner-content{align-items:center;gap:8px;display:flex}.demo-banner-actions{align-items:center;gap:10px;display:flex}.desktop-text{display:inline}.mobile-text{display:none}@media (width<=768px){.demo-banner-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 12px}.demo-banner-content{gap:4px}.desktop-text{display:none}.mobile-text{font-size:11px;display:inline}.demo-banner-actions{justify-content:center;gap:8px;width:100%}.pulse-btn-demo{padding:4px 10px!important;font-size:11px!important}.exit-btn-demo{padding:4px 8px!important;font-size:10px!important}}.active-trial-banner{color:#1e3a8a;background-color:#3b82f614;border-bottom:1px solid #3b82f633;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.active-trial-banner.urgent{color:#991b1b;background-color:#ef444414;border-bottom:1px solid #ef444440}@media (width<=768px){.active-trial-banner{padding:6px 12px}}.floating-help-btn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#22c55e 0%,#15803d 100%);border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,bottom .3s ease-in-out;animation:2.5s ease-in-out infinite floating-help-pulse;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 25px -5px #22c55e66,0 8px 10px -6px #22c55e4d}.floating-help-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 20px 30px -5px #22c55e80,0 10px 15px -5px #22c55e66}.floating-help-btn:active{transform:translateY(-1px)scale(.98)}.floating-help-btn.has-demo-btn{bottom:136px}@keyframes floating-help-pulse{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@media (width<=768px){.floating-help-btn{gap:6px;padding:10px 14px;font-size:11px;bottom:76px;right:16px}.floating-help-btn.has-demo-btn{bottom:126px}}