@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800&family=Saira:wght@300;400;500;600;700&display=swap";:root{--vk-void: #171717;--vk-acid: #F2F500;--vk-sky: #80CCE9;--vk-sky-100: #C5EAFA;--vk-sky-600: #4AAED0;--vk-lake: #2280A8;--vk-abyss: #0D4E6B;--vk-mist: #EAF7FC;--vk-pulse: #E7503C;--vk-amber: #F2A020;--primary: var(--vk-abyss);--primary-hover: #093e57;--primary-light: #E2F0F7;--accent: var(--vk-acid);--accent-hover: #D9DC00;--accent-text: var(--vk-lake);--accent-soft-bg: var(--vk-sky-100);--bg-page: var(--vk-mist);--bg-card: #FFFFFF;--bg-sidebar: #FFFFFF;--bg-table-header: var(--vk-abyss);--bg-input: #F4FAFD;--bg-overlay: rgba(13, 78, 107, .45);--text-primary: var(--vk-void);--text-secondary: #4A5C6B;--text-muted: #7A8A98;--text-white: #FFFFFF;--success: #22C55E;--success-bg: #DCFCE7;--danger: var(--vk-pulse);--danger-bg: #FEE5E0;--warning: var(--vk-amber);--warning-bg: #FEF3D7;--border-color: #C9DDE7;--border-light: #E2EEF4;--bg-zebra: #F4FAFD;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(13, 78, 107, .08);--shadow-md: 0 4px 12px rgba(13, 78, 107, .1);--shadow-lg: 0 8px 24px rgba(13, 78, 107, .14);--shadow-acid-glow: 0 8px 24px -8px rgba(242, 245, 0, .6);--sidebar-width: 200px;--header-height: 64px;--font-family: "Saira", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Orbitron", "Saira", sans-serif;--gradient-vektor: linear-gradient(90deg, var(--vk-acid), var(--vk-sky));--gradient-vektor-vertical: linear-gradient(180deg, var(--vk-acid), var(--vk-sky));--gradient-vektor-deep: linear-gradient(135deg, var(--vk-abyss), var(--vk-acid));--transition: all .2s ease}[data-theme=dark]{--bg-page: var(--vk-void);--bg-card: #1A242C;--bg-sidebar: #0F0F0F;--bg-table-header: var(--vk-abyss);--bg-input: #232E37;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: var(--vk-mist);--text-secondary: #C5D5E0;--text-muted: #94A8B7;--border-color: #3A4F5C;--border-light: #2A3A45;--bg-zebra: #1F2A33;--primary-light: rgba(128, 204, 233, .08);--accent-text: var(--vk-acid);--accent-soft-bg: rgba(128, 204, 233, .14);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .6);--shadow-acid-glow: 0 8px 28px -6px rgba(242, 245, 0, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;font-family:var(--font-family);color:var(--text-primary);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-family);outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.brand-bolt-bg{position:absolute;height:auto;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.brand-bolt-top-left{top:-120px;left:-120px}.brand-bolt-top-right{top:-120px;right:-120px}.brand-bolt-bottom-left{bottom:-120px;left:-120px}.brand-bolt-bottom-right{bottom:-120px;right:-120px}.brand-bolt-center{top:50%;left:50%;transform:translate(-50%,-50%)}.brand-bolt-glow-acid{filter:drop-shadow(0 0 40px rgba(242,245,0,.4))}.brand-bolt-glow-sky{filter:drop-shadow(0 0 40px rgba(128,204,233,.35))}.brand-bolt-glow-lake{filter:drop-shadow(0 0 32px rgba(34,128,168,.3))}.brand-bolt-glow-abyss{filter:drop-shadow(0 0 32px rgba(13,78,107,.4))}.brand-bolt-glow-pulse,.brand-bolt-glow-mist,.brand-bolt-glow-void,.brand-bolt-glow-colorido{filter:drop-shadow(0 0 24px rgba(0,0,0,.2))}@media(max-width:768px){.brand-bolt-bg{width:320px!important}.brand-bolt-top-left,.brand-bolt-top-right,.brand-bolt-bottom-left,.brand-bolt-bottom-right{inset:auto}.brand-bolt-top-left,.brand-bolt-top-right{top:-80px}.brand-bolt-bottom-left,.brand-bolt-bottom-right{bottom:-80px}.brand-bolt-top-left,.brand-bolt-bottom-left{left:-80px}.brand-bolt-top-right,.brand-bolt-bottom-right{right:-80px}}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:24px;background:var(--bg-page);position:relative;overflow:hidden}.loading-screen>*{position:relative;z-index:1}.loading-screen-logo-img{width:220px;height:auto;animation:loadingPulse 2s ease-in-out infinite}.loading-screen-dots{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-muted);font-family:var(--font-family)}.loading-screen-dots>span:not(.loading-screen-message){display:inline-flex;gap:2px}.loading-screen-message{display:inline-block;animation:messageFade 1.8s ease-in-out}.loading-screen-dots .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);animation:dotBounce 1.4s ease-in-out infinite}.loading-screen-dots .dot:nth-child(2){animation-delay:.2s}.loading-screen-dots .dot:nth-child(3){animation-delay:.4s}@keyframes loadingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}}@keyframes messageFade{0%{opacity:0;transform:translateY(4px)}15%,85%{opacity:1;transform:translateY(0)}to{opacity:.6;transform:translateY(-4px)}}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--bg-card);display:flex;flex-direction:column;border-right:1px solid var(--border-light);z-index:100;overflow-y:auto;transition:transform .3s ease}.sidebar-top{padding:24px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.company-logo-wrapper{width:72px;height:72px;border-radius:50%;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px #0000001f;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.company-logo-wrapper:hover{transform:scale(1.05);box-shadow:0 6px 18px #0000002e}.company-photo{width:100%;height:100%;object-fit:cover}.company-avatar{width:100%;height:100%;background:var(--gradient-vektor-deep);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;letter-spacing:1px}.company-name{font-size:14px;font-weight:700;color:var(--text-primary);text-align:center;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;cursor:pointer;transition:color .2s ease}.company-name:hover{color:var(--primary)}.sidebar-badge{background:var(--primary);color:var(--vk-acid);padding:4px 14px;border-radius:var(--radius-full);font-size:11px;font-weight:700;letter-spacing:.5px}.sidebar-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:200;min-width:160px;padding:4px;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sidebar-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;width:100%;background:none;border:none;font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--danger);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.sidebar-dropdown-item:hover{background:#dc354514}.sidebar-nav{flex:1;display:flex;flex-direction:column;padding:8px 0}.nav-item{display:flex;align-items:center;gap:10px;padding:12px 20px;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:var(--transition);border-left:3px solid transparent;background:none;width:100%;cursor:pointer;font-family:var(--font-family)}.nav-item:hover{color:var(--primary);background:var(--primary-light);text-decoration:none}.nav-active{color:var(--primary)!important;border-left-color:var(--primary);font-weight:600}[data-theme=dark] .nav-item:hover{color:var(--vk-sky);background:#80cce914}[data-theme=dark] .nav-active{color:var(--vk-sky)!important;border-left-color:var(--vk-sky);background:#80cce91a}.nav-icon{font-size:18px;display:flex}.nav-label{white-space:nowrap}.sidebar-bottom{padding:16px 20px;border-top:1px solid var(--border-light)}.powered-by-block{display:flex;flex-direction:column;align-items:center;gap:2px}.powered-by-text{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px}.sidebar-brand-logo{width:110px;height:auto;display:block}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar-open{transform:translate(0)}}.avatar{object-fit:cover;flex-shrink:0}.avatar-initials{display:flex;align-items:center;justify-content:center;color:var(--text-white);font-weight:700;letter-spacing:.5px}.avatar-shape-circle{border-radius:var(--radius-full)}.avatar-shape-square{border-radius:var(--radius-md)}.avatar-shape-diamante{border-radius:var(--radius-sm);transform:rotate(45deg)}.avatar-shape-diamante .avatar-initials-text{display:inline-block;transform:rotate(-45deg)}.notif-bell-wrapper{position:relative;display:flex;align-items:center}.notif-bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;color:var(--text-secondary);font-size:18px;cursor:pointer;border-radius:var(--radius-md);transition:all .2s ease}.notif-bell-btn:hover{background:var(--primary-light);color:var(--primary)}.notif-bell-has-unread{color:var(--text-primary)}.notif-bell-has-unread:after{content:"";position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--primary);animation:notifPulse 2s ease-in-out infinite}.notif-bell-badge{position:absolute;top:2px;right:1px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;font-family:var(--font-family);color:#fff;background:#e74c3c;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg-card);animation:notifBadgePop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes notifBadgePop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes notifPulse{0%,to{opacity:1}50%{opacity:.4}}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:-60px;width:360px;max-height:460px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg, 12px);box-shadow:0 12px 40px #0000002e,0 2px 8px #00000014;z-index:300;display:flex;flex-direction:column;animation:notifDropFade .2s ease;overflow:hidden}@keyframes notifDropFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.notif-dropdown-header h4{margin:0;font-size:15px;font-weight:700;color:var(--text-primary)}.notif-mark-all{display:flex;align-items:center;gap:5px;background:none;border:none;color:var(--primary);font-size:12px;font-weight:600;font-family:var(--font-family);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:background .15s ease}.notif-mark-all:hover{background:var(--primary-light)}.notif-dropdown-body{overflow-y:auto;flex:1;max-height:400px}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;color:var(--text-secondary);font-size:14px;gap:8px}.notif-empty-icon{font-size:32px;opacity:.4}.notif-empty p{margin:0}.notif-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--border-light);background:transparent;text-align:left;cursor:pointer;font-family:var(--font-family);transition:background .15s ease}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#00000008}.notif-item-unread{background:#ff6b350a}.notif-item-unread:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.notif-item-warning .notif-item-unread:before,.notif-item-warning.notif-item-unread{background:#f39c120f}.notif-item-error.notif-item-unread{background:#e74c3c0d}.notif-item-success.notif-item-unread{background:#27ae600d}.notif-item-icon{font-size:18px;flex-shrink:0;line-height:1;margin-top:2px}.notif-item-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notif-item-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3}.notif-item-message{font-size:12px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-time{font-size:11px;color:var(--text-secondary);opacity:.7;margin-top:2px}.notif-item-action{flex-shrink:0;font-size:11px;color:var(--text-secondary);opacity:.5;margin-top:4px}@media(max-width:480px){.notif-dropdown{position:fixed;top:var(--header-height, 60px);left:8px;right:8px;width:auto;max-height:calc(100vh - 80px)}}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:var(--bg-card);border-bottom:1px solid var(--border-light);gap:12px}.header-left{display:flex;align-items:center;gap:12px;min-width:0}.header-menu-btn{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);font-size:22px;cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:var(--transition);flex-shrink:0}.header-menu-btn:hover{background:var(--primary-light);color:var(--primary)}.header-title{font-size:18px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-user{display:flex;align-items:center;flex-shrink:0;position:relative}.header-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-user-clickable{display:flex;align-items:center;gap:12px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-md);transition:background .15s ease}.header-user-clickable:hover{background:var(--primary-light)}.header-user-info{display:flex;flex-direction:column;align-items:flex-end}.header-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.header-user-role{font-size:12px;color:var(--text-secondary)}.header-dropdown{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:200;min-width:160px;padding:4px;animation:headerDropFade .15s ease}@keyframes headerDropFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;width:100%;background:none;border:none;font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--danger);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease}.header-dropdown-item:hover{background:#dc354514}@media(max-width:768px){.app-header{padding:0 16px}.header-menu-btn{display:flex}.header-title{font-size:14px}.header-user-info{display:none}}@media(max-width:480px){.header-title{font-size:13px}}.payment-banner{background:linear-gradient(135deg,var(--warning-bg) 0%,var(--warning-bg) 100%);border-bottom:2px solid #f39c12;padding:0;flex-shrink:0;animation:bannerSlideDown .3s ease}@keyframes bannerSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.payment-banner-content{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;gap:16px;max-width:100%}.payment-banner-left{display:flex;align-items:center;gap:12px;min-width:0}.payment-banner-icon{color:#e67e22;font-size:18px;flex-shrink:0}.payment-banner-text{display:flex;flex-direction:column;gap:1px;min-width:0}.payment-banner-text strong{font-size:13px;font-weight:700;color:#7f5700}.payment-banner-text span{font-size:12px;color:#8a6700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.payment-banner-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#e67e22;color:#fff;font-size:12px;font-weight:700;font-family:var(--font-family);border:none;border-radius:6px;text-decoration:none;cursor:pointer;transition:all .15s ease;white-space:nowrap}.payment-banner-btn:hover{background:#d35400;transform:translateY(-1px);box-shadow:0 2px 8px #d354004d}.payment-banner-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#0000000f;color:#8a6700;font-size:12px;cursor:pointer;border-radius:6px;transition:background .15s ease}.payment-banner-dismiss:hover{background:#0000001f}.payment-banner-btn-whatsapp{background:#25d366}.payment-banner-btn-whatsapp:hover{background:#1da851;box-shadow:0 2px 8px #25d3664d}.payment-banner-urgent{background:linear-gradient(135deg,var(--danger-bg) 0%,var(--danger-bg) 100%);border-bottom-color:#ef4444}.payment-banner-urgent .payment-banner-icon{color:#dc2626}.payment-banner-urgent .payment-banner-text strong,.payment-banner-urgent .payment-banner-dismiss{color:#991b1b}@media(max-width:600px){.payment-banner-content{padding:10px 16px;flex-wrap:wrap}.payment-banner-text span{white-space:normal}.payment-banner-actions{width:100%;justify-content:flex-end}}body.onb-spotlight-active .app-layout{filter:brightness(.85);transition:filter .4s cubic-bezier(.4,0,.2,1)}body:not(.onb-spotlight-active) .app-layout{filter:none;transition:filter .3s ease}.onb-spotlight-backdrop{position:fixed;inset:0;z-index:999;background:transparent;pointer-events:none}.onb-target-highlight{position:relative;z-index:50;animation:onbTargetRing 1.8s cubic-bezier(.4,0,.6,1) infinite!important;border-radius:var(--radius-sm)}@keyframes onbTargetRing{0%,to{box-shadow:0 0 #2c3e9399,0 0 12px 2px #2c3e9340;transform:scale(1)}50%{box-shadow:0 0 0 6px #2c3e9300,0 0 20px 4px #2c3e9326;transform:scale(1.05)}}.onb-fab{position:fixed;bottom:28px;right:28px;z-index:1000;width:56px;height:56px;border-radius:var(--radius-full);border:none;background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:var(--text-white);font-size:22px;cursor:pointer;box-shadow:0 4px 20px #2c3e9366;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fabPulse 3s ease-in-out infinite}.onb-fab:hover{transform:scale(1.08);box-shadow:0 6px 28px #2c3e9380}@keyframes fabPulse{0%,to{box-shadow:0 4px 20px #2c3e9366}50%{box-shadow:0 4px 20px #2c3e9366,0 0 0 8px #2c3e931a}}.onb-fab-badge{position:absolute;top:-4px;right:-4px;width:22px;height:22px;background:var(--primary);color:var(--vk-acid);font-size:11px;font-weight:800;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-page)}.onb-panel{position:fixed;bottom:28px;right:28px;z-index:1000;width:380px;max-height:calc(100vh - 80px);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 12px 48px #00000026,0 0 0 1px var(--border-light);display:flex;flex-direction:column;overflow:hidden;animation:panelSlideIn .35s cubic-bezier(.4,0,.2,1);font-family:var(--font-family)}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.onb-panel-header{padding:20px 20px 16px;background:linear-gradient(135deg,var(--primary),#3B4A7A);color:var(--text-white);position:relative}.onb-panel-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.onb-panel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700}.onb-panel-title span{font-size:18px}.onb-panel-minimize{background:#ffffff26;border:none;color:var(--text-white);width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:var(--transition)}.onb-panel-minimize:hover{background:#ffffff40}.onb-progress{display:flex;align-items:center;gap:10px}.onb-progress-bar{flex:1;height:6px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.onb-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--vk-sky));border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.onb-progress-label{font-size:11px;font-weight:600;opacity:.8;white-space:nowrap}.onb-steps{flex:1;overflow-y:auto;padding:8px 0}.onb-step{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;cursor:pointer;transition:background .15s ease;border-left:3px solid transparent}.onb-step:hover{background:var(--bg-input)}.onb-step-active{background:var(--primary-light);border-left-color:var(--primary)}.onb-step-done{opacity:.6}.onb-step-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;font-weight:700;background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-light);transition:var(--transition)}.onb-step-done .onb-step-icon{background:var(--success-bg);color:var(--success);border-color:var(--success)}.onb-step-active .onb-step-icon{background:var(--primary);color:var(--text-white);border-color:var(--primary)}.onb-step-body{flex:1;min-width:0}.onb-step-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 2px;display:flex;align-items:center;gap:6px}.onb-step-done .onb-step-title{text-decoration:line-through;color:var(--text-muted)}.onb-step-desc{font-size:11.5px;color:var(--text-muted);margin:0;line-height:1.4}.onb-step-detail{margin-top:10px;padding:12px;background:var(--bg-input);border-radius:var(--radius-sm);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.onb-step-detail p{margin:0 0 10px;font-size:12.5px;color:var(--text-secondary);line-height:1.6}.onb-step-action{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 16px;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);background:var(--primary);color:var(--text-white);text-decoration:none;animation:onbBtnPulse 2.2s cubic-bezier(.4,0,.6,1) infinite}@keyframes onbBtnPulse{0%,to{box-shadow:0 0 #2c3e9380;transform:scale(1)}50%{box-shadow:0 0 0 8px #2c3e9300;transform:scale(1.03)}}.onb-step-action:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #2c3e934d;animation:none}.onb-step-action-accent{background:var(--accent);color:var(--vk-void)}.onb-step-action-accent:hover{background:var(--accent-hover);box-shadow:var(--shadow-acid-glow)}.onb-step-action-secondary{background:transparent;color:var(--primary);border:1.5px solid var(--primary);animation:none}.onb-step-action-secondary:hover{background:var(--primary-light);animation:none}.onb-substeps{display:flex;flex-direction:column;gap:12px}.onb-substep{display:flex;gap:10px;align-items:flex-start}.onb-substep-num{width:22px;height:22px;border-radius:var(--radius-full);background:var(--primary);color:var(--text-white);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.onb-substep-body{flex:1;display:flex;flex-direction:column;gap:6px}.onb-substep-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.onb-ctid-inline{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border-radius:var(--radius-xs);border:1px solid var(--border-light);margin-bottom:8px}.onb-ctid-inline code{font-size:14px;font-weight:800;color:var(--primary);letter-spacing:.04em;font-family:JetBrains Mono,Fira Code,monospace;flex:1}.onb-ctid-inline button{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;padding:4px 8px;border-radius:var(--radius-xs);transition:var(--transition);font-family:var(--font-family);font-weight:600}.onb-ctid-inline button:hover{background:var(--primary-light)}.onb-app-links{display:flex;gap:8px}.onb-app-links a{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;text-decoration:none;transition:var(--transition)}.onb-app-links a:first-child{background:var(--success);color:var(--text-white)}.onb-app-links a:last-child{background:var(--text-primary);color:var(--text-white)}.onb-app-links a:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.onb-panel-footer{padding:12px 20px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;gap:6px}.onb-panel-footer button{background:none;border:none;font-size:12px;color:var(--text-muted);cursor:pointer;font-family:var(--font-family);transition:var(--transition);padding:4px 8px;border-radius:var(--radius-xs)}.onb-panel-footer button:hover{color:var(--text-secondary);background:var(--bg-input)}.onb-celebrate{padding:32px 20px;text-align:center}.onb-celebrate-emoji{font-size:48px;display:block;margin-bottom:12px;animation:celebrateBounce .6s ease}@keyframes celebrateBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.onb-celebrate h3{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--text-primary)}.onb-celebrate p{margin:0 0 16px;font-size:13px;color:var(--text-secondary)}.onb-celebrate-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--success),#16a34a);color:var(--text-white);font-size:14px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:var(--transition)}.onb-celebrate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}@media(max-width:440px){.onb-panel{width:calc(100vw - 24px);right:12px;bottom:12px;max-height:calc(100vh - 24px)}.onb-fab{right:16px;bottom:16px}.onb-ctid-modal{width:calc(100vw - 32px);max-height:calc(100vh - 32px)}}.onb-ctid-overlay{position:fixed;inset:0;z-index:2000;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:ctidOverlayIn .25s ease}@keyframes ctidOverlayIn{0%{opacity:0}to{opacity:1}}.onb-ctid-modal{width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 24px 80px #0000004d,0 0 0 1px var(--border-light);overflow:hidden;display:flex;flex-direction:column;animation:ctidModalIn .35s cubic-bezier(.4,0,.2,1)}@keyframes ctidModalIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.onb-ctid-modal-header{padding:28px 28px 20px;background:linear-gradient(135deg,var(--primary),#3B4A7A);color:var(--text-white);text-align:center}.onb-ctid-modal-emoji{font-size:44px;display:block;margin-bottom:10px;animation:ctidKeyBounce .6s ease}@keyframes ctidKeyBounce{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.15) rotate(5deg)}to{transform:scale(1) rotate(0)}}.onb-ctid-modal-header h2{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.01em}.onb-ctid-modal-header p{margin:0;font-size:13px;opacity:.85}.onb-ctid-modal-body{padding:24px 28px;overflow-y:auto;flex:1}.onb-ctid-code-box{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--primary-light),rgba(44,62,147,.08));border:2px solid var(--primary);border-radius:var(--radius-md);margin-bottom:20px}.onb-ctid-code-box code{flex:1;font-size:24px;font-weight:900;color:var(--primary);letter-spacing:.06em;font-family:JetBrains Mono,Fira Code,Courier New,monospace;text-align:center}.onb-ctid-copy-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary);color:var(--text-white);border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:var(--transition);white-space:nowrap}.onb-ctid-copy-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #2c3e934d}.onb-ctid-explanation{margin-bottom:16px}.onb-ctid-explanation h4{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--text-primary)}.onb-ctid-explanation p{margin:0 0 16px;font-size:13.5px;color:var(--text-secondary);line-height:1.7}.onb-ctid-steps-list{display:flex;flex-direction:column;gap:10px}.onb-ctid-step-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-light);font-size:13px;color:var(--text-secondary)}.onb-ctid-step-num{width:26px;height:26px;border-radius:var(--radius-full);background:var(--primary);color:var(--text-white);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.onb-ctid-tip{padding:12px 16px;background:linear-gradient(135deg,#FFF8E1,var(--warning-bg));border-radius:var(--radius-sm);border:1px solid #FFE082;font-size:12.5px;color:#7b6a1e;line-height:1.6}.onb-ctid-modal-footer{padding:16px 28px 24px;display:flex;justify-content:center}.onb-ctid-confirm-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--success),#16a34a);color:var(--text-white);font-size:15px;font-weight:700;font-family:var(--font-family);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #22c55e4d;animation:onbConfirmPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes onbConfirmPulse{0%,to{box-shadow:0 4px 16px #22c55e4d,0 0 #22c55e66;transform:scale(1)}50%{box-shadow:0 4px 16px #22c55e4d,0 0 0 10px #22c55e00;transform:scale(1.02)}}.onb-ctid-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #22c55e66;animation:none}.onb-ctid-confirm-btn:active{transform:translateY(0)}.onb-step{position:relative}.onb-step-active-arrow{position:absolute;top:50%;right:10px;transform:translateY(-50%);opacity:.75;pointer-events:none;animation:onbArrowNudge 1.4s ease-in-out infinite}@keyframes onbArrowNudge{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-3px)}}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;padding:24px 32px;overflow-y:auto}.sidebar-overlay{display:none}@media(max-width:768px){.app-main{margin-left:0}.app-content{padding:16px}.sidebar-overlay{display:block;position:fixed;inset:0;background:var(--bg-overlay);z-index:99;animation:fadeIn .2s ease}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}