@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap";.provisioning-overlay{position:fixed;inset:0;z-index:9999;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--font-family-primary, "Inter", sans-serif)}.provisioning-background{display:none}.provisioning-card{position:relative;z-index:10000;width:100%;max-width:400px;background:#fffffffa;border-radius:28px;box-shadow:0 4px 6px -1px #0000001a,0 20px 70px -10px #00000040,0 1px 1px #fff inset;border:1px solid rgba(255,255,255,.8);overflow:hidden;animation:slideUpModal .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUpModal{0%{transform:translateY(50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.provisioning-header{padding:40px 32px 20px;text-align:center}.provisioning-logo-box{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#a855f7,#7c3aed);border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px #7c3aed4d;color:#fff;font-size:28px}.provisioning-title{font-size:22px;font-weight:800;color:#1e1b4b;margin-bottom:6px;letter-spacing:-.02em}.provisioning-subtitle{font-size:14px;color:#6366f1;font-weight:600;margin:0}.provisioning-body{padding:0 32px 40px;display:flex;flex-direction:column;align-items:center}.provisioning-loader-wrap{position:relative;margin:24px 0 32px}.provisioning-pulse{position:absolute;inset:-12px;border:2px solid rgba(168,85,247,.2);border-radius:50%;animation:pulsePing 2s cubic-bezier(0,0,.2,1) infinite}.provisioning-main-spinner{font-size:48px;color:#a855f7;animation:rotate 2.5s linear infinite}.provisioning-status-msg{font-size:14px;color:#4b5563;text-align:center;line-height:1.6;margin-bottom:32px;font-weight:500}.provisioning-steps-list{width:100%;background:#a855f70a;border-radius:24px;padding:8px;margin-bottom:32px;border:1px solid rgba(168,85,247,.08)}.provisioning-step{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(168,85,247,.05);transition:all .3s ease}.provisioning-step:last-child{border-bottom:none}.provisioning-step-left{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;color:#374151}.provisioning-step-icon{font-size:18px;color:#94a3b8;transition:color .3s ease}.provisioning-step.active .provisioning-step-icon{color:#a855f7}.provisioning-step.complete .provisioning-step-icon{color:#10b981}.provisioning-step-done{color:#10b981;font-size:18px;animation:scaleIn .3s cubic-bezier(.17,.67,.83,.67)}.provisioning-step-pending{width:8px;height:8px;background-color:#cbd5e1;border-radius:50%}.provisioning-step.active .provisioning-step-pending{background-color:#a855f7;box-shadow:0 0 12px #a855f780;animation:dotPulse 1.5s ease-in-out infinite;opacity:1}.provisioning-step.inactive .provisioning-step-pending{opacity:.3}.provisioning-btn-icon-rotating{animation:rotate 1s linear infinite}.provisioning-btn-group{width:100%;display:flex;flex-direction:column;gap:14px}.provisioning-btn-primary{width:100%;height:52px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border:none;border-radius:16px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease;box-shadow:0 10px 20px -5px #7c3aed66}.provisioning-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 25px -5px #7c3aed80}.provisioning-btn-primary:active:not(:disabled){transform:translateY(0)}.provisioning-btn-secondary{width:100%;height:44px;background:transparent;color:#6b7280;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s ease}.provisioning-btn-secondary:hover{color:#4b5563}.provisioning-footer-tag{padding:18px;text-align:center;color:#9ca3af;font-size:11px;font-weight:800;letter-spacing:.1em;background:#a855f705;border-top:1px solid rgba(168,85,247,.05);text-transform:uppercase}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulsePing{0%{transform:scale(.8);opacity:.5}to{transform:scale(1.6);opacity:0}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.clearance-overlay{display:flex;height:100vh;width:100vw;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-primary, #f8fafc);background-image:radial-gradient(circle at center,rgba(168,85,247,.05) 0%,transparent 70%);position:relative;z-index:9999}.clearance-content{display:flex;flex-direction:column;align-items:center;gap:32px}.clearance-status{text-align:center;margin-top:8px}.clearance-title{color:var(--color-text-primary, #1e1b4b);font-weight:600;font-size:1.125rem;margin-bottom:4px;letter-spacing:.05em;text-transform:uppercase}.clearance-subtitle{color:var(--color-text-secondary, #6366f1);font-size:.875rem}.clearance-video-wrap{width:360px;height:240px;overflow:hidden;position:relative;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0000001a;border:8px solid rgba(255,255,255,.8)}.clearance-video{width:400px;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.clearance-timeout-card{margin-top:32px;text-align:center;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #f1f5f9;max-width:320px;animation:fadeIn .5s ease-out}.clearance-timeout-msg{font-size:.75rem;color:#64748b;margin-bottom:16px}.denied-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;bottom:0;background:var(--sidebar-bg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--color-text-primary);display:flex;flex-direction:column;border-right:none;box-shadow:20px 0 40px -5px #dcc8f026,10px 0 20px -5px #dcc8f01a;border-radius:0 0 10px;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);z-index:5000;overflow:hidden}.sidebar:after{display:none}.operator-identity-module{padding:32px 20px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:all .3s ease;cursor:pointer}.operator-identity-module:hover{background:#ffffff0d}.avatar-container{position:relative;width:92px;height:92px;transition:all .3s cubic-bezier(.4,0,.2,1)}.operator-photo,.operator-photo-placeholder{width:100%;height:100%;border-radius:50%;object-fit:contain;padding:8px;background:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #00000014,0 0 0 4px #ffffff1a;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.operator-identity-module:hover .operator-photo,.operator-identity-module:hover .operator-photo-placeholder{transform:translateY(-4px) scale(1.02);box-shadow:12px 12px 24px #00000026,-6px -6px 16px #ffffffe6}.operator-photo-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);font-size:2rem;background:linear-gradient(145deg,#f0f0f0,#cacaca);box-shadow:6px 6px 12px #bebebe,-6px -6px 12px #fff,inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #0000001a;border:1px solid rgba(255,255,255,.4);position:relative;overflow:hidden}.operator-photo-placeholder:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#fff6,#fff0);pointer-events:none}.status-dot{position:absolute;bottom:4px;right:4px;width:12px;height:12px;background:#10b981;border:2px solid white;border-radius:50%}.operator-meta{display:flex;flex-direction:column;align-items:center;text-align:center}.op-name{font-size:1rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.01em}.op-role{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent-primary);opacity:.8;margin-top:2px}.company-logo-icon{font-size:1.4rem;color:var(--color-accent-primary);filter:drop-shadow(0 2px 3px rgba(0,0,0,.25));transition:filter .3s ease}.operator-identity-module:hover .company-logo-icon{filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}.sidebar.collapsed .operator-identity-module{padding:24px 0 12px}.sidebar.collapsed .avatar-container{width:52px;height:52px}.sidebar.collapsed .operator-photo,.sidebar.collapsed .operator-photo-placeholder{border-width:2px}.sidebar.collapsed .status-dot{width:10px;height:10px;bottom:2px;right:2px;border-width:2px}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 0}.sidebar-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.nav-section{margin-top:24px;margin-bottom:8px;padding:0 20px}.nav-section:first-child{margin-top:0}.nav-section.hidden{display:none}.nav-section-label{font-size:.9rem;font-weight:900;text-transform:uppercase;letter-spacing:.12rem;color:#0c0c1d;opacity:1}.nav-link{display:flex;align-items:center;padding:12px 20px;color:var(--color-text-primary);text-decoration:none;border-radius:0;transition:all .2s ease;font-weight:600;font-size:.9rem;position:relative;border-left:4px solid transparent}.nav-link:hover{background:#7b6cf60d;color:var(--color-accent-primary);border-color:transparent}.nav-link.active{background:#32326414;border-left-color:var(--color-accent-primary);color:var(--color-text-primary);font-weight:700}.nav-link.active .nav-icon{color:var(--color-text-primary);transform:scale(1.1)}.nav-icon{font-size:1.5rem;color:var(--color-text-primary);margin-right:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.nav-text{white-space:nowrap;opacity:1;transition:opacity .2s}.sidebar-footer{padding:24px;border-top:1px solid rgba(255,255,255,.05)}.status-indicator{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--color-text-secondary);font-weight:500}.pulse-green{width:8px;height:8px;background-color:#0f8;border-radius:50%;box-shadow:0 0 8px #0f8;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.7}50%{transform:scale(1.1);opacity:1;box-shadow:0 0 12px #0f8}to{transform:scale(.95);opacity:.7}}.sidebar.collapsed{width:var(--sidebar-collapsed-width);overflow:visible}.sidebar.collapsed .sidebar-header,.sidebar.collapsed .sidebar-footer{overflow:hidden}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text,.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:12px 0;overflow:visible}.sidebar.collapsed .nav-icon{margin-right:0}.nav-tooltip{position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(4px);background:var(--color-accent-primary, #7B6CF6);color:#fff;padding:6px 14px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 4px 16px #7b6cf659;z-index:9999}.nav-tooltip:before{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);border-width:5px 6px 5px 0;border-style:solid;border-color:transparent var(--color-accent-primary, #7B6CF6) transparent transparent}.sidebar.collapsed .nav-link:hover .nav-tooltip{opacity:1;transform:translateY(-50%) translate(0);transition-delay:.6s}.sidebar.mobile-open{transform:translate(0)}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width)!important;transform:translate(-100%)!important;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);z-index:5000;box-shadow:none}.sidebar.mobile-open{transform:translate(0)!important;box-shadow:20px 0 40px #0003}.sidebar .nav-text,.sidebar .logo-text,.sidebar .operator-meta,.sidebar .sidebar-footer{display:flex!important;opacity:1!important}}@media(max-width:768px){.el-page{padding:1.25rem 1rem}.el-event-right{display:none}.el-filter-row{flex-direction:column;align-items:flex-start}.el-filter-search-wrap{min-width:100%}.el-header-top{flex-direction:column}.el-detail-grid{grid-template-columns:repeat(2,1fr)}.el-snapshot-grid{grid-template-columns:1fr}}@media(max-width:480px){.sidebar{width:280px!important;transform:translate(-100%)!important}.sidebar.mobile-open{width:calc(max-content + 32px)!important;transform:translate(0)!important}.sidebar .nav-link{padding:10px 16px}.collapse-btn{width:32px;height:32px;font-size:1rem}}.nav-item-with-sub{display:flex;flex-direction:column}.cursor-pointer{cursor:pointer}.nav-chevron-wrapper{margin-left:auto;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#00d4ff0d;color:var(--color-accent-primary);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.6}.nav-link:hover .nav-chevron-wrapper{opacity:1;background:#00d4ff1a}.nav-chevron-wrapper.active{transform:rotate(180deg);background:var(--color-accent-primary);color:#fff;opacity:1;box-shadow:0 4px 10px #00d4ff4d}.parent-active{color:var(--color-accent-primary)!important}.sub-menu{display:flex;flex-direction:column;padding:8px 0 12px;gap:2px;position:relative;margin-left:26px;border-left:1.5px solid;border-image:linear-gradient(to bottom,#00d4ff00,#00d4ff66 15% 85%,#00d4ff00) 1}.sub-nav-link{display:flex;align-items:center;padding:10px 16px 10px 28px;margin:0 8px;border-radius:10px;color:var(--color-text-secondary);font-size:.74rem;font-weight:700;text-decoration:none;letter-spacing:.02em;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative}.sub-nav-link:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:8px;height:1.5px;background:#00d4ff4d;border-radius:4px}.sub-nav-link:hover{color:var(--color-text-primary);background:#ffffff0d}.sub-nav-link.active{color:var(--color-accent-primary);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px #00d4ff1a,0 4px 12px #00000008}.sub-nav-dot{width:6px;height:6px;border-radius:50%;background:#00d4ff33;border:1.5px solid rgba(0,212,255,.3);margin-right:12px;transition:all .3s ease;box-shadow:0 0 #00d4ff00}.sub-nav-link.active .sub-nav-dot{background:var(--color-accent-primary);border-color:#00d4ff;opacity:1;transform:scale(1.1);box-shadow:0 0 10px #00d4ff99}.animate-slide-down{animation:slideDownSidebar .25s cubic-bezier(.4,0,.2,1)}@keyframes slideDownSidebar{0%{opacity:0;transform:translateY(-5px);max-height:0}to{opacity:1;transform:translateY(0);max-height:200px}}#root .main-layout .navbar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--navbar-height)!important;background:var(--navbar-bg-gradient)!important;border-bottom:1px solid var(--color-border)!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:0 24px 0 0!important;padding-left:var(--sidebar-width)!important;z-index:1000!important;transition:padding-left var(--transition-base)!important;box-shadow:0 1px 3px #0000000d!important}.navbar-left{display:flex!important;align-items:center!important;gap:12px!important;min-width:-webkit-fill-available!important;min-width:max-content!important}.navbar-right{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important;justify-content:flex-end!important}#root .main-layout .navbar .navbar-btn,#root .main-layout .navbar .profile-btn,#root .main-layout .navbar .search-bar input,#root .main-layout .navbar .search-bar .search-icon,#root .main-layout .navbar .desktop-only{color:var(--color-text-primary)!important}.dropdown-menu,.dropdown-menu *{color:var(--color-text-primary)!important;text-shadow:none!important}.dropdown-menu .text-secondary{color:var(--color-text-secondary)!important}#root .main-layout.collapsed .navbar{padding-left:var(--sidebar-collapsed-width)!important}@media(max-width:768px){#root .main-layout .navbar{left:0!important;width:100%!important;padding:0 12px 0 0!important;padding-top:env(safe-area-inset-top,0)!important;height:calc(var(--navbar-height) + env(safe-area-inset-top,0))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:2000!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important}#root .main-layout.mobile-menu-active .navbar{left:var(--sidebar-width)!important}@media(max-width:480px){#root .main-layout.mobile-menu-active .navbar{left:85vw!important}}#root .main-layout .navbar .navbar-left,#root .main-layout .navbar .navbar-right{display:flex!important;align-items:center!important}#root .main-layout .navbar .mobile-only,#root .main-layout .navbar .navbar-btn{display:flex!important;visibility:visible!important;opacity:1!important}}.navbar-center{flex:1!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:0 12px!important;min-width:0!important}.site-context{display:flex!important;align-items:center!important;gap:8px!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:6px 16px!important;border-radius:8px!important;white-space:nowrap!important}.org-name{font-weight:800!important;font-size:.85rem!important;color:#1e293b!important}.context-divider{color:#cbd5e1!important}.site-name{font-weight:600!important;font-size:.8rem!important;color:#64748b!important}.context-meta{font-size:.7rem!important;font-weight:800!important;color:#0ea5e9!important;text-transform:uppercase!important;margin-left:4px!important}.search-bar{position:relative!important;width:180px!important}.search-bar .search-icon{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;color:#94a338!important;pointer-events:none!important}.search-bar input{height:36px!important;width:100%!important;padding:0 12px 0 34px!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:.85rem!important;color:#334155!important}.system-health{display:flex!important;align-items:center!important}.health-badge{display:flex!important;align-items:center!important;gap:12px!important;padding:6px 14px!important;background:#e6fffa!important;border:1px solid #b2f5ea!important;border-radius:4px!important;height:34px!important;white-space:nowrap!important;box-shadow:0 1px 2px #0000000d!important}.health-text{font-size:11px!important;font-weight:700!important;color:#00875a!important;text-transform:uppercase!important;letter-spacing:normal!important}.health-separator{color:#00875a4d!important;font-weight:300!important;font-size:18px!important;margin:0 4px!important}.health-time{font-size:12px!important;font-weight:600!important;color:#00875a!important;font-variant-numeric:tabular-nums!important}.health-badge.offline{background:#fff5f5!important;border:none!important}.health-badge.offline .health-text,.health-badge.offline .health-time{color:#e53e3e!important}.health-badge.offline .health-separator{color:#e53e3e4d!important}.pending-badge{animation:pulse-glow-soft 2s infinite ease-in-out}@keyframes pulse-glow-soft{0%,to{box-shadow:0 0 #f59e0b33;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}50%{box-shadow:0 0 0 6px #f59e0b1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.sync-text{font-size:.65rem!important;font-weight:600!important;color:#16a34a!important;border-left:1px solid #bbf7d0!important;padding-left:6px!important}.pulse-green-small{font-size:8px!important;color:#22c55e!important;animation:pulse 2s infinite!important}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.quick-action-btn{width:36px!important;height:36px!important;background:#fef3c7!important;color:#92400e!important;border:none!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.25rem!important;cursor:pointer!important}.quick-action-btn:hover{background:#fde68a!important}.menu-toggle-btn{background:#fff!important;border:none!important;color:var(--color-accent-primary)!important;width:44px!important;height:44px!important;border-radius:0 10px 10px 0!important;cursor:pointer!important;font-size:1.25rem!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;box-shadow:4px 0 12px #7b6cf626!important;margin-right:8px!important;margin-left:0!important;padding-left:0!important;z-index:2!important}.menu-toggle-btn:hover{background:var(--color-accent-primary)!important;color:#fff!important;transform:scale(1.05)!important;box-shadow:0 6px 16px #7b6cf666!important}.navbar-btn{width:36px!important;height:36px!important;background:none!important;border:none!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.5rem!important;color:#64748b!important;cursor:pointer!important;position:relative!important}.tankiq-toggle-btn img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;display:block!important}.tankiq-toggle-btn{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}.navbar-btn:hover{background:#f1f5f9!important;color:#1e293b!important}.notification-badge{position:absolute!important;top:-4px!important;right:-4px!important;background:#ef4444!important;color:#fff!important;font-size:.65rem!important;font-weight:800!important;padding:2px 5px!important;border-radius:999px!important;border:2px solid #fff!important;min-width:18px!important;height:18px!important;display:flex!important;align-items:center!important;justify-content:center!important}.profile-btn{display:flex!important;align-items:center!important;gap:8px!important;padding:4px!important;border-radius:50%!important;background:transparent!important;border:none!important;cursor:pointer!important;transition:all .2s ease!important}.profile-btn:hover{transform:scale(1.05)!important}.avatar{width:44px!important;height:44px!important;border-radius:50%!important;background:#f1f5f9!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;border:2px solid rgba(255,255,255,.5)!important;box-shadow:0 4px 12px #0000001a!important}.avatar img{width:100%!important;height:100%;object-fit:cover!important}.navbar-item-relative{position:relative}.dropdown-menu{position:absolute!important;top:calc(100% + 12px)!important;right:-10px!important;background:#fff!important;border:1px solid rgba(0,0,0,.08)!important;border-radius:12px!important;box-shadow:0 20px 50px -12px #0003,0 0 0 1px #0000000d!important;width:320px!important;overflow:hidden!important;z-index:10000!important;animation:dropdownPop .25s cubic-bezier(.175,.885,.32,1.275)!important;transform-origin:top right!important}@keyframes dropdownPop{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.modern-dropdown{width:280px!important;border-radius:20px!important;padding:0 0 16px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff1a inset!important;background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.modern-dropdown.notifications-dropdown{width:380px!important;max-height:520px!important;display:flex!important;flex-direction:column!important}.modern-dropdown.quick-actions-dropdown{width:300px!important}.modern-dropdown .dropdown-header{padding:20px 24px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:10px!important}.notif-header h3{font-size:clamp(1rem,1.2vw,1.15rem)!important;font-weight:850!important;color:#0f172a!important;margin:0!important;letter-spacing:-.01em!important;animation:lively-pulse 4s infinite ease-in-out}@keyframes lively-pulse{0%,to{text-shadow:0 0 0 transparent;transform:scale(1)}50%{text-shadow:0 0 15px rgba(6,182,212,.3);transform:scale(1.02)}}.notif-badge-inline{background:#ecfeff!important;color:#0891b2!important;padding:2px 10px!important;border-radius:99px!important;font-size:.7rem!important;font-weight:800!important;border:1px solid #cffafe!important}.modern-dropdown .dropdown-header h3{font-size:1.1rem!important;font-weight:900!important;color:#1e1b4b!important;margin:0!important;letter-spacing:-.02em!important}.modern-dropdown .dropdown-header .user-role{font-size:.65rem!important;font-weight:800!important;color:var(--color-accent-primary)!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:2px!important;opacity:.8!important}.modern-dropdown .dropdown-header .user-email{font-size:.75rem!important;font-weight:500!important;color:#9ca3af!important;margin-top:0!important}.modern-dropdown .dropdown-content{padding:0 12px!important}.notifications-dropdown .dropdown-content{flex:1!important;overflow-y:auto!important;max-height:420px!important;padding:0 4px!important}.notifications-dropdown .dropdown-content::-webkit-scrollbar{width:5px!important}.notifications-dropdown .dropdown-content::-webkit-scrollbar-track{background:transparent!important}.notifications-dropdown .dropdown-content::-webkit-scrollbar-thumb{background:#e2e8f0!important;border-radius:10px!important}.notifications-dropdown .dropdown-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1!important}.notifications-list-container{max-height:380px!important;overflow-y:auto!important;padding-bottom:12px!important;overscroll-behavior:contain!important}.dropdown-content.custom-scrollbar{overscroll-behavior:contain!important}.notifications-list-container::-webkit-scrollbar{width:6px!important}.notifications-list-container::-webkit-scrollbar-thumb{background:#00d4ff33!important;border-radius:10px!important}.modern-dropdown ul{list-style:none!important;padding:0!important;margin:0!important}.modern-dropdown .menu-btn{display:flex!important;align-items:center!important;gap:16px!important;padding:12px 16px!important;color:#4b5563!important;text-decoration:none!important;width:100%!important;text-align:left!important;border:none!important;background:transparent!important;font-size:.9rem!important;font-weight:700!important;border-radius:16px!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.modern-dropdown .menu-btn:hover{background-color:#00d4ff1a!important;color:#0072aa!important;transform:translate(4px)!important}.modern-dropdown .menu-icon{font-size:1.4rem!important;color:#00d4ff!important;transition:color .2s ease!important}.modern-dropdown .menu-btn:hover .menu-icon{color:#09e!important}.modern-dropdown .menu-btn.logout-btn{color:#ef4444!important}.modern-dropdown .menu-btn.logout-btn:hover{background-color:#fef2f2!important}.modern-dropdown .menu-btn.logout-btn .menu-icon{color:#fca5a5!important}.modern-dropdown .menu-btn.logout-btn:hover .menu-icon{color:#ef4444!important}.quick-actions-dropdown .menu-btn{padding:14px 18px!important;margin-bottom:4px!important;background:#fff6!important;border:1px solid rgba(0,212,255,.05)!important}.quick-actions-dropdown .menu-btn:hover{background:#ffffffe6!important;border-color:#00d4ff4d!important;box-shadow:0 4px 12px #00d4ff14!important}.quick-actions-dropdown .menu-icon{color:#00d4ff!important}.quick-actions-dropdown .action-details{display:flex!important;flex-direction:column!important;gap:2px!important}.quick-actions-dropdown .action-title{font-size:.9rem!important;font-weight:700!important}.quick-actions-dropdown .action-desc{font-size:.7rem!important;font-weight:500!important;color:#9ca3af!important}.notifications-dropdown .notification-item{padding:12px 14px!important;border-radius:16px!important;margin:8px 12px!important;border:1px solid rgba(0,0,0,.03)!important;background:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;position:relative;overflow:hidden}.notifications-dropdown .notification-item:hover{background:#f8fafc!important;border-color:#06b6d433!important;box-shadow:0 4px 12px #06b6d414!important;transform:translateY(-2px);border-radius:2px!important}.notifications-dropdown .notification-item.unread{background:#f0f9ff!important;border-color:#06b6d44d!important;box-shadow:0 4px 6px -1px #0000000d,inset 3px 0 #06b6d4!important}.notifications-dropdown .notification-title{font-size:.85rem!important;font-weight:700!important;color:#1f2937!important}.notifications-dropdown .notification-meta{margin-top:6px!important}.modern-dropdown .divider{height:1px!important;background-color:#f3f4f6!important;margin:8px 16px!important}.profile-btn .avatar{position:relative!important;border:1px solid rgba(0,0,0,.05)!important}.pro-badge{margin-left:auto;background-color:#f0fdfa;color:#0d9488;padding:2px 8px;border-radius:6px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:4px}.notification-item{margin:12px 16px!important;padding:16px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-left:4px solid #22d3ee!important;border-radius:12px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:16px!important;position:relative!important}.notification-item:hover{transform:translateY(-2px)!important;box-shadow:0 10px 15px -3px #0000001a!important;background-color:#fafafa!important}.notification-item.severity-critical{border-left-color:#ef4444!important}.notification-item.severity-warning{border-left-color:#f59e0b!important}.notification-title{font-size:.875rem!important;font-weight:700!important;color:#1e1b4b!important;line-height:1.25!important;display:flex!important;align-items:center!important;gap:16px!important;width:100%!important}.notif-placeholder{width:36px!important;height:36px!important;min-width:36px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.1rem!important;position:relative!important;box-shadow:0 2px 6px #0000000d!important}.cat-security .notif-placeholder{background:#ef44441a!important;color:#ef4444!important}.cat-shift .notif-placeholder{background:#06b6d41a!important;color:#06b6d4!important}.cat-delivery .notif-placeholder{background:#10b9811a!important;color:#10b981!important}.cat-team .notif-placeholder{background:#f59e0b1a!important;color:#f59e0b!important}.btn-open-alerts{background:linear-gradient(135deg,#06b6d4,#3b82f6)!important;color:#fff!important;width:fit-content!important;min-width:180px!important;margin:8px auto 12px!important;padding:8px 20px!important;border-radius:12px!important;font-size:.7rem!important;font-weight:950!important;text-transform:uppercase;letter-spacing:.12em;border:none!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #06b6d44d}.btn-open-alerts:hover{background:linear-gradient(135deg,#08d9ff,#3b82f6)!important;transform:translateY(-3px) scale(1.05);box-shadow:0 12px 20px -5px #06b6d466}.section-label-tactical{padding:14px 18px 6px!important;font-size:.65rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.18em;color:#1e293b!important;border-bottom:1px solid rgba(0,0,0,.03)!important;background:#f8fafc!important}.cat-system .notif-placeholder{background:#f8fafc!important;color:#475569!important}.notification-body{flex:1!important;display:flex!important;flex-direction:column!important;gap:2px!important}.btn-mark-read{background:#10b981!important;border:none!important;width:22px!important;height:22px!important;min-width:22px!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s cubic-bezier(.175,.885,.32,1.275)!important;box-shadow:0 2px 4px #10b98133!important}.btn-mark-read:hover{transform:scale(1.15)!important;box-shadow:0 4px 8px #10b9814d!important;background:#059669!important}.notification-time{font-size:var(--font-size-xs)!important;color:var(--color-text-secondary)!important;margin-top:2px!important}.dropdown-footer{padding:16px!important;background:#f8fafc!important;border-top:1px solid rgba(0,0,0,.05)!important;display:flex!important;justify-content:center!important}.btn-open-alerts{background:linear-gradient(135deg,#00d4ff,#3b82f6)!important;color:#fff!important;font-weight:900!important;border-radius:12px!important;padding:10px 24px!important;box-shadow:0 4px 12px #00d4ff4d!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;font-size:11px!important;letter-spacing:.1em!important;text-transform:uppercase!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 32px)!important;border:none!important;cursor:pointer!important}.btn-open-alerts:hover{transform:translateY(-2px)!important;box-shadow:0 14px 24px -5px #00d4ff99!important}.btn-open-alerts:active{transform:scale(.96)!important}.mobile-only{display:none}@media(max-width:1024px){.navbar-center,.desktop-only{display:none!important}}@media(max-width:768px){.navbar-right{gap:var(--spacing-xs)!important}.navbar-btn{font-size:1.1rem;padding:var(--spacing-xs)}.profile-btn span{display:none!important}.profile-btn .avatar{display:flex!important}}@media(max-width:480px){.navbar-right{gap:4px!important}.navbar-btn{padding:6px}}.navbar-logo-wrapper{height:32px!important;display:flex!important;align-items:center!important}.logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;background:linear-gradient(to right,var(--color-accent-primary),var(--color-accent-pink));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.view-only-badge{background:#ef444414!important;border:1px solid rgba(239,68,68,.2)!important;color:#ef4444!important;padding:6px 14px!important;border-radius:99px!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;font-size:11px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}.view-only-lock-icon{opacity:.6!important}.notif-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.notif-badge-inline{margin:0!important}.navbar-username{font-size:.875rem!important;font-weight:700!important;margin-left:4px!important;max-width:80px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;transition:all .3s!important}.notification-item.resolving-out,.resolving-out{animation:slideOutRight .3s forwards cubic-bezier(.4,0,.2,1)!important;pointer-events:none!important;opacity:.5!important}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}�/�*� �R�e�d�e�s�i�g�n�e�d� �E�m�p�t�y� �S�t�a�t�e� �-� �F�o�r�e�n�s�i�c� �G�r�a�d�e� �*�/� �.�e�m�p�t�y�-�n�o�t�i�f�-�s�t�a�t�e� �{� � � � � �p�a�d�d�i�n�g�:� �4�0�p�x� �3�2�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �d�i�s�p�l�a�y�:� �f�l�e�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n� �!�i�m�p�o�r�t�a�n�t�;� � � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r� �!�i�m�p�o�r�t�a�n�t�;� � � � � �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�a�c�k�g�r�o�u�n�d�:� �#�f�f�f�f�f�f� �!�i�m�p�o�r�t�a�n�t�;� �}� � �.�e�m�p�t�y�-�i�c�o�n�-�w�r�a�p�p�e�r� �{� � � � � �w�i�d�t�h�:� �6�4�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �h�e�i�g�h�t�:� �6�4�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�a�c�k�g�r�o�u�n�d�:� �#�e�c�f�e�f�f� �!�i�m�p�o�r�t�a�n�t�;� � � � � �c�o�l�o�r�:� �#�0�8�9�1�b�2� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �2�0�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �d�i�s�p�l�a�y�:� �f�l�e�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r� �!�i�m�p�o�r�t�a�n�t�;� � � � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r� �!�i�m�p�o�r�t�a�n�t�;� � � � � �m�a�r�g�i�n�-�b�o�t�t�o�m�:� �2�0�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �#�c�f�f�a�f�e� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �8�p�x� �1�6�p�x� �-�4�p�x� �r�g�b�a�(�6�,� �1�8�2�,� �2�1�2�,� �0�.�1�5�)� �!�i�m�p�o�r�t�a�n�t�;� � � � � �a�n�i�m�a�t�i�o�n�:� �i�c�o�n�-�f�l�o�a�t� �3�s� �i�n�f�i�n�i�t�e� �e�a�s�e�-�i�n�-�o�u�t�;� �}� � �@�k�e�y�f�r�a�m�e�s� �i�c�o�n�-�f�l�o�a�t� �{� � � � � �0�%�,� �1�0�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�0�)�;� �}� � � � � �5�0�%� �{� �t�r�a�n�s�f�o�r�m�:� �t�r�a�n�s�l�a�t�e�Y�(�-�6�p�x�)�;� �}� �}� � �.�e�m�p�t�y�-�t�i�t�l�e� �{� � � � � �f�o�n�t�-�s�i�z�e�:� �1�.�1�r�e�m� �!�i�m�p�o�r�t�a�n�t�;� � � � � �f�o�n�t�-�w�e�i�g�h�t�:� �9�0�0� �!�i�m�p�o�r�t�a�n�t�;� � � � � �c�o�l�o�r�:� �#�1�e�1�b�4�b� �!�i�m�p�o�r�t�a�n�t�;� � � � � �m�a�r�g�i�n�:� �0� �0� �8�p�x� �0� �!�i�m�p�o�r�t�a�n�t�;� � � � � �l�e�t�t�e�r�-�s�p�a�c�i�n�g�:� �-�0�.�0�2�e�m� �!�i�m�p�o�r�t�a�n�t�;� �}� � �.�e�m�p�t�y�-�d�e�s�c� �{� � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�7�5�r�e�m� �!�i�m�p�o�r�t�a�n�t�;� � � � � �c�o�l�o�r�:� �#�9�4�a�3�b�8� �!�i�m�p�o�r�t�a�n�t�;� � � � � �l�i�n�e�-�h�e�i�g�h�t�:� �1�.�6� �!�i�m�p�o�r�t�a�n�t�;� � � � � �m�a�r�g�i�n�:� �0� �0� �2�0�p�x� �0� �!�i�m�p�o�r�t�a�n�t�;� � � � � �m�a�x�-�w�i�d�t�h�:� �2�4�0�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �f�o�n�t�-�w�e�i�g�h�t�:� �5�0�0� �!�i�m�p�o�r�t�a�n�t�;� �}� � �.�i�n�t�e�g�r�i�t�y�-�b�a�d�g�e� �{� � � � � �d�i�s�p�l�a�y�:� �f�l�e�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r� �!�i�m�p�o�r�t�a�n�t�;� � � � � �g�a�p�:� �8�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �p�a�d�d�i�n�g�:� �6�p�x� �1�4�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�a�c�k�g�r�o�u�n�d�:� �#�f�0�f�d�f�4� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �#�d�c�f�c�e�7� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �9�9�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�7�r�e�m� �!�i�m�p�o�r�t�a�n�t�;� � � � � �f�o�n�t�-�w�e�i�g�h�t�:� �8�0�0� �!�i�m�p�o�r�t�a�n�t�;� � � � � �c�o�l�o�r�:� �#�1�6�6�5�3�4� �!�i�m�p�o�r�t�a�n�t�;� � � � � �t�e�x�t�-�t�r�a�n�s�f�o�r�m�:� �u�p�p�e�r�c�a�s�e� �!�i�m�p�o�r�t�a�n�t�;� � � � � �l�e�t�t�e�r�-�s�p�a�c�i�n�g�:� �0�.�0�5�e�m� �!�i�m�p�o�r�t�a�n�t�;� �}� � �.�i�n�t�e�g�r�i�t�y�-�b�a�d�g�e� �.�s�t�a�t�u�s�-�d�o�t� �{� � � � � �w�i�d�t�h�:� �6�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �h�e�i�g�h�t�:� �6�p�x� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �5�0�%� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�a�c�k�g�r�o�u�n�d�:� �#�2�2�c�5�5�e� �!�i�m�p�o�r�t�a�n�t�;� � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �0� �4�p�x� �r�g�b�a�(�3�4�,� �1�9�7�,� �9�4�,� �0�.�1�5�)� �!�i�m�p�o�r�t�a�n�t�;� � � � � �a�n�i�m�a�t�i�o�n�:� �p�u�l�s�e� �2�s� �i�n�f�i�n�i�t�e� �!�i�m�p�o�r�t�a�n�t�;� �}� � � .add-tank-modal-overlay{position:fixed;inset:0;background:#0a0f1ea6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:atm-fade .35s ease-out}@keyframes atm-fade{0%{opacity:0}to{opacity:1}}@keyframes atm-pop{0%{transform:scale(.92) translateY(24px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.add-tank-modal-content{width:100%;max-width:740px;max-height:92vh;background:#fffffff2;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px -4px #00000038,0 32px 80px -16px #0072ff2e;display:flex;flex-direction:column;overflow:hidden;animation:atm-pop .4s cubic-bezier(.16,1,.3,1)}.dark .add-tank-modal-content{background:#0c1222f2;border-color:#ffffff12}.modal-header{background:linear-gradient(135deg,#0f172a,#1e3a5f,#0f4c8a);padding:28px 32px 24px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden;flex-shrink:0}.modal-header:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(0,212,255,.25) 0%,transparent 70%);border-radius:50%}.modal-header:after{content:"";position:absolute;bottom:-40px;left:120px;width:140px;height:140px;background:radial-gradient(circle,rgba(0,114,255,.2) 0%,transparent 70%);border-radius:50%}.header-text-container{position:relative;z-index:1}.modal-header h2{font-size:1.35rem;font-weight:800;color:#fff;margin:0;letter-spacing:-.02em}.modal-header p{font-size:.8rem;color:#fff9;margin:4px 0 0}.modal-header-badges{display:flex;gap:8px;margin-top:12px;position:relative;z-index:1}.modal-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.modal-badge.cyan{background:#00d4ff2e;color:#00d4ff;border:1px solid rgba(0,212,255,.35)}.modal-badge.blue{background:#3b82f62e;color:#60a5fa;border:1px solid rgba(59,130,246,.35)}.modal-badge.slate{background:#64748b2e;color:#94a3b8;border:1px solid rgba(100,116,139,.35)}.modal-badge.emerald{background:#10b9812e;color:#10b981;border:1px solid rgba(16,185,129,.35)}.modal-badge.amber{background:#f59e0b2e;color:#f59e0b;border:1px solid rgba(245,158,11,.35)}.modal-badge.rose{background:#f43f5e2e;color:#f43f5e;border:1px solid rgba(244,63,94,.35)}.close-btn{position:relative;z-index:10;width:38px;height:38px;border-radius:50%;border:2px solid #ffb3b3;background:radial-gradient(circle at 30% 30%,#ff4b4b,#dc2626 60%,#991b1b);box-shadow:inset 0 4px 6px -1px #ffffff80,inset 0 -3px 6px -1px #991b1b99,0 4px 8px -2px #0000004d,0 2px 4px -2px #0003;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0;color:#fff}.close-btn svg{width:22px;height:22px;filter:drop-shadow(0 2px 1px rgba(153,27,27,.6));stroke-width:3px}.close-btn:hover{transform:scale(1.05) translateY(-1px);box-shadow:inset 0 4px 6px -1px #fff9,inset 0 -3px 6px -1px #991b1bb3,0 6px 12px -2px #00000059}.close-btn:active{transform:scale(.95);background:radial-gradient(circle at 50% 50%,#dc2626,#b91c1c);border-color:#fca5a5;box-shadow:inset 0 2px 4px -1px #991b1bcc,0 1px 2px -1px #0003}.add-tank-form{flex:1;overflow-y:auto;padding:20px 28px 16px;display:flex;flex-direction:column;gap:12px}.atm-section{border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 8px -2px #0000000f;flex-shrink:0}.atm-section-header{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.atm-section-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.atm-section.cyan .atm-section-header{background:linear-gradient(135deg,#e0f7ff,#b3eeff)}.atm-section.cyan .atm-section-icon{background:#00d4ff;color:#0f172a}.atm-section.cyan .atm-section-title{color:#0369a1}.atm-section.blue .atm-section-header{background:linear-gradient(135deg,#e0f0ff,#bfdbfe)}.atm-section.blue .atm-section-icon{background:#3b82f6;color:#fff}.atm-section.blue .atm-section-title{color:#1e40af}.atm-section.slate .atm-section-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.atm-section.slate .atm-section-icon{background:#64748b;color:#fff}.atm-section.slate .atm-section-title{color:#334155}.atm-section.emerald .atm-section-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.atm-section.emerald .atm-section-icon{background:#10b981;color:#fff}.atm-section.emerald .atm-section-title{color:#065f46}.atm-section.indigo .atm-section-header{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.atm-section.indigo .atm-section-icon{background:#6366f1;color:#fff}.atm-section.indigo .atm-section-title{color:#3730a3}.atm-section-title{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.atm-section-body{background:#fff;padding:14px 16px}.dark .atm-section-body{background:#ffffff08}.atm-grid{display:grid;gap:10px}.atm-grid-2{grid-template-columns:1fr 1fr}.atm-grid-1{grid-template-columns:1fr}.atm-col-2{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:0}.form-group label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#475569;padding-left:2px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.form-group input,.form-group select{height:42px!important;padding:0 14px!important;border-radius:10px!important;border:2px solid #cbd5e1!important;background:#fff!important;color:#0f172a!important;font-size:.9rem!important;font-weight:600!important;font-family:Inter,system-ui,sans-serif!important;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{outline:none!important;border-color:#00b8e6!important;background:#fff!important;box-shadow:0 0 0 3px #00d4ff26!important}.dark .form-group input,.dark .form-group select{background:#ffffff0d;border-color:#ffffff1a;color:#f1f5f9}.atm-sensor-row{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;gap:12px}.atm-sensor-row+.atm-sensor-row{margin-top:8px}.atm-sensor-label{font-size:12px;font-weight:600;color:#334155;flex:1}.atm-sensor-label span{display:inline-block;padding:1px 6px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.atm-sensor-label .tag-mount{background:#e0f0ff;color:#1d4ed8}.atm-sensor-label .tag-empty{background:#fee2e2;color:#dc2626}.atm-sensor-label .tag-full{background:#d1fae5;color:#059669}.atm-sensor-input-wrap{display:flex;align-items:center;gap:6px;flex-shrink:0}.atm-sensor-input-wrap input{width:90px!important;height:38px!important;padding:0 10px!important;border-radius:8px!important;border:2px solid #cbd5e1!important;background:#fff!important;font-size:.95rem!important;font-weight:800!important;font-family:JetBrains Mono,Fira Code,monospace!important;text-align:right!important;color:#0f172a!important;transition:all .2s}.atm-sensor-input-wrap input:focus{outline:none;border-color:#00b8e6;box-shadow:0 0 0 3px #00d4ff26}.atm-sensor-input-wrap .atm-unit{font-size:11px;font-weight:700;color:#94a3b8;min-width:20px}.atm-sensor-row.empty .atm-sensor-input-wrap input{color:#dc2626;border-color:#dc262666;background:#fef2f2}.atm-sensor-row.empty .atm-sensor-input-wrap input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.atm-sensor-row.full .atm-sensor-input-wrap input{color:#059669;border-color:#10b98166;background:#ecfdf5}.atm-sensor-row.full .atm-sensor-input-wrap input:focus{border-color:#059669;box-shadow:0 0 0 3px #05966926}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 0 20px;flex-shrink:0;background:transparent}.dark .form-actions{background:transparent;border-color:#ffffff0f}.btn-cancel{padding:10px 24px;border-radius:10px;border:1px solid #e2e8f0;background:transparent;color:#64748b;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.btn-submit{padding:10px 20px;min-width:140px;border-radius:10px;border:none;background:linear-gradient(135deg,#00d4ff,#0072ff);color:#fff;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:0 8px 20px -4px #0072ff66;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex;align-items:center;justify-content:center;gap:8px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 14px 28px -6px #0072ff8c}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.error-banner{display:flex;align-items:center;gap:12px;background:#ef444412;border:1px solid rgba(239,68,68,.2);border-radius:12px;padding:12px 16px;margin:0 28px;animation:slideDown .35s cubic-bezier(.16,1,.3,1)}.error-icon-container{width:36px;height:36px;border-radius:10px;background:#ef44441f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-icon{color:#ef4444;font-size:1.2rem}.error-content strong{display:block;color:#ef4444;font-size:.88rem;font-weight:800}.error-content p{color:#64748b;font-size:.78rem;margin:0;line-height:1.5}.error-hint{margin-top:4px;font-size:.72rem;color:#ef4444;font-style:italic}.add-tank-modal-content.auth-mode{max-width:440px}.password-gate{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;animation:atm-fade .4s ease-out}.gate-icon-container{width:60px;height:60px;background:linear-gradient(135deg,#e0f0ff,#bfdbfe);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.gate-icon{font-size:1.8rem;color:#0072ff}.password-gate h3{font-size:1.15rem;font-weight:800;margin-bottom:6px;color:#0f172a}.password-gate p{font-size:.85rem;color:#64748b;margin-bottom:24px;max-width:300px;line-height:1.5}.gate-form{width:100%;max-width:300px;display:flex;flex-direction:column;gap:12px}.gate-form input{width:100%;padding:12px 16px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;font-size:.95rem;text-align:center;letter-spacing:.08em;color:#0f172a;transition:all .2s}.gate-form input:focus{outline:none;border-color:#00b8e6;box-shadow:0 0 0 3px #00d4ff26;background:#fff}.gate-form button{width:100%;padding:13px;border-radius:12px;border:none;background:linear-gradient(135deg,#00d4ff,#0072ff);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 8px 18px -4px #0072ff59;display:flex;align-items:center;justify-content:center;transition:all .2s}.gate-form button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -6px #0072ff73}.gate-footer{margin-top:16px}.btn-secondary{background:transparent;border:1px solid #e2e8f0;color:#64748b;padding:7px 18px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;color:#0f172a}@keyframes slideDown{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:640px){.atm-grid-2{grid-template-columns:1fr}.atm-col-2{grid-column:span 1}.add-tank-modal-content{max-height:100vh;border-radius:0}.add-tank-modal-overlay{padding:0}}.tm-verification-card{display:flex;align-items:center;gap:12px;padding:14px 20px;margin-top:24px;background:#10b98114;border:2px solid #10b981;border-radius:20px;transition:all .2s ease}.tm-verification-card:hover{background:#10b9811f;transform:translateY(-1px)}.tm-verification-card svg{color:#10b981;flex-shrink:0}.tm-verification-card p{font-size:13px;font-weight:700;color:#065f46;margin:0;line-height:1.5}.btn-danger{padding:10px 20px;border-radius:10px;border:2px solid #ef4444;background:#fef2f2;color:#ef4444;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s;min-width:100px}.btn-danger:hover{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.tm-disclosure-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;padding:0 4px}.tm-disclosure-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:4px;transition:all .2s}.tm-disclosure-chip.forensic{background:#f8fafc;border-color:#e2e8f0}.tm-disclosure-chip.forensic.accent{border-color:#00d4ff4d;background:#00d4ff0a}.tm-disclosure-chip.warning{border-color:#fbbf24;background:#fbbf240a}.tm-disclosure-chip.critical{border-color:#ef4444;background:#ef44440a}.tm-chip-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#64748b}.tm-chip-value{font-size:15px;font-weight:700;color:#1e293b}.tm-chip-status{font-size:12px;font-weight:700;margin-top:4px;display:flex;align-items:center;gap:4px}.tm-chip-status.ok{color:#10b981}.tm-chip-status.issue{color:#f59e0b}.tm-chip-status.critical{color:#ef4444}.close-btn.hibernate{animation:hibernatePulse .4s ease-in-out;background:#ef4444!important;box-shadow:0 0 20px #ef444499!important}@keyframes hibernatePulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.storage-analysis-unit{padding:4px 0}.unit-indicator-glow{width:10px;height:10px;border-radius:50%;background:#00d4ff;box-shadow:0 0 8px #00d4ff99;flex-shrink:0}.unit-status-pill{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:3px 10px;border-radius:999px}.unit-suffix{font-size:11px;font-weight:600;color:#94a3b8;margin-left:2px}.price-placeholder-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.price-card-placeholder{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.price-card-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b;display:block;margin-bottom:6px}.price-card-value{font-size:18px;font-weight:900;color:#0f172a;letter-spacing:-.02em}.forensic-hud-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.forensic-hud-card{padding:20px;border-radius:18px;display:flex;gap:14px;align-items:flex-start;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px -2px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.forensic-hud-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #0000001f}.forensic-hud-card .card-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.forensic-hud-card .card-info{display:flex;flex-direction:column}.forensic-hud-card .card-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-bottom:4px}.forensic-hud-card .card-value{font-size:1.4rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:4px}.forensic-hud-card .card-value .unit{font-size:10px;font-weight:600;opacity:.5}.forensic-hud-card .card-sub{font-size:10px;font-weight:700;opacity:.45}.forensic-hud-card.cyan{background:#e0f7ff;border-color:#bae6fd;color:#0c4a6e}.forensic-hud-card.cyan .card-icon{background:#00d4ff;color:#0f172a}.forensic-hud-card.blue{background:#eef2ff;border-color:#c7d2fe;color:#1e3a8a}.forensic-hud-card.blue .card-icon{background:#3b82f6;color:#fff}.forensic-hud-card.indigo{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.forensic-hud-card.indigo .card-icon{background:#6366f1;color:#fff}.forensic-hud-card.slate{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.forensic-hud-card.slate .card-icon{background:#64748b;color:#fff}.forensic-hud-card.amethyst{background:#eef2ff;border-color:#c7d2fe;color:#1e3a8a}.forensic-hud-card.amethyst .card-icon{background:#3b82f6;color:#fff}.forensic-hud-card.violet{background:#e0f7ff;border-color:#bae6fd;color:#0c4a6e}.forensic-hud-card.violet .card-icon{background:#00d4ff;color:#0f172a}.forensic-hud-card.plum{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.forensic-hud-card.plum .card-icon{background:#64748b;color:#fff}.forensic-hud-card.rose{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.forensic-hud-card.rose .card-icon{background:#f43f5e;color:#fff}.forensic-hud-card.emerald{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.forensic-hud-card.emerald .card-icon{background:#10b981;color:#fff}.scrollbar-elegant::-webkit-scrollbar{width:6px}.scrollbar-elegant::-webkit-scrollbar-track{background:transparent}.scrollbar-elegant::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.scrollbar-elegant::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.modal-footer{position:sticky;bottom:0;background:#f8fafc;z-index:50;box-shadow:0 -4px 12px -2px #00000008;border-top:1px solid #e2e8f0}.dark .modal-footer{background:#0f172a;border-color:#ffffff0d}@media(max-width:500px){.forensic-hud-grid{grid-template-columns:1fr}}.field-info-box{display:flex;align-items:flex-start;gap:10px;background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);border-radius:12px;padding:12px;margin-top:8px;animation:slideDown .3s ease-out}.field-info-box .info-icon{color:#00b8e6;font-size:1rem;flex-shrink:0;margin-top:2px}.field-info-box p{font-size:.78rem;font-weight:500;color:#475569;line-height:1.4;margin:0}.dark .field-info-box{background:#00d4ff14;border-color:#00d4ff33}.dark .field-info-box p{color:#94a3b8}.qa-modal-overlay{position:fixed;inset:0;background:#0f172ab3;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;overflow-y:auto}.qa-modal-container{background:#fff;width:100%;max-width:650px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;position:relative;margin:auto}.qa-modal-header{padding:24px 32px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-title-group{display:flex;align-items:center;gap:16px}.header-icon{font-size:2rem}.qa-modal-header h2{font-size:1.25rem;font-weight:800;color:#1e293b;margin:0}.close-btn{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;transition:color .2s}.close-btn:hover{color:#475569}.qa-modal-body{padding:32px;overflow-y:auto;flex:1}.qa-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.section-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#7b6cf6;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.75rem;font-weight:700;color:#64748b;margin-bottom:6px}.qa-input{width:100%;height:42px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:0 12px;font-size:.9rem;font-weight:600;color:#1e293b;transition:all .2s}.qa-input:focus{outline:none;border-color:#7b6cf6;background:#fff;box-shadow:0 0 0 4px #7b6cf61a}.qa-verification-bar{margin-top:24px;background:#f0f9ff;border:1px solid #e0f2fe;padding:12px 16px;border-radius:10px;display:flex;align-items:center;gap:12px}.qa-choice-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s}.qa-choice-btn.active{background:#f5f3ff;border-color:#7b6cf6;color:#7b6cf6}.qa-choice-btn svg{font-size:1.5rem}.qa-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:32px}.btn-secondary{background:#f1f5f9;color:#475569;border:none;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer}.btn-primary{background:#7b6cf6;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 10px 15px -3px #7b6cf64d}.btn-primary:hover{background:#6355d8}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .3s ease-out forwards}@media(max-width:640px){.qa-modal-container{margin:20px}.qa-section-grid{grid-template-columns:1fr;gap:20px}}.shift-modal-overlay{position:fixed;inset:0;background:#0a0f1ea6;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalOverlayFadeIn .4s cubic-bezier(.16,1,.3,1)}.shift-modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(32px) saturate(200%);backdrop-filter:blur(32px) saturate(200%);width:90%;max-width:520px;border-radius:32px;border:1px solid rgba(255,255,255,.4);box-shadow:0 40px 100px -20px #0000004d,0 0 0 1px #fff3 inset;overflow:hidden;position:relative;padding:0;animation:modalContentSlideUp .5s cubic-bezier(.16,1,.3,1)}.dark .shift-modal-content{background:#0f172af2;border:1px solid rgba(255,255,255,.07);box-shadow:0 40px 100px -20px #0009}.shift-modal-header{padding:32px 32px 16px;display:flex;justify-content:space-between;align-items:flex-start}.shift-header-info h2{font-size:1.75rem;font-weight:900;color:#0f172a;margin:0;letter-spacing:-.03em;line-height:1.1}.shift-header-info p{font-size:.875rem;color:#0072ff;margin:8px 0 0;font-weight:600;opacity:.85}.shift-close-btn{background:#00d4ff1a;border:none;color:#0072ff;padding:10px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.shift-close-btn:hover{background:#00d4ff33;color:#0f4c8a;transform:rotate(90deg)}.shift-modal-body{padding:24px 32px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.shift-hero-icon-container{position:relative;margin-bottom:32px}.shift-hero-icon{width:100px;height:100px;background:linear-gradient(135deg,#00d4ff,#0072ff);border-radius:30px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 40px -10px #0072ff80;position:relative;z-index:2}.shift-icon-glow{position:absolute;inset:-10px;background:#00d4ff;border-radius:40px;filter:blur(20px);opacity:.35;z-index:1;animation:modalPulse 3s infinite ease-in-out}.shift-welcome h3{font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:12px}.shift-station-name{color:#0072ff;position:relative;display:inline-block}.shift-station-name:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:currentColor;border-radius:1px;opacity:.2}.shift-description{font-size:1rem;line-height:1.6;color:#475569;max-width:360px;margin:0 auto 32px;font-weight:600}.shift-readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:40px}.readiness-item{background:#00d4ff0d;padding:12px;border-radius:16px;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(0,212,255,.15)}.readiness-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#0e4f8a}.readiness-status{font-size:.75rem;font-weight:800;color:#10b981}.shift-actions{display:flex;gap:16px;width:100%}.btn-shift-cancel{flex:1;padding:16px;border-radius:16px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;cursor:pointer;transition:all .2s}.btn-shift-cancel:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.btn-shift-start{flex:2;padding:16px;border-radius:16px;border:none;background:linear-gradient(135deg,#00d4ff,#0072ff);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;cursor:pointer;box-shadow:0 10px 25px -5px #0072ff73;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-shift-start:hover{transform:translateY(-3px);box-shadow:0 20px 40px -12px #0072ff8c}.btn-shift-start:active{transform:translateY(0)}.btn-shift-start:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalContentSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalPulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(1.1);opacity:.5}}@media(max-width:480px){.shift-modal-content{border-radius:24px;width:100%;margin:16px}.shift-readiness-grid{grid-template-columns:1fr}}.toast-portal-root{position:fixed;top:24px;right:24px;z-index:10000;pointer-events:none}.toast-card{max-width:340px;width:340px;background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);border-radius:20px;box-shadow:0 10px 25px -5px #0000001a,0 0 0 1px #0000000d;padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,255,255,.5);overflow:hidden;position:relative;pointer-events:auto}.toast-content-wrapper{display:flex;align-items:flex-start;gap:12px;text-align:left}.toast-icon-container{position:relative;flex-shrink:0}.toast-icon-wrapper{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#00d4ff,#0072ff);box-shadow:0 4px 8px -2px #00d4ff4d;position:relative;z-index:2}.toast-icon-wrapper svg{width:20px;height:20px}.toast-icon-pulse{position:absolute;inset:-8px;border-radius:32px;border:1px solid rgba(0,212,255,.2);z-index:1}.toast-text-content{flex:1}.toast-title{font-size:1rem;font-weight:700;color:#0f172a;line-height:1.2;letter-spacing:-.01em;margin-bottom:2px}.toast-message{font-size:.85rem;font-weight:500;color:#64748b;line-height:1.4;margin-bottom:0}.toast-actions{width:100%;display:flex;flex-direction:row;gap:8px;justify-content:flex-end}.btn-toast-primary{height:32px;padding:0 12px;border-radius:8px;background:#0072ff;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:6px;border:none;cursor:pointer;box-shadow:0 4px 8px -2px #0072ff4d;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn-toast-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-toast-secondary{height:32px;padding:0 12px;border-radius:8px;background:#00d4ff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0072ff;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,212,255,.2);cursor:pointer;transition:all .3s ease}.btn-toast-secondary:hover{background:#00d4ff33;color:#0056b3;border-color:#00d4ff99;transform:translateY(-2px);box-shadow:0 12px 20px -8px #00000014}.btn-toast-secondary:active{transform:translateY(0)}.toast-success .toast-icon-wrapper{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 15px 30px -10px #10b98180}.toast-success .btn-toast-primary{background:#10b981;box-shadow:0 12px 24px -6px #10b98180}.toast-error .toast-icon-wrapper{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 15px 30px -10px #ef444480}.toast-error .btn-toast-primary{background:#ef4444;box-shadow:0 12px 24px -6px #ef444480}.toast-warning .toast-icon-wrapper{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 15px 30px -10px #f59e0b80}.toast-warning .btn-toast-primary{background:#f59e0b;box-shadow:0 12px 24px -6px #f59e0b80}.view-only-notice-overlay{position:fixed;inset:0;z-index:999999;background:#080c18bf;-webkit-backdrop-filter:blur(24px) saturate(200%);backdrop-filter:blur(24px) saturate(200%);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.view-only-notice-card{background:#fff;width:100%;max-width:440px;border-radius:28px;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px -20px #0006;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.05);margin:auto}.notice-header{background:radial-gradient(circle at 50% 120%,#7c3aed,#4f46e5 60%,#3730a3);height:100px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.glass-shine{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.notice-icon-wrapper{width:60px;height:60px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#4f46e5;box-shadow:0 10px 20px #0000001a;position:relative;transform:rotate(-3deg);z-index:2;animation:iconPulse 4s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 10px 20px #4f46e51a}50%{box-shadow:0 10px 30px #4f46e540}}.notice-icon{animation:eyeBlink 7s ease-in-out infinite;transform-origin:center}@keyframes eyeBlink{0%,97%,to{transform:scaleY(1)}98.5%{transform:scaleY(.01)}}.notice-lock-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background:#ff4757;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #ffffff;box-shadow:0 4px 10px #ff47574d;transform:rotate(3deg)}.notice-content{padding:24px 32px 20px;text-align:center}.notice-content h2{font-size:22px;font-weight:850;color:#0f172a;margin-bottom:8px;letter-spacing:-.03em}.notice-content p{font-size:13.5px;color:#64748b;line-height:1.5;margin-bottom:24px;padding:0}.notice-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.feature-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8fafc;border-radius:12px;border:1px solid transparent;transition:all .2s ease}.feature-item.active{background:#f0fdf4;border-color:#dcfce7}.feature-icon-box{width:24px;height:24px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px}.active .feature-icon-box{background:#22c55e;color:#fff;box-shadow:0 2px 6px #22c55e33}.locked .feature-icon-box{background:#94a3b8;color:#fff}.feature-text{text-align:left;display:flex;flex-direction:column}.feature-text .label{font-size:11px;font-weight:700;color:#1e293b;line-height:1.2}.feature-text .status{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#64748b}.notice-actions-row{padding:0 32px 28px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.compact{flex:1;padding:12px!important;font-size:13px!important;border-radius:14px!important}.btn-primary-shimmer{position:relative;background:linear-gradient(135deg,#00d2ff,#3a7bd5);color:#fff;border:none;font-weight:700;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 8px 16px #3a7bd540;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary-shimmer:hover{transform:translateY(-2px);box-shadow:0 12px 24px #3a7bd559}.shimmer-effect{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);animation:shimmer 3s infinite}@keyframes shimmer{to{left:160%}}.btn-secondary-glass{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary-glass:hover{background:#fff;color:#0f172a;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.notice-footer{padding-bottom:20px;text-align:center;font-size:10px;color:#94a3b8;font-weight:600;letter-spacing:.02em;opacity:.8}.rv-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172abf;-webkit-backdrop-filter:none;backdrop-filter:none}.rv-modal{background:#fff;width:100%;max-width:480px;max-height:90vh;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;display:flex;flex-direction:column;animation:rv-slide-up .4s cubic-bezier(.16,1,.3,1);border:1px solid #e2e8f0}@keyframes rv-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rv-header{padding:1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);display:flex;justify-content:space-between;align-items:center}.rv-header-left{display:flex;align-items:center;gap:.75rem}.rv-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--color-accent-primary-light);color:var(--color-accent-primary)}.rv-header h3{font-size:1.1rem;font-weight:800;color:var(--color-text-primary);margin:0}.rv-close-btn{padding:.5rem;border-radius:50%;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.rv-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.rv-body{padding:1.5rem;overflow-y:auto;flex:1}.rv-body::-webkit-scrollbar{width:6px}.rv-body::-webkit-scrollbar-track{background:transparent}.rv-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.rv-body::-webkit-scrollbar-thumb:hover{background:#0003}.rv-atg-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;padding:1.25rem;margin-bottom:1.5rem}.rv-atg-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#1e40af;display:block;margin-bottom:.5rem}.rv-atg-value-row{display:flex;justify-content:space-between;align-items:flex-end}.rv-atg-value{font-size:2rem;font-weight:900;color:#1e3a8a;line-height:1}.rv-atg-unit{font-size:.875rem;font-weight:700;color:#1e40af;margin-left:.25rem}.rv-atg-ts{font-size:.7rem;font-style:italic;color:#3b82f6}.rv-input-area{display:flex;flex-direction:column;gap:1.25rem}.rv-form-group{display:flex;flex-direction:column;gap:.5rem}.rv-form-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.rv-input-wrapper{position:relative;width:100%}.rv-input{width:100%;padding:.85rem 1rem;background:var(--color-bg-body);border:1.5px solid var(--color-border);border-radius:12px;font-size:1rem;font-weight:700;color:var(--color-text-primary);transition:all .2s ease;outline:none}.rv-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 4px var(--color-accent-primary-light)}.rv-unit-tag{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-weight:800;color:var(--color-text-disabled);pointer-events:none}.rv-input--currency{padding-left:3.5rem!important}.rv-currency-tag{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-weight:800;color:var(--color-text-disabled);pointer-events:none;padding-right:.5rem}.section-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 .5rem}.section-divider span{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-disabled);white-space:nowrap}.section-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.variance-indicator{padding:1rem;border-radius:12px;margin-top:1.5rem;display:flex;flex-direction:column;gap:.25rem;transition:all .3s ease}.variance-indicator.safe{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.variance-indicator.danger{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.variance-indicator svg{flex-shrink:0}.rv-atg-forensics{display:flex;flex-direction:column;gap:.25rem;text-align:right}.forensic-point{display:flex;flex-direction:column;line-height:1.1}.forensic-point span{font-size:.6rem;font-weight:800;opacity:.6}.forensic-point strong{font-size:.75rem;font-weight:900}.rv-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rv-spin .6s linear infinite}@keyframes rv-spin{to{transform:rotate(360deg)}}.alert-banner{display:flex;align-items:flex-start;gap:var(--spacing-base);padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--border-radius-lg);border-left:4px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-banner-critical{background-color:var(--color-danger-bg);border-left-color:var(--color-danger);color:var(--color-danger)}.alert-banner-warning{background-color:var(--color-warning-bg);border-left-color:var(--color-warning);color:var(--color-warning)}.alert-banner-info{background-color:var(--color-info-bg);border-left-color:var(--color-info);color:var(--color-info)}.alert-banner-icon{flex-shrink:0;margin-top:2px}.alert-banner-content{flex:1}.alert-banner-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.alert-banner-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px}.alert-banner-method{font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);background-color:var(--color-bg-elevated);color:var(--color-text-secondary)}.alert-banner-message{font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;line-height:var(--line-height-normal)}.alert-banner-details{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-elevated);border-radius:var(--border-radius-md);color:var(--color-text-primary)}.alert-banner-details summary{cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);user-select:none}.alert-banner-details summary:hover{color:var(--color-accent-primary)}.alert-banner-actions{display:flex;gap:var(--spacing-sm);align-items:flex-start}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.alerts-floating-container{position:fixed;top:calc(var(--navbar-height) + var(--spacing-md) + env(safe-area-inset-top,0));right:var(--spacing-lg);left:auto;z-index:999;display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:420px;pointer-events:none}.alerts-floating-container>*{pointer-events:auto}.alert-banner-floating{box-shadow:0 10px 40px #00000026,0 4px 12px #00000014}@media(max-width:768px){.alert-banner{flex-direction:column}.alert-banner-actions{width:100%;justify-content:flex-end}.alerts-floating-container{left:var(--spacing-md);right:var(--spacing-md);max-width:none;top:calc(var(--navbar-height) + var(--spacing-sm) + env(safe-area-inset-top,0))}.alert-banner-message{font-size:var(--font-size-sm)}}@media(max-width:480px){.alerts-floating-container{left:var(--spacing-sm);right:var(--spacing-sm)}}.terms-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.terms-modal{background:#fff;width:100%;max-width:800px;height:calc(100vh - 48px);max-height:950px;border-radius:20px;box-shadow:0 24px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .3s ease-out}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.terms-header{padding:24px 32px;border-bottom:1px solid #E5E7EB;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.terms-title{font-size:18px;font-weight:700;color:#111827;margin:0 16px 0 0;line-height:1.4;flex:1}.terms-progress{font-size:13px;color:#4b5563;font-weight:600;background:#f3f4f6;border:1px solid #E5E7EB;padding:6px 16px;border-radius:99px;white-space:nowrap;flex-shrink:0}.terms-content{flex:1;overflow-y:auto;padding:32px;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:#374151}.terms-section-title{font-size:19px;font-weight:700;color:#111827;margin-bottom:20px;margin-top:40px;padding-bottom:8px;border-bottom:2px solid #E5E7EB;display:block}.terms-section-title:first-child{margin-top:0}.terms-subsection-title{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:12px;margin-top:24px;display:block}.terms-text p{margin-bottom:18px;font-size:15px;line-height:1.8}.terms-text ul{margin-bottom:24px;padding-left:20px}.terms-text li{margin-bottom:12px}.terms-text strong{color:#1f2937}.terms-notice{background:#fef3c7;border:1px solid #FCD34D;padding:16px;border-radius:12px;font-size:14px;color:#92400e;margin-bottom:24px}.scroll-prompt{position:absolute;bottom:90px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .3s}.scroll-prompt.visible{opacity:1}.terms-actions{padding:24px 32px;border-top:1px solid #E5E7EB;background:#fff;display:flex;justify-content:flex-end;gap:16px;align-items:center}.terms-cancel{background:none;border:none;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;padding:10px 20px;border-radius:8px;transition:all .2s}.terms-cancel:hover{background:#f3f4f6;color:#111827}.terms-accept{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #2563eb4d}.terms-accept:disabled{opacity:.5;cursor:not-allowed;background:#e5e7eb;color:#9ca3af;box-shadow:none}.terms-accept:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.photo-nudge-banner{background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:12px;padding:16px 20px;margin:16px 2.5rem 0;position:relative;display:flex;align-items:center;justify-content:space-between}.banner-content{display:flex;align-items:center;gap:20px;flex:1}.banner-icon-wrapper{width:48px;height:48px;background:#f1f5f9;color:#7b6cf6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.banner-text{display:flex;flex-direction:column}.banner-title{font-weight:800;font-size:1rem;color:#1e293b;margin:0}.banner-description{font-size:.85rem;color:#64748b;margin:2px 0 0}.banner-actions{display:flex;gap:12px;margin-left:20px}.btn-upload{background:#7b6cf6;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s}.btn-upload:hover{background:#6355d8}.btn-later{background:#f1f5f9;color:#475569;border:none;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .2s}.btn-later:hover{background:#e2e8f0}.banner-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.banner-close:hover{color:#64748b}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-down{animation:slideDown .4s cubic-bezier(.175,.885,.32,1.275)}@media(max-width:1024px){.photo-nudge-banner{margin:12px 1.5rem 0;flex-direction:column;align-items:flex-start}.banner-content{flex-direction:column;align-items:flex-start;gap:12px}.banner-actions{margin-left:0;width:100%;margin-top:4px}.btn-upload,.btn-later{flex:1;text-align:center}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 0%,rgba(180,140,255,.1) 50%,var(--color-bg-tertiary) 100%);background-size:200% 100%;border-radius:var(--border-radius-sm);display:inline-block;line-height:1}.skeleton-pulse{animation:skeleton-pulse 2s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton-wave{animation:skeleton-wave 1.5s ease-in-out infinite}@keyframes skeleton-wave{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{height:1em;margin:0}.skeleton-rectangular{border-radius:var(--border-radius-md)}.skeleton-circular{border-radius:50%}:root[data-theme=dark] .skeleton{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d);background-size:200% 100%}.skeleton-text-container{width:100%}.skeleton-card{margin-bottom:var(--spacing-lg)}.skeleton-card-header{display:flex;align-items:center;padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-divider)}.skeleton-card-body{padding:var(--spacing-lg)}.skeleton-tank-card{min-height:280px}.skeleton-tank-header{padding:var(--spacing-lg) var(--spacing-lg) 0}.skeleton-tank-visual{padding:0 var(--spacing-lg)}.skeleton-tank-metrics{padding:var(--spacing-lg)}.skeleton-tank-footer{padding:0 var(--spacing-lg) var(--spacing-lg)}.skeleton-dashboard{padding:var(--spacing-lg)}.skeleton-dashboard-header{padding-bottom:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-divider)}.skeleton-table-header{padding:var(--spacing-base);border-bottom:var(--border-width-thin) solid var(--color-border)}.skeleton-table-row{padding:var(--spacing-base)}.skeleton-chart-header{padding:var(--spacing-lg) var(--spacing-lg) 0}.skeleton-chart-body{padding:0 var(--spacing-lg) var(--spacing-lg)}.skeleton-analytics,.skeleton-settings{padding:var(--spacing-lg)}@media(max-width:768px){.skeleton-dashboard{padding:var(--spacing-base)}.skeleton-tank-card{min-height:240px}.skeleton-card-header,.skeleton-card-body{padding:var(--spacing-base)}}@media(prefers-reduced-motion:reduce){.skeleton-pulse,.skeleton-wave{animation:none}.skeleton{background:var(--color-bg-tertiary);opacity:.7}:root[data-theme=dark] .skeleton{background:#ffffff0d}}@media(prefers-contrast:high){.skeleton{background:var(--color-border);opacity:.8}:root[data-theme=dark] .skeleton{background:var(--color-text-secondary);opacity:.6}}.skeleton-page-overlay{position:fixed;inset:0;background-color:var(--color-bg-primary);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg)}.skeleton-page-content{width:100%;max-width:var(--container-max-width)}.skeleton-group{display:flex;flex-direction:column;gap:var(--spacing-base)}.skeleton-group-horizontal{flex-direction:row;align-items:center}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);animation:skeleton-shimmer 2s infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}:root[data-theme=dark] .skeleton-shimmer:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.tankiq-assistant-container{position:fixed;bottom:30px;right:30px;z-index:10005;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-family-primary)}.tankiq-window{position:absolute;bottom:85px;right:0;width:420px;height:680px;max-height:calc(100vh - 140px);background:#fffffffa;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:28px;border:1px solid rgba(67,56,202,.15);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #4338ca0d;display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:iqPopIn .5s cubic-bezier(.19,1,.22,1);z-index:10006}@keyframes iqPopIn{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.tankiq-header{padding:22px 24px;background:linear-gradient(135deg,#1e1b4b,#4338ca);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:14px}.tankiq-header h3{margin:0;font-size:1.15rem;font-weight:850;color:#fff;letter-spacing:-.02em}.tankiq-header p{margin:0;font-size:.8rem;color:#ffffffb3;font-weight:500}.tankiq-header .close-btn,.tankiq-header .back-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.tankiq-header .close-btn:hover{background:#ef44444d}.tankiq-content-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.session-list{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.session-item{background:#f8fafc;padding:18px;border-radius:20px;border:1px solid #e2e8f0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center}.session-item:hover{transform:translateY(-3px);background:#fff;border-color:#4338ca;box-shadow:0 10px 20px #4338ca14}.session-subject{font-weight:700;color:#1e293b;font-size:.95rem;display:block}.session-time{font-size:.75rem;color:#64748b;margin-top:4px;display:block}.new-chat-btn.advanced{margin:10px auto 24px;padding:12px 24px;background:#fff;color:#4338ca;border:2px solid #e2e8f0;border-radius:16px;font-weight:800;font-size:.9rem;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px #0000000d}.new-chat-btn.advanced:hover{border-color:#4338ca;transform:translateY(-2px);box-shadow:0 10px 15px #4338ca1a}.iq-chat-content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.message{max-width:85%;padding:14px 18px;border-radius:22px;font-size:.95rem;line-height:1.5;position:relative;animation:iqMessageIn .3s ease-out}@keyframes iqMessageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.ai{align-self:flex-start;background:#f1f5f9;color:#1e293b;border-bottom-left-radius:4px}.message.user{align-self:flex-end;background:#4338ca;color:#fff;border-bottom-right-radius:4px}.iq-trigger{width:68px;height:68px;border-radius:34px;background:#fff;border:3px solid #4338ca;box-shadow:0 15px 35px #4338ca4d;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden;position:relative}.iq-trigger:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 20px 45px #4338ca66}.iq-trigger.active{background:#4338ca;color:#fff;font-size:28px;transform:rotate(90deg)}.bot-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.bot-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.2);width:400px;height:400px;pointer-events:none}.iq-input-area{padding:20px;background:#fff;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px}.iq-input-container{display:flex;gap:12px;align-items:flex-end}.iq-textarea{flex:1;min-height:48px;max-height:150px;padding:12px 20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:24px;resize:none;outline:none;font-size:.95rem;transition:all .2s}.iq-textarea:focus{border-color:#4338ca;background:#fff}.iq-send-btn{width:48px;height:48px;border-radius:24px;background:#4338ca;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.iq-send-btn:hover:not(:disabled){transform:scale(1.1);background:#1e1b4b}.iq-send-btn:disabled{opacity:.5;cursor:not-allowed}.iq-export-actions{display:flex;gap:10px;padding-top:4px}.export-btn{flex:1;height:38px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;padding:0 12px;gap:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.export-btn .export-icon-circle{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.export-btn.whatsapp .export-icon-circle{background:#25d3661a;color:#25d366}.export-btn.pdf .export-icon-circle{background:#ef44441a;color:#ef4444}.export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:#cbd5e1}.export-btn.whatsapp:hover{background:#f0fff4;border-color:#25d366;color:#1a9448}.export-btn.pdf:hover{background:#fff5f5;border-color:#ef4444;color:#c53030}.export-btn.whatsapp:hover .export-icon-circle{background:#25d366;color:#fff}.export-btn.pdf:hover .export-icon-circle{background:#ef4444;color:#fff}.iq-typing{display:flex;gap:4px;padding:10px 16px;background:#f1f5f9;border-radius:16px;width:fit-content;margin-left:20px}.iq-typing span{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:iqTyping 1s infinite alternate}.iq-typing span:nth-child(2){animation-delay:.2s}.iq-typing span:nth-child(3){animation-delay:.4s}@keyframes iqTyping{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.suggestion-chip{background:#4338ca0d;color:#4338ca;padding:8px 16px;border-radius:999px;font-size:.75rem;font-weight:700;cursor:pointer;border:1px solid rgba(67,56,202,.1);transition:all .2s}.suggestion-chip:hover{background:#4338ca;color:#fff}.main-layout{display:flex;min-height:100vh;background-color:var(--color-bg-primary);position:relative;overflow-x:hidden}.main-layout:before{content:"";position:absolute;top:-10%;left:20%;right:20%;height:80vh;background:radial-gradient(circle at 50% 50%,var(--color-glow-pink) 0%,var(--color-glow-purple) 30%,var(--color-glow-peach) 60%,transparent 80%);filter:blur(120px);opacity:.25;pointer-events:none;z-index:0}.content-wrapper{flex:1;display:flex;flex-direction:column;min-height:100vh;transition:padding-left var(--transition-base);padding-left:var(--sidebar-width);position:relative;padding-top:var(--navbar-height);width:100%;box-sizing:border-box}.collapsed .content-wrapper{padding-left:var(--sidebar-collapsed-width)}.main-content{flex:1;width:100%;max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl);min-height:calc(100vh - var(--navbar-height));transition:all var(--transition-base);display:flex;flex-direction:column;box-sizing:border-box;overflow-x:hidden}.main-content.full-bleed{padding:0;max-width:none;margin:0}.mission-control-footer{background:#0f172af0!important;border-top:1px solid rgba(255,255,255,.03)!important;padding:12px 40px!important;backdrop-filter:blur(24px) saturate(1.8)!important;-webkit-backdrop-filter:blur(24px) saturate(1.8)!important;margin-top:auto!important;position:relative;overflow:hidden;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;z-index:100}.mission-control-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-accent-primary) 50%,transparent 100%);opacity:.25}.footer-left{display:flex!important;align-items:center!important;gap:24px!important;flex:1}.footer-center{position:absolute!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important}.footer-right{display:flex!important;align-items:center!important;gap:28px!important;flex:1;justify-content:flex-end!important}.footer-brand{display:flex!important;align-items:center!important;gap:16px!important}.footer-brand-logo{height:32px!important;width:auto!important;opacity:.6!important;filter:brightness(1.2) contrast(1.1);transition:all .3s ease!important}.footer-brand-logo:hover{opacity:1!important;transform:scale(1.05)!important}.v-divider{width:1px!important;height:24px!important;background:#ffffff1a!important}.system-tag{display:flex!important;flex-direction:column!important}.tag-label{font-size:.6rem!important;font-weight:800!important;color:#64748b!important;text-transform:uppercase!important;line-height:1!important;margin-bottom:2px!important;letter-spacing:.05em}.tag-version{font-size:.75rem!important;font-weight:700!important;color:#818cf8!important;font-family:var(--font-family-mono)!important;line-height:1!important}.footer-nav{display:flex!important;gap:32px!important}.footer-nav-link{font-size:.75rem!important;font-weight:800!important;color:#94a3b8!important;text-decoration:none!important;transition:all .2s!important;text-transform:uppercase;letter-spacing:.1em;opacity:.6}.footer-nav-link:hover{color:var(--color-accent-primary)!important;opacity:1!important}.footer-status-legal{display:flex!important;align-items:center!important;gap:20px!important}.footer-social{display:flex!important;flex-direction:row!important;gap:12px!important;align-items:center!important}.social-pill{width:28px!important;height:28px!important;border-radius:6px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#94a3b8!important;transition:all .2s!important;font-size:14px!important}.social-pill:hover{background:var(--color-accent-primary-light)!important;color:var(--color-accent-primary)!important;border-color:var(--color-accent-primary)!important;transform:translateY(-2px)!important}.legal-text{font-size:.7rem!important;font-weight:500!important;color:var(--color-text-disabled)!important;letter-spacing:.02em!important}.uptime-index{font-size:.75rem!important;font-weight:700!important;color:var(--color-success)!important;display:flex!important;align-items:center!important;gap:8px!important}.pulse-cyan{width:8px;height:8px;background-color:var(--color-accent-primary);border-radius:50%;box-shadow:0 0 8px var(--color-accent-primary);animation:pulse-cyan-mini 2s infinite}@keyframes pulse-cyan-mini{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.1);opacity:.7}to{transform:scale(.9);opacity:1}}@media(max-width:1024px){.footer-main{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.footer-nav{flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.footer-social{justify-content:center}}.mobile-overlay{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-modal-backdrop)}@media(max-width:768px){.content-wrapper{margin-left:0!important;width:100%}.main-content{padding:var(--spacing-base);padding-top:calc(var(--navbar-height) + env(safe-area-inset-top,0))}}@media(max-width:480px){.main-content{padding:var(--spacing-sm)}.footer-content{flex-direction:column;gap:var(--spacing-md);text-align:center}.portal-footer{padding:var(--spacing-lg) var(--spacing-base)!important}}.security-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#040f1ef2;backdrop-filter:blur(20px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;animation:modal-overlay-fade .4s cubic-bezier(.16,1,.3,1)}.security-modal{background:#0a1128;width:100%;max-width:580px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px #000c,0 0 0 1px #ffffff0d;overflow:hidden;position:relative;animation:modal-slide-up .5s cubic-bezier(.16,1,.3,1)}.security-modal.theft-alert{border-top:6px solid #ff004c}.security-modal.leak-alert{border-top:6px solid #f59e0b}.security-modal-header{padding:24px 32px 12px;display:flex;justify-content:space-between;align-items:center}.header-badge{background:#ffffff0d;padding:6px 12px;border-radius:100px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#fff9;border:1px solid rgba(255,255,255,.1)}.close-trigger{background:none;border:none;color:#fff6;font-size:20px;cursor:pointer;transition:all .2s}.close-trigger:hover{color:#fff;transform:rotate(90deg)}.security-alert-banner{padding:20px 32px;display:flex;align-items:center;gap:24px}.pulse-icon-container{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.pulse-icon{font-size:32px;z-index:2}.theft-alert .pulse-icon{color:#ff004c}.leak-alert .pulse-icon{color:#f59e0b}.pulse-ring,.pulse-ring-outer{position:absolute;border-radius:50%;animation:sonar-pulse 2s infinite}.theft-alert .pulse-ring{border:2px solid rgba(255,0,76,.3);width:100%;height:100%}.theft-alert .pulse-ring-outer{border:1px solid rgba(255,0,76,.2);width:140%;height:140%;animation-delay:.5s}.leak-alert .pulse-ring{border:2px solid rgba(245,158,11,.3);width:100%;height:100%}.leak-alert .pulse-ring-outer{border:1px solid rgba(245,158,11,.2);width:140%;height:140%;animation-delay:.5s}.alert-title{font-size:24px;font-weight:900;margin:0;letter-spacing:-.02em;line-height:1.1}.theft-alert .alert-title{color:#fff;text-shadow:0 0 20px rgba(255,0,76,.5)}.leak-alert .alert-title{color:#fff;text-shadow:0 0 20px rgba(245,158,11,.5)}.alert-subtitle{margin:4px 0 0;font-size:14px;color:#ffffff80;font-weight:500}.forensic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 32px}.forensic-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:16px;border-radius:16px}.card-lbl{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;color:#fff6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.card-val{font-size:20px;font-weight:800;color:#fff;font-family:Inter,sans-serif}.card-val .u{font-size:12px;opacity:.5}.card-val.unauth{color:#ff004c;font-size:14px;background:#ff004c1a;padding:4px 8px;border-radius:4px;width:fit-content}.security-analysis-box{margin:0 32px;background:#0000004d;border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.1)}.analysis-header{font-size:11px;font-weight:800;text-transform:uppercase;color:#00f2ff;margin-bottom:8px}.analysis-body{font-size:13px;color:#ffffffb3;line-height:1.5;margin:0}.security-modal-footer{padding:32px;display:flex;gap:16px}.btn-dismiss{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-dismiss:hover{background:#ffffff1a}.btn-action{flex:2;padding:14px;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer;border:none;transition:all .2s}.theft-alert .btn-action{background:#ff004c;color:#fff;box-shadow:0 10px 30px #ff004c4d}.leak-alert .btn-action{background:#f59e0b;color:#fff;box-shadow:0 10px 30px #f59e0b4d}.btn-action:hover{transform:translateY(-2px);filter:brightness(1.2)}@keyframes modal-overlay-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes sonar-pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(2);opacity:0}}.precision-toast-stack{position:fixed;top:24px;right:24px;z-index:99999;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-height:100vh;overflow:visible}.precision-toast-container{width:360px;pointer-events:auto;transition:all .5s cubic-bezier(.19,1,.22,1);transform:translate(50px) scale(.95);opacity:0}.precision-toast-container.active{transform:translate(0) scale(1);opacity:1}.precision-toast-container.exiting{transform:translate(50px) scale(.95);opacity:0;margin-bottom:-100px}.precision-toast-card-industrial{position:relative;background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 40px -10px #0000001f,0 0 0 1px #00000005 inset;overflow:hidden;padding:1.25rem;display:flex;flex-direction:column}.toast-body-industrial{display:flex;gap:1.25rem;align-items:flex-start}.toast-pill-wrapper{flex-shrink:0}.industrial-pill{padding:4px 10px;border-radius:6px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.pill-error{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3}.pill-warning{background:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.pill-success{background:#ecfdf5;color:#059669;border:1px solid #d1fae5}.pill-info{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe}.pill-market{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.pill-refill{background:#fdf2f8;color:#db2777;border:1px solid #fbcfe8}.status-default .industrial-pill{background:#fff7ed;color:#ea580c;border:1px solid #ffedd5}.toast-content-industrial{flex:1;display:flex;flex-direction:column;gap:.5rem}.toast-title-industrial{font-size:14px;font-weight:850;color:#1e293b;letter-spacing:-.02em;line-height:1.2}.toast-message-industrial{font-size:12px;color:#64748b;line-height:1.5;font-weight:500}.toast-footer-industrial{margin-top:.5rem}.toast-action-link{font-size:11px;font-weight:850;color:#4f46e5;display:flex;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease}.toast-action-link:hover{color:#4338ca;gap:6px}.toast-close-mini{background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s}.toast-close-mini:hover{color:#64748b}.toast-progress-industrial{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000005}.toast-progress-bar-industrial{height:100%;background:#cbd5e1;transition:width .1s linear}.status-error .toast-progress-bar-industrial{background:#e11d48}.status-warning .toast-progress-bar-industrial{background:#f97316}.status-success .toast-progress-bar-industrial{background:#059669}.status-warning{border-left:4px solid #f97316!important}.status-error{border-left:4px solid #e11d48!important}.cookie-consent-container{position:fixed;bottom:0;left:0;right:0;padding:1.5rem;z-index:9999;display:flex;justify-content:flex-start;align-items:flex-end;pointer-events:none;transition:all .5s cubic-bezier(.16,1,.3,1)}.cookie-consent-container.expanded{align-items:center;justify-content:center;background:#0f172a66;backdrop-filter:blur(4px);top:0;pointer-events:auto}.cookie-consent-card{background:#ffffffd9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:20px;width:100%;max-width:440px;box-shadow:0 4px 24px -2px #00000014,0 12px 48px -4px #0000001f,inset 0 1px #fff9;pointer-events:auto;overflow:hidden;transition:max-width .4s cubic-bezier(.16,1,.3,1)}.cookie-consent-container.expanded .cookie-consent-card{max-width:520px;box-shadow:0 24px 64px -8px #0003,inset 0 1px #fff9}.dark .cookie-consent-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px -2px #0000004d,0 12px 48px -4px #0006,inset 0 1px #ffffff0d}.cookie-consent-inner{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.cookie-main-content{display:flex;align-items:flex-start;gap:1rem;position:relative}.cookie-icon-wrapper{width:44px;height:44px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.15),rgba(var(--accent-rgb),.05));border:1px solid rgba(var(--accent-rgb),.2);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 2px 4px #ffffff80}.dark .cookie-icon-wrapper{box-shadow:inset 0 2px 4px #ffffff0d}.cookie-icon{font-size:1.25rem;color:var(--accent)}.cookie-text-content{flex:1;padding-right:1.5rem}.cookie-text-content h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.cookie-text-content p{margin:.35rem 0 0;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.cookie-text-content strong{color:var(--text-primary);font-weight:600}.settings-trigger-icon{position:absolute;top:0;right:-.5rem;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.settings-trigger-icon:hover{color:var(--text-primary);background:#0000000d}.dark .settings-trigger-icon:hover{background:#ffffff1a}.cookie-consent-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.settings-actions{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.06)}.dark .settings-actions{border-top-color:#ffffff0f}.cookie-btn-primary,.cookie-btn-outline,.cookie-btn-text{font-family:inherit;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;border-radius:10px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.cookie-btn-primary{background:var(--accent);color:#fff;border:transparent;box-shadow:0 4px 12px rgba(var(--accent-rgb),.3)}.cookie-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--accent-rgb),.4);filter:brightness(1.05)}.cookie-btn-primary:active{transform:translateY(1px)}.cookie-btn-outline{background:transparent;color:var(--text-primary);border:1px solid rgba(0,0,0,.15)}.dark .cookie-btn-outline{border-color:#ffffff26}.cookie-btn-outline:hover{background:#00000008;border-color:#00000040}.dark .cookie-btn-outline:hover{background:#ffffff0d;border-color:#ffffff4d}.cookie-btn-text{background:transparent;color:var(--text-secondary);border:none;padding:.6rem .8rem}.cookie-btn-text:hover{color:var(--text-primary);background:#0000000a}.dark .cookie-btn-text:hover{background:#ffffff0d}.cookie-consent-settings{display:flex;flex-direction:column}.settings-list{display:flex;flex-direction:column;gap:1.25rem}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem}.setting-info label{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.2rem}.setting-info p{font-size:.8rem;color:var(--text-secondary);margin:0;line-height:1.4}.setting-toggle{cursor:pointer;margin-top:.1rem;flex-shrink:0}.toggle-track{width:44px;height:24px;background:#0000001a;border-radius:24px;position:relative;transition:background-color .3s ease;display:flex;align-items:center;justify-content:flex-start;box-shadow:inset 0 1px 3px #0000001a}.dark .toggle-track{background:#ffffff1a;box-shadow:inset 0 1px 3px #0000004d}.toggle-track:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.toggle-track.active{background:var(--accent)}.toggle-track.active:before{transform:translate(20px)}.toggle-check{color:#fff;font-size:.7rem;position:absolute;z-index:1;left:6px;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:scale(.5)}.toggle-track.active .toggle-check{opacity:1;transform:scale(1)}.setting-toggle.disabled{cursor:default}.setting-toggle.disabled .toggle-track{opacity:.6}@media(max-width:640px){.cookie-consent-container{padding:1rem}.cookie-consent-card{border-radius:16px}.cookie-consent-actions{flex-direction:column-reverse;gap:.5rem}.cookie-btn-primary,.cookie-btn-outline{width:100%}.settings-actions{flex-direction:row;gap:.75rem}.settings-actions .cookie-btn-primary,.settings-actions .cookie-btn-text{width:auto;flex:1}}:root{--color-bg-primary: #F4F5FF;--color-bg-secondary: #FFFFFF;--color-bg-secondary-glass: rgba(255, 255, 255, .7);--color-bg-tertiary: #FAFAFF;--color-bg-elevated: #FFFFFF;--sidebar-bg: linear-gradient(180deg, rgba(246, 234, 242, .95) 0%, rgba(238, 211, 232, .95) 45%, rgba(230, 219, 245, .95) 100%);--navbar-bg-gradient: linear-gradient(100deg, #F3E4ED 0%, #c8b0ed 50%, #b2b8c8 100%);--color-text-primary: #323264;--color-text-secondary: #7A7A95;--color-text-disabled: #B6B6CC;--color-text-inverse: #FFFFFF;--color-accent-primary: #00D4FF;--color-accent-primary-hover: #00B8E6;--color-accent-primary-light: rgba(0, 212, 255, .1);--color-accent-pink: #FF4FCB;--color-accent-peach: #FFD6B3;--color-glow-pink: #FF9BCF;--color-glow-purple: #C7B7FF;--color-glow-peach: #FFD6B3;--color-success: #10B981;--color-success-bg: #E0F2F1;--color-success-border: #A7F3D0;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-warning-border: #FCD34D;--color-danger: #EF4444;--color-danger-bg: #FEF2F2;--color-danger-border: #FCA5A5;--color-info: #00D4FF;--color-info-bg: rgba(0, 212, 255, .1);--color-info-border: #C7D2FE;--color-border: #E8E9F5;--color-border-light: #F4F5FF;--color-divider: rgba(122, 122, 149, .1);--color-shadow: rgba(0, 212, 255, .08);--color-shadow-medium: rgba(0, 153, 238, .12);--color-shadow-strong: rgba(50, 50, 100, .15);--chart-fuel-level: #00D4FF;--chart-temperature: #FFD6B3;--chart-volume: #10B981;--chart-market: #FF4FCB;--chart-fill-opacity: .25;--icon-default: #7A7A95;--icon-hover: var(--color-accent-primary)}:root[data-theme=dark]{--color-bg-primary: #121212;--color-bg-secondary: #1E1E1E;--color-bg-secondary-glass: rgba(30, 30, 30, .85);--color-bg-tertiary: #212121;--color-bg-elevated: #2C2C2C;--color-text-primary: #E0E0E0;--color-text-secondary: #9E9E9E;--color-text-disabled: #616161;--color-text-inverse: #121212;--color-accent-primary: #00E5FF;--color-accent-primary-hover: #00D4FF;--color-accent-primary-light: rgba(0, 229, 255, .15);--color-success: #81C784;--color-success-bg: rgba(129, 199, 132, .15);--color-success-border: #66BB6A;--color-warning: #FFD54F;--color-warning-bg: rgba(255, 213, 79, .15);--color-warning-border: #FFCA28;--color-danger: #E57373;--color-danger-bg: rgba(229, 115, 115, .15);--color-danger-border: #EF5350;--color-info: #00E5FF;--color-info-bg: rgba(100, 181, 246, .15);--color-info-border: #42A5F5;--color-border: #424242;--color-border-light: #333333;--color-divider: rgba(255, 255, 255, .12);--color-shadow: rgba(0, 0, 0, .3);--color-shadow-medium: rgba(0, 0, 0, .4);--color-shadow-strong: rgba(0, 0, 0, .6);--chart-fuel-level: #00E5FF;--chart-temperature: #FFB74D;--chart-volume: #AED581;--chart-market: #CE93D8;--chart-fill-opacity: .3;--icon-default: #BDBDBD}:root{--font-family-display: "Inter", "Aptos", "Segoe UI Variable Display", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--font-family-primary: "Inter", "Aptos", "Segoe UI Variable Text", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--font-family-mono: "Roboto Mono", "Cascadia Code", "Segoe UI Mono", "Consolas", "Courier New", monospace;--font-size-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--font-size-sm: clamp(.8125rem, .75rem + .3vw, .9375rem);--font-size-base: clamp(.9375rem, .875rem + .3vw, 1.0625rem);--font-size-lg: clamp(1.0625rem, 1rem + .4vw, 1.25rem);--font-size-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--font-size-2xl: clamp(1.5rem, 1.4rem + 1vw, 2rem);--font-size-3xl: clamp(2rem, 1.6rem + 1.25vw, 2.75rem);--font-weight-normal: 400;--font-weight-medium: 400;--font-weight-semibold: 400;--font-weight-bold: 400;--font-weight-black: 500;--line-height-tight: 1.15;--line-height-normal: 1.6;--line-height-relaxed: 1.8;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--container-max-width: 1680px;--sidebar-width: 260px;--sidebar-collapsed-width: 72px;--navbar-height: 72px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--shadow-sm: 0 1px 2px 0 var(--color-shadow);--shadow-md: 0 4px 6px -1px var(--color-shadow), 0 2px 4px -1px var(--color-shadow);--shadow-lg: 0 10px 15px -3px var(--color-shadow-medium), 0 4px 6px -2px var(--color-shadow);--shadow-xl: 0 20px 25px -5px var(--color-shadow-strong), 0 10px 10px -5px var(--color-shadow);--shadow-inner: inset 0 2px 4px 0 var(--color-shadow);--transition-fast: .15s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--breakpoint-mobile: 480px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.preload *{transition:none!important}@media(prefers-contrast:high){:root{--color-border: #000000;--color-text-secondary: #424242}:root[data-theme=dark]{--color-border: #FFFFFF;--color-text-secondary: #BDBDBD}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-colorblind=deuteranopia]{--color-success: #0077BB;--color-success-bg: #E3F2FD;--color-danger: #EE7733;--color-danger-bg: #FFF3E0;--color-warning: #CCBB44;--chart-volume: #0077BB}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-ms-overflow-style:none}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);color:var(--color-text-primary);margin-bottom:var(--spacing-base);letter-spacing:-.025em}h1{font-size:var(--font-size-2xl);font-weight:500;text-transform:none}h2{font-size:var(--font-size-xl);font-weight:500;text-transform:none;letter-spacing:.05em}h3{font-size:var(--font-size-lg);font-weight:500}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-base);color:var(--color-text-secondary)}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}code,pre{font-family:var(--font-family-mono);font-size:.9em}code{background-color:var(--color-bg-tertiary);padding:.125rem .25rem;border-radius:var(--border-radius-sm)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:1;border-radius:var(--border-radius-md);transition:all var(--transition-fast);position:relative;overflow:hidden;border:var(--border-width-thin) solid transparent}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width var(--transition-base),height var(--transition-base)}.btn:active:before{width:300px;height:300px}.btn-primary{background-color:var(--color-accent-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-accent-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.btn-success{background-color:var(--color-success);color:#fff}.btn-warning{background-color:var(--color-warning);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-icon{padding:var(--spacing-md);border-radius:var(--border-radius-full);aspect-ratio:1}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-base);transition:all var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-light)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-bg-secondary)}label{display:block;font-weight:400;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.card{background-color:var(--color-bg-elevated);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 4px 6px -1px var(--color-shadow),0 2px 4px -1px var(--color-shadow);border:1px solid var(--color-divider);transition:all var(--transition-base);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card:hover{box-shadow:0 20px 25px -5px var(--color-shadow-medium),0 10px 10px -5px var(--color-shadow);transform:translateY(-4px);border-color:var(--color-accent-primary-hover)}.card-header{padding-bottom:var(--spacing-base);margin-bottom:var(--spacing-base);border-bottom:var(--border-width-thin) solid var(--color-divider)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-body{padding:var(--spacing-base) 0}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-base)}.mt-5{margin-top:var(--spacing-lg)}.mt-6{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-base)}.mb-5{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-base)}.p-5{padding:var(--spacing-lg)}.p-6{padding:var(--spacing-xl)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-base)}.gap-5{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.caps-label{font-size:var(--font-size-xs);font-weight:500;text-transform:none;letter-spacing:.1em;color:var(--color-text-secondary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-success{background-color:var(--color-success-bg)}.bg-warning{background-color:var(--color-warning-bg)}.bg-danger{background-color:var(--color-danger-bg)}.bg-info{background-color:var(--color-info-bg)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-screen{width:100vw}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.advanced-loader{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.loader-ring:nth-child(2){width:44px;height:44px;border-top-color:var(--color-accent-pink);animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite reverse}.loader-ring:nth-child(3){width:24px;height:24px;border-top-color:var(--color-accent-peach);animation:spin 2s cubic-bezier(.5,0,.5,1) infinite}.loader-pulse{position:absolute;width:120px;height:120px;background:radial-gradient(circle,var(--color-accent-primary-light) 0%,transparent 70%);border-radius:50%;animation:pulse-glow 2s ease-in-out infinite}.loading-dots{display:flex;align-items:center;gap:4px;justify-content:center;min-width:24px}.loading-dots span{width:5px;height:5px;background-color:currentColor;border-radius:50%;display:inline-block;animation:dots-sequence 1.5s infinite;opacity:0}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.3s}.loading-dots span:nth-child(3){animation-delay:.6s}@keyframes dots-sequence{0%,20%{opacity:0}40%,80%{opacity:1}90%,to{opacity:0}}.psych-progress-container{width:320px;height:14px;background:#0f172a26;border-radius:999px;position:relative;box-shadow:inset 0 2px 5px #0003,0 1px 1px #fff9;padding:2px;margin:0 auto}.psych-progress-bar{height:100%;background-color:var(--color-accent-primary);background-image:linear-gradient(to bottom,#ffffff73,#ffffff0d 40%,#0003),linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-peach, #f472b6));background-blend-mode:overlay,normal;border-radius:999px;width:0%;animation:psych-loading 8s cubic-bezier(.1,.8,.2,1) forwards;box-shadow:inset 0 1px 1px #fffc,inset 0 -1px 2px #0000004d,0 2px 6px #00d4ff66}@keyframes psych-loading{0%{width:0%}15%{width:45%}30%{width:70%}50%{width:85%}80%{width:95%}to{width:99%}}.ds-card-panel{background:#fff;border-radius:var(--border-radius-xl);border:1px solid var(--color-divider);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.text-critical{color:var(--color-error)}.border-t-critical{border-top-color:var(--color-error)!important}.animate-spin{animation:spin 1s linear infinite}@keyframes modalScale{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0003}.dark::-webkit-scrollbar-thumb{background:#ffffff1a}.custom-scrollbar{@supports (scrollbar-width: auto){scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent}}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))}.card{padding:var(--spacing-base)}}@media(min-width:768px)and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}img[src*=iotank-logo-v3]{clip-path:ellipse(48% 41% at 50% 50%);object-fit:cover}.alerts-center-container,.dashboard-container,.inventory-page-container{max-width:100%!important;width:100%!important;margin:0!important;padding-left:2rem!important;padding-right:2rem!important}@media(max-width:768px){.alerts-center-container,.dashboard-container,.inventory-page-container{padding-left:1rem!important;padding-right:1rem!important}}.diagnostic-toggle{font-size:11px;color:var(--color-text-secondary);cursor:pointer;text-decoration:underline;opacity:.6;margin-top:2rem;transition:opacity .2s ease;text-align:center}.diagnostic-toggle:hover{opacity:1}.diagnostic-panel{margin-top:1rem;padding:1rem;background:#0000000d;border-radius:var(--border-radius-md);text-align:left;font-size:10px;line-height:1.4;color:var(--color-text-secondary);max-width:320px;margin-left:auto;margin-right:auto}.diagnostic-panel code{background:transparent;padding:0}.bg-dark-command{background:linear-gradient(135deg,#1a1b1e,#2c2d33);border:1px solid rgba(255,255,255,.05)}.matrix-placeholder{background:#0003}.analytics-page h1,.inventory-page h1,.market-page h1{font-size:2.25rem;font-weight:500;margin-bottom:.25rem}.badge-online{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:400}.analytics-grid,.market-layout{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.tdv-section-card{background:#fff;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.section-icon-box{width:32px;height:32px;background:#a855f71a;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}.section-title{font-size:1.1rem;font-weight:400;color:#1e293b;margin:0}.btn-add-new{background:none;border:none;color:#f97316;font-size:.85rem;font-weight:400;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background .2s;display:flex;align-items:center}.btn-add-new:hover{background:#f973160d}.plus-icon{width:18px;height:18px;border:1.5px solid #f97316;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:.75rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.tdv-transaction-table{width:100%;min-width:900px;border-collapse:collapse;font-size:.82rem}.tdv-transaction-table th{background:#fcfdfe;text-align:left;padding:16px 24px;font-weight:400;color:#475569;letter-spacing:.05em;border-bottom:2px solid #f1f5f9;text-transform:uppercase}.tdv-transaction-table td{padding:18px 24px;color:#334155;border-bottom:1px solid #f8fafc;white-space:nowrap;transition:all .2s ease}.tdv-transaction-table tbody tr{border-left:4px solid transparent;transition:all .2s ease}.tdv-transaction-table tbody tr:nth-child(2n){background-color:#fff9f2}.tdv-transaction-table tbody tr:hover{background-color:#fff4e6;border-left:4px solid #f97316}.tdv-transaction-table tr:last-child td{border-bottom:none}.tdv-transaction-table tr.row-highlighted{background-color:#f973160a;border-left:4px solid #f97316}.customer-name{color:#f97316;font-weight:400}.address-col{max-width:250px;overflow:hidden;text-overflow:ellipsis;color:#64748b}.action-col{color:#f97316;font-weight:400;cursor:pointer;text-align:right}.font-mono{font-family:var(--font-family-mono);letter-spacing:-.02em}.text-indigo-600{color:#4f46e5}.text-emerald-600{color:#059669}.text-rose-600{color:#e11d48}.text-amber-600{color:#d97706}.text-blue-600{color:#2563eb}.text-slate-600{color:#475569}.text-slate-800{color:#1e293b}.bg-indigo-100{background-color:#e0e7ff}.bg-emerald-100{background-color:#d1fae5}.bg-rose-100{background-color:#fee2e2}.bg-amber-100{background-color:#fef3c7}.bg-blue-100{background-color:#dbeafe}.bg-slate-100{background-color:#f1f5f9}.font-black{font-weight:500}.table-pagination-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #f1f5f9;background:#fff;font-size:.82rem;color:#64748b;font-weight:400}.pagination-controls{display:flex;gap:8px}.pagination-btn{padding:6px 14px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;font-weight:400;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9}.pagination-info b{color:#1e293b;font-weight:400}@media(max-width:480px){html{font-size:14px;overscroll-behavior-y:none}body{min-height:100vh;min-height:100dvh;overflow-x:hidden}.card{padding:var(--spacing-base)!important;margin:var(--spacing-sm)!important;border-radius:var(--border-radius-md)!important}.btn{padding:var(--spacing-sm) var(--spacing-base)!important;font-size:var(--font-size-sm)!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:var(--spacing-sm)!important}.btn,button,input,select,textarea{min-height:44px}.navbar{padding:var(--spacing-sm)!important}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal{margin:var(--spacing-sm)!important;max-height:85vh;max-height:85dvh;overflow-y:auto;border-radius:var(--border-radius-xl)!important}.tank-card{margin-bottom:var(--spacing-sm)!important}.tank-grid,.dashboard-stats,.stats-grid,.dashboard-stats-container .stats-grid{grid-template-columns:1fr!important;gap:var(--spacing-sm)!important}.health-compliance-grid{grid-template-columns:1fr!important}.chart-container{height:250px!important}.form-group{margin-bottom:var(--spacing-lg)!important}.login-form{padding:var(--spacing-base)!important}.login-card{margin:0 auto!important}}@media(max-width:360px){.main-content{padding:var(--spacing-xs)!important}.card{padding:var(--spacing-sm)!important}}@media(min-width:481px)and (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card{padding:var(--spacing-base)!important}.sidebar{width:var(--sidebar-collapsed-width)!important}.sidebar.mobile-open{width:var(--sidebar-width)!important}.tank-grid{grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-base)!important}.dashboard-stats{grid-template-columns:repeat(4,1fr)!important}}@media(min-width:769px)and (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))!important}.container{padding:0 var(--spacing-lg)!important}.tank-grid{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:1025px)and (max-width:1440px){.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)!important}}@media(min-width:1441px){.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-2xl)!important}}.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.swipe-hint{position:relative}.swipe-hint:after{content:"→";position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);opacity:.3;animation:swipe-hint 2s ease-in-out infinite}@keyframes swipe-hint{0%,to{transform:translateY(-50%) translate(0);opacity:.3}50%{transform:translateY(-50%) translate(5px);opacity:.7}}.mobile-mt-0{margin-top:0}.mobile-mt-1{margin-top:var(--spacing-xs)}.mobile-mt-2{margin-top:var(--spacing-sm)}.mobile-mt-3{margin-top:var(--spacing-md)}.mobile-mt-4{margin-top:var(--spacing-base)}.mobile-mt-5{margin-top:var(--spacing-lg)}.mobile-p-0{padding:0}.mobile-p-1{padding:var(--spacing-xs)}.mobile-p-2{padding:var(--spacing-sm)}.mobile-p-3{padding:var(--spacing-md)}.mobile-p-4{padding:var(--spacing-base)}.mobile-p-5{padding:var(--spacing-lg)}.mobile-only{display:block}.tablet-only,.desktop-only{display:none}@media(min-width:481px)and (max-width:768px){.mobile-only{display:none}.tablet-only{display:block}}@media(min-width:769px){.mobile-only,.tablet-only{display:none}.desktop-only{display:block}.desktop-mt-0{margin-top:0}.desktop-mt-1{margin-top:var(--spacing-xs)}.desktop-mt-2{margin-top:var(--spacing-sm)}.desktop-mt-3{margin-top:var(--spacing-md)}.desktop-mt-4{margin-top:var(--spacing-base)}.desktop-mt-5{margin-top:var(--spacing-lg)}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-elevated);border-top:var(--border-width-thin) solid var(--color-border);display:flex;justify-content:space-around;padding:var(--spacing-sm) 0;z-index:var(--z-fixed);transform:translateY(100%);transition:transform var(--transition-base)}.mobile-nav.visible{transform:translateY(0)}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);min-height:60px;justify-content:center}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--color-accent-primary)}.mobile-nav-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.mobile-nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.mobile-form{padding:var(--spacing-base)}.mobile-form-group{margin-bottom:var(--spacing-lg)}.mobile-form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.mobile-form-input{width:100%;padding:var(--spacing-md);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--border-radius-md);font-size:16px;background:var(--color-bg-primary);color:var(--color-text-primary);transition:all var(--transition-fast)}.mobile-form-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-primary-light)}.mobile-card-stack{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-card-horizontal{display:flex;flex-direction:column;background:var(--color-bg-elevated);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}@media(min-width:769px){.mobile-card-horizontal{flex-direction:row}}.mobile-card-image{width:100%;height:200px;object-fit:cover}@media(min-width:769px){.mobile-card-image{width:300px;height:auto}}.mobile-card-content{padding:var(--spacing-base);flex:1}.mobile-image{max-width:100%;height:auto;object-fit:cover}.mobile-scroll-indicator{position:absolute;bottom:var(--spacing-sm);left:50%;transform:translate(-50%);width:30px;height:4px;background:var(--color-accent-primary);border-radius:2px;opacity:.5;animation:scroll-indicator 2s ease-in-out infinite}@keyframes scroll-indicator{0%,to{opacity:.5;transform:translate(-50%) scaleX(1)}50%{opacity:1;transform:translate(-50%) scaleX(1.5)}}@media(max-width:768px){.tank-card{min-height:auto!important}.tank-visual{height:150px!important}.tank-metrics{grid-template-columns:1fr!important;gap:var(--spacing-sm)!important}}@media(max-width:768px){.dashboard-header{flex-direction:column!important;align-items:flex-start!important;gap:var(--spacing-base)!important}.dashboard-actions{width:100%!important;justify-content:stretch!important}.dashboard-actions .btn{flex:1!important}}@media(max-width:768px){.chart-legend{flex-direction:column!important;gap:var(--spacing-xs)!important}.chart-tooltip{font-size:var(--font-size-xs)!important}}@media(max-width:768px){.data-table{font-size:var(--font-size-sm)!important}.data-table th,.data-table td{padding:var(--spacing-xs) var(--spacing-sm)!important}.table-actions{flex-direction:column!important;gap:var(--spacing-xs)!important}}@media(max-width:768px){.modal-content{margin:var(--spacing-sm)!important;max-height:calc(100vh - var(--spacing-base))!important}.modal-header,.modal-body{padding:var(--spacing-base)!important}.modal-footer{padding:var(--spacing-base)!important;flex-direction:column!important;gap:var(--spacing-sm)!important}.modal-footer .btn{width:100%!important}}.custom-tour-tooltip{background:#0f172a!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--color-accent-primary)!important;border-radius:var(--border-radius-lg, 12px)!important;box-shadow:var(--shadow-xl),0 4px 20px #00000080!important;font-family:var(--font-family-primary)!important;color:#f8fafc!important;padding:var(--spacing-base, 16px)!important;max-width:320px!important;min-width:260px!important;animation:tourTooltipPop .5s cubic-bezier(.175,.885,.32,1.275) forwards!important}.custom-tour-tooltip .introjs-tooltiptext{font-size:var(--font-size-base, 15px)!important;line-height:var(--line-height-normal, 1.6)!important;padding:0 0 var(--spacing-sm, 12px) 0!important;color:#cbd5e1!important}.custom-tour-tooltip .introjs-progress{background-color:var(--color-border)!important;border-radius:var(--border-radius-full, 9999px)!important;height:6px!important;margin:var(--spacing-sm, 8px) 0 var(--spacing-lg, 24px) 0!important;overflow:hidden!important}.custom-tour-tooltip .introjs-progressbar{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-pink))!important;border-radius:var(--border-radius-full, 9999px)!important;height:100%!important;transition:width var(--transition-base)!important}.custom-tour-tooltip .introjs-tooltipbuttons{display:flex!important;justify-content:space-between!important;align-items:center!important;border-top:none!important;padding-top:0!important;margin-top:0!important}.custom-tour-tooltip .introjs-button{font-family:inherit!important;font-size:var(--font-size-sm, 14px)!important;font-weight:var(--font-weight-medium, 500)!important;border-radius:var(--border-radius-md, 8px)!important;padding:var(--spacing-sm) var(--spacing-base)!important;transition:all var(--transition-fast)!important;text-shadow:none!important;cursor:pointer!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:80px!important}.custom-tour-tooltip .introjs-nextbutton{background:var(--color-accent-primary)!important;color:var(--color-text-inverse)!important;border:1px solid transparent!important}.custom-tour-tooltip .introjs-nextbutton:hover{background:var(--color-accent-primary-hover)!important;transform:translateY(-2px)!important;box-shadow:0 0 15px var(--color-accent-primary-light)!important}.custom-tour-tooltip .introjs-prevbutton{background:transparent!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.2)!important}.custom-tour-tooltip .introjs-prevbutton:hover{background:#ffffff1a!important;border-color:var(--color-accent-primary)!important}.custom-tour-tooltip .introjs-prevbutton.introjs-disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.custom-tour-tooltip .introjs-skipbutton{color:#f8fafc!important;top:-10px!important;right:-10px!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:.9!important;transition:all var(--transition-base)!important;border-radius:50%!important;background:#1e293b!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 6px #0000004d!important;text-decoration:none!important;font-size:16px!important;font-weight:500!important;z-index:10!important}.custom-tour-tooltip .introjs-skipbutton:hover{opacity:1!important;transform:scale(1.1) rotate(90deg)!important;color:var(--color-text-inverse)!important;background:var(--color-accent-pink)!important;border-color:var(--color-accent-pink)!important;box-shadow:0 0 12px var(--color-glow-pink)!important}.custom-tour-highlight{background:transparent!important;box-shadow:0 0 0 10000px #121212bf!important;opacity:1!important;border-radius:var(--border-radius-lg, 12px)!important;border:2px solid var(--color-accent-primary)!important;transition:all var(--transition-base)!important}.introjs-showElement{z-index:9999999!important}.introjs-fixParent{z-index:auto!important;opacity:1!important;transform:none!important}.custom-tour-tooltip.introjs-bottom:after{border-bottom-color:var(--color-bg-secondary-glass)!important;border-bottom-color:var(--color-bg-elevated)!important}.custom-tour-tooltip.introjs-top:after{border-top-color:var(--color-bg-secondary-glass)!important;border-top-color:var(--color-bg-elevated)!important}.custom-tour-tooltip.introjs-left:after{border-left-color:var(--color-bg-secondary-glass)!important;border-left-color:var(--color-bg-elevated)!important}.custom-tour-tooltip.introjs-right:after{border-right-color:var(--color-bg-secondary-glass)!important;border-right-color:var(--color-bg-elevated)!important}.custom-tour-tooltip .introjs-arrow.top-middle{top:-10px!important}@keyframes tourTooltipPop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.grecaptcha-badge{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(20px)!important;transition:all .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease!important;bottom:24px!important;right:0!important;box-shadow:-5px 5px 20px #0003!important;border-radius:8px 0 0 8px!important;border:1px solid rgba(255,255,255,.1)!important;border-right:none!important;background:#ffffff0d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;overflow:hidden!important}.grecaptcha-badge:hover{box-shadow:-10px 10px 30px #00d4ff33!important;background:#ffffff26!important;border-color:#00d4ff4d!important}[data-theme=dark] .grecaptcha-badge{background:#0f172acc!important;border-color:#ffffff1a!important}