@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Barlow:wght@300;400;500;600&family=Barlow+Condensed:wght@400;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.justify-between{justify-content:space-between}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#00bcd4\]{border-color:#00bcd4}.bg-\[\#181F2A\]{background-color:#181f2a}.text-center{text-align:center}.text-left{text-align:left}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.select-all{-webkit-user-select:all;user-select:all}html,body,#root{height:100%}body{background-color:var(--bg-color);color:#cbd5e1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.az-login-page{--az-blue: #1A3FD8;--az-blue-light: #2951F0;--az-orange: #F07820;--az-dark: #040810;--az-panel: #0b1428;--az-border: rgba(26, 63, 216, .25);--az-text-muted: rgba(255, 255, 255, .45);--text-white:#ffffff;position:fixed;inset:0;font-family:Barlow,sans-serif;color:#fff;background:#040810}.az-login-page .ocean-bg{background-image:url(/assets/login_bg-BtFcxmsA.jpg?t=1772023740567);background-size:cover;background-position:center}.az-login-page .ocean-bg{position:absolute;inset:0;overflow:hidden;z-index:0}@keyframes az-gridDrift{0%{transform:translateY(0)}to{transform:translateY(60px)}}.az-login-page .blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:.18;animation:az-pulse 8s ease-in-out infinite alternate}.az-login-page .blob-1{width:600px;height:600px;background:var(--az-blue);top:-200px;left:-150px}.az-login-page .blob-2{width:400px;height:400px;background:var(--az-orange);bottom:-100px;right:100px;animation-delay:-4s}.az-login-page .blob-3{width:300px;height:300px;background:var(--az-blue-light);top:40%;right:-100px;animation-delay:-2s}@keyframes az-pulse{0%{opacity:.12;transform:scale(1)}to{opacity:.22;transform:scale(1.1)}}.az-login-page .horizon{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(26,63,216,.5),rgba(240,120,32,.4),transparent);top:55%;opacity:.6}.az-login-page .ship-silhouette{position:absolute;bottom:0;left:-20px;width:320px;opacity:.06;animation:az-shipDrift 30s ease-in-out infinite alternate}@keyframes az-shipDrift{0%{transform:translate(0) translateY(0)}to{transform:translate(40px) translateY(-6px)}}.az-login-page .world-map-bg{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.az-login-page .world-map-bg svg{width:85%;max-width:1100px;opacity:.055;filter:drop-shadow(0 0 30px rgba(26,63,216,.5));animation:az-mapPulse 10s ease-in-out infinite alternate}@keyframes az-mapPulse{0%{opacity:.04}to{opacity:.075}}.az-login-page .trade-route{stroke:var(--az-orange);stroke-width:1.5;fill:none;stroke-dasharray:6 4;opacity:0;animation:az-routeFade 3s ease-in-out infinite}.az-login-page .trade-route:nth-child(2){stroke:var(--az-blue-light);animation-delay:1s}.az-login-page .trade-route:nth-child(3){animation-delay:2s}@keyframes az-routeFade{0%{opacity:0;stroke-dashoffset:100}40%{opacity:.6}to{opacity:0;stroke-dashoffset:0}}.az-login-page .layout{position:relative;z-index:10;display:flex;height:100vh;height:100dvh;min-height:100dvh;overflow:auto;-webkit-overflow-scrolling:touch;align-items:stretch;background-color:#010922bd}body .vessel-card:hover{background:#1a3fd83d;border-color:#1a3fd8;transform:translateY(-2px);box-shadow:0 8px 24px #1a3fd882}.az-login-page .brand-panel{flex:1;display:flex;flex-direction:column;justify-content:center;padding:60px 64px;border-right:1px solid var(--az-border);position:relative;animation:az-fadeInLeft .9s ease both}@keyframes az-fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.az-login-page .brand-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,63,216,.08) 0%,transparent 60%);pointer-events:none}.az-login-page .route-dots{position:absolute;inset:0;pointer-events:none;overflow:hidden}.az-login-page .route-line{position:absolute;width:2px;background:repeating-linear-gradient(to bottom,var(--az-orange) 0px,var(--az-orange) 6px,transparent 6px,transparent 16px);opacity:.3;animation:az-routeScroll 3s linear infinite}.az-login-page .route-line:nth-child(1){height:100%;top:0;left:30%;animation-duration:4s}.az-login-page .route-line:nth-child(2){height:100%;top:0;left:65%;animation-duration:6s;opacity:.15}@keyframes az-routeScroll{0%{background-position:0 0}to{background-position:0 60px}}.az-login-page .logo-wrap{display:flex;align-items:center;gap:18px;margin-bottom:5px}.logo-wrap img{max-width:250px}.az-login-page .logo-img{width:100px;height:100px;object-fit:contain}.az-login-page .logo-text{display:flex;flex-direction:column}.az-login-page .logo-name{font-family:Bebas Neue,sans-serif;font-size:38px;letter-spacing:4px;color:var(--az-blue-light);line-height:1}.az-login-page .logo-tagline{font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:3.5px;color:var(--az-orange);text-transform:uppercase;margin-top:4px}.az-login-page .brand-headline{font-family:Bebas Neue,sans-serif;font-size:clamp(44px,5.5vw,72px);line-height:.95;letter-spacing:2px;color:#fff;margin-bottom:28px}.az-login-page .brand-headline span{color:var(--az-orange);display:block}.az-login-page .brand-desc{font-size:15px;line-height:1.7;color:var(--text-white);max-width:400px;margin-bottom:52px;font-weight:300}.az-login-page .stats-row{display:flex;gap:36px}.az-login-page .stat{display:flex;flex-direction:column;gap:4px;border-left:2px solid var(--az-blue);padding-left:14px}.az-login-page .stat-val{font-family:Barlow Condensed,sans-serif;font-size:28px;font-weight:700;color:#fff;letter-spacing:1px}.az-login-page .stat-lbl{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-white)}.az-login-page .vessel-card{margin-top:52px;border:1px solid var(--az-border);border-radius:8px;padding:18px 20px;background:#1a3fd80f;max-width:420px;display:flex;align-items:center;gap:16px;animation:az-fadeInUp 1s ease .5s both}@keyframes az-fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.az-login-page .vessel-icon{width:40px;height:40px;border-radius:50%;background:#f0782026;border:1px solid rgba(240,120,32,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.az-login-page .vessel-info{flex:1}.az-login-page .vessel-name{font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;color:#fff}.az-login-page .vessel-route{font-size:11px;color:#fff;margin-top:3px;display:flex;align-items:center;gap:6px}.az-login-page .vessel-status{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#22c55e;text-align:right}.az-login-page .vessel-eta{font-size:10px;color:var(--az-text-muted);margin-top:3px;text-align:right}.az-login-page .login-panel{width:440px;display:flex;flex-direction:column;justify-content:center;padding:60px 52px;backdrop-filter:blur(20px);border-left:1px solid var(--az-border);animation:az-fadeInRight .9s ease .15s both}@keyframes az-fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.az-login-page .port-indicator{display:flex;align-items:center;gap:8px;margin-bottom:28px}.az-login-page .port-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e66;animation:az-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes az-ping{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.az-login-page .port-text{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#22c55e}.az-login-page .login-header{margin-bottom:40px}.az-login-page .login-eyebrow{font-family:Barlow Condensed,sans-serif;font-size:14px;letter-spacing:3px;text-transform:uppercase;color:var(--az-orange);margin-bottom:10px;display:flex;align-items:center;gap:10px;font-weight:900}.az-login-page .form-group input::placeholder{color:#fff;font-size:14px}button.pwd-toggle svg{stroke:var(--az-orange)}.az-login-page .login-eyebrow:after{content:"";flex:1;height:1px;background:var(--az-orange);opacity:.3}.az-login-page .az-login-title{font-family:Bebas Neue,sans-serif;font-size:34px;letter-spacing:2px;color:#fff}.az-login-page .login-type-tabs{display:flex;gap:0;margin-bottom:36px;border:1px solid var(--az-border);border-radius:6px}.az-login-page .tab{flex:1;padding:10px 12px;font-family:Barlow Condensed,sans-serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;text-align:center;cursor:pointer;color:var(--text-white);background:transparent;border:none;transition:all .25s;font-weight:600}.az-login-page .tab.active{background:var(--az-blue);color:#fff}.az-login-page .tab:hover:not(.active){color:#fff;background:#1a3fd826}.az-login-page .form-group{margin-bottom:20px;position:relative}.az-login-page .form-group label{display:block;font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-white);margin-bottom:8px;font-weight:600;position:static}.az-login-page .input-wrap{position:relative}.az-login-page .input-icon svg{stroke:var(--az-orange);stroke-width:2;width:20px;height:20px}.az-login-page .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center}.az-login-page input[type=email],.az-login-page input[type=password],.az-login-page input[type=text]{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:13px 14px 13px 42px;color:#fff;font-family:Barlow,sans-serif;font-size:14px;font-weight:400;outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none;box-sizing:border-box}.az-login-page input[type=password]{padding-right:42px}.az-login-page input[type=email]:focus,.az-login-page input[type=password]:focus,.az-login-page input[type=text]:focus{border-color:var(--az-blue-light);background:#1a3fd814}.az-login-page input::placeholder{color:#fff3}.az-login-page .az-field-error{color:#fca5a5;font-size:11px;margin-top:5px;display:flex;align-items:center;gap:4px;font-family:Barlow,sans-serif}.az-login-page .az-field-error:before{content:"⚠";font-size:11px}.az-login-page input.az-input-error{border-color:#f8717199!important}.az-login-page .form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;margin-top:4px}.az-login-page .remember{display:flex;align-items:center;gap:8px;cursor:pointer;margin:0}.az-login-page .remember input[type=checkbox]{width:16px;height:16px;accent-color:var(--az-blue-light);padding:0;border:none;background:transparent}.az-login-page .remember span{font-size:12px;color:var(--text-white);letter-spacing:.5px}.az-login-page .az-forgot{font-size:12px;color:var(--az-orange);text-decoration:none;letter-spacing:.5px;transition:opacity .2s;background:none;border:none;cursor:pointer;padding:0;font-family:Barlow,sans-serif}.az-login-page .az-forgot:hover{opacity:.7}.az-login-page .pwd-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#ffffff59;display:flex;align-items:center;padding:0;transition:color .2s}.az-login-page .pwd-toggle:hover{color:#ffffffbf}.az-login-page .btn-login{width:100%;padding:15px;background:var(--az-blue);border:none;border-radius:6px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px}.az-login-page .btn-login:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);pointer-events:none}.az-login-page .btn-login:hover:not(:disabled){background:var(--az-blue-light);transform:translateY(-1px)}.az-login-page .btn-login:active:not(:disabled){transform:translateY(0)}.az-login-page .btn-login:disabled{opacity:.55;cursor:not-allowed;transform:none}.az-login-page .btn-login:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:az-shimmer 2.8s infinite 1.5s}.az-login-page .btn-login:disabled:after{animation:none}@keyframes az-shimmer{0%{left:-60%}to{left:140%}}.az-login-page .btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:az-spin .7s linear infinite;flex-shrink:0}@keyframes az-spin{to{transform:rotate(360deg)}}.az-login-page .footer-note{text-align:center;margin-top:30px;font-size:11px;color:var(--text-white);letter-spacing:.5px;line-height:1.6}@media(max-width:900px){.az-login-page{position:relative;inset:auto;min-height:100dvh;overflow:hidden}.az-login-page .layout{display:block;height:auto;min-height:100dvh;overflow:visible}.az-login-page .login-panel{width:auto;padding:24px 20px 0;padding-bottom:max(32px,calc(env(safe-area-inset-bottom) + 32px))}.az-login-page .brand-panel{padding:30px 20px;padding-top:max(30px,env(safe-area-inset-top))}}.az-fp-page{--fp-blue: #1A3FD8;--fp-blue-light: #2951F0;--fp-orange: #F07820;--fp-dark: #040810;--fp-panel: #0b1428;--fp-border: rgba(26, 63, 216, .25);--fp-text-muted: rgba(255, 255, 255, .45);--fp-green: #22c55e}.az-fp-page .reset-panel{width:100%;max-width:440px;display:flex;flex-direction:column;justify-content:center;padding:60px 52px;backdrop-filter:blur(20px);border-left:1px solid var(--az-border);animation:az-fadeInRight .9s ease .15s both;overflow-y:auto;box-sizing:border-box}@media(max-width:480px){.az-fp-page .reset-panel{padding:40px 24px}}@keyframes fp-fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.az-fp-page .port-indicator{display:flex;align-items:center;gap:8px;margin-bottom:28px}.az-fp-page .port-dot{width:8px;height:8px;border-radius:50%;background:var(--fp-green);animation:fp-ping 2s cubic-bezier(0,0,.2,1) infinite}@keyframes fp-ping{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.az-fp-page .port-text{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--fp-green)}.az-fp-page .steps-bar{display:flex;align-items:center;margin-bottom:40px}.az-fp-page .step-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}.az-fp-page .step-circle{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;background:transparent;transition:all .4s ease;position:relative;z-index:2}.az-fp-page .step-circle.active{border-color:var(--fp-blue-light);background:var(--fp-blue);color:#fff;box-shadow:0 0 16px #2951f080}.az-fp-page .step-circle.done{border-color:var(--fp-green);background:#22c55e26;color:var(--fp-green)}.az-fp-page .step-label{font-family:Barlow Condensed,sans-serif;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;transition:color .3s}.az-fp-page .step-label.active{color:#fff}.az-fp-page .step-label.done{color:var(--fp-green)}.az-fp-page .step-connector{flex:1;height:1px;background:#ffffff1a;position:relative;top:-12px;margin:0 4px;overflow:hidden}.az-fp-page .step-connector-fill{height:100%;width:0%;background:var(--fp-green);transition:width .6s ease}.az-fp-page .step-connector-fill.done{width:100%}.az-fp-page .panel-eyebrow{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--fp-orange);margin-bottom:10px;display:flex;align-items:center;gap:10px}.az-fp-page .panel-eyebrow:after{content:"";flex:1;height:1px;background:var(--fp-orange);opacity:.3}.az-fp-page .panel-eyebrow.center-eyebrow{justify-content:center}.az-fp-page .panel-eyebrow.center-eyebrow:after{display:none}.az-fp-page .panel-title{font-family:Bebas Neue,sans-serif;font-size:32px;letter-spacing:2px;color:#fff;margin-bottom:8px}.az-fp-page .panel-subtitle{font-size:13px;font-weight:300;line-height:1.6;margin-bottom:32px}.az-fp-page .panel-subtitle strong{color:#fffc;font-weight:500}.az-fp-page .step-panel{display:none;animation:fp-panelFadeIn .4s ease both}.az-fp-page .step-panel.active{display:block}@keyframes fp-panelFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.az-fp-page input::placeholder{color:#fff3}.az-fp-page input.fp-error{border-color:#ef4444!important}.az-fp-page .fp-select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:13px 36px 13px 42px;color:#fff;font-family:Barlow,sans-serif;font-size:14px;outline:none;transition:border-color .2s;-webkit-appearance:none;box-sizing:border-box;cursor:pointer}.az-fp-page .fp-select:focus{border-color:var(--fp-blue-light);background:#1a3fd814}.az-fp-page .fp-select option{background:#0b1428;color:#fff}.az-fp-page .select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);opacity:.4;pointer-events:none}.az-fp-page .pwd-toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#ffffff59;display:flex;align-items:center;padding:0;transition:color .2s}.az-fp-page .pwd-toggle:hover{color:#ffffffbf}.az-fp-page .strength-meter{margin-top:8px}.az-fp-page .strength-bars{display:flex;gap:4px;margin-bottom:5px}.az-fp-page .strength-bar{flex:1;height:3px;border-radius:2px;background:#ffffff14;transition:background .3s}.az-fp-page .strength-bar.weak{background:#ef4444}.az-fp-page .strength-bar.medium{background:var(--fp-orange)}.az-fp-page .strength-bar.strong{background:var(--fp-green)}.az-fp-page .strength-text{font-family:Barlow Condensed,sans-serif;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.az-fp-page .match-hint{margin-top:6px;font-size:12px;display:flex;align-items:center;gap:6px;min-height:18px}.az-fp-page .match-hint.ok{color:var(--fp-green)}.az-fp-page .match-hint.fail{color:#ef4444}.az-fp-page .otp-row{display:flex;gap:8px;margin-bottom:8px;width:100%;max-width:100%}.az-fp-page .otp-row .otp-input{flex:1 1 0;min-width:0;max-width:56px;height:54px;background:#fff;border:1px solid rgba(15,23,42,.18);border-radius:6px;color:#0f172a;font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:0;text-align:center;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;padding:0;-webkit-appearance:none;-moz-appearance:textfield;box-sizing:border-box;caret-color:var(--fp-blue-light)}.az-fp-page .otp-row .otp-input:focus{border-color:var(--fp-blue-light);background:#fff;box-shadow:0 0 0 3px #2951f02e}.az-fp-page .otp-row .otp-input.filled{border-color:var(--fp-blue)}@media(max-width:420px){.az-fp-page .otp-row{gap:6px}.az-fp-page .otp-row .otp-input{height:48px;font-size:20px;max-width:44px}}.az-fp-page .resend-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;margin-top:4px}.az-fp-page .resend-note{font-size:12px;font-variant-numeric:tabular-nums}.az-fp-page .resend-btn{font-size:12px;color:var(--fp-orange);background:none;border:none;cursor:pointer;padding:0;font-family:Barlow,sans-serif;letter-spacing:.3px;transition:opacity .2s}.az-fp-page .resend-btn:hover:not(:disabled){opacity:.7}.az-fp-page .resend-btn:disabled{opacity:.35;cursor:default}.az-fp-page .btn-primary{width:100%;padding:15px;background:var(--fp-blue);border:none;border-radius:6px;color:#fff;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;position:relative;overflow:hidden;transition:background .2s,transform .1s;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:8px}.az-fp-page .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);pointer-events:none}.az-fp-page .btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:fp-shimmer 2.8s infinite 1.5s}.az-fp-page .btn-primary:disabled:after{animation:none}@keyframes fp-shimmer{0%{left:-60%}to{left:140%}}.az-fp-page .btn-primary:hover:not(:disabled){background:var(--fp-blue-light);transform:translateY(-1px)}.az-fp-page .btn-primary:active:not(:disabled){transform:translateY(0)}.az-fp-page .btn-primary:disabled{background:#1a3fd84d;cursor:not-allowed;transform:none}.az-fp-page .btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:fp-spin .7s linear infinite;flex-shrink:0}@keyframes fp-spin{to{transform:rotate(360deg)}}.az-fp-page .back-link{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:#fff;text-decoration:none;transition:color .2s;cursor:pointer;background:none;border:none;width:100%;font-family:Barlow,sans-serif;letter-spacing:.3px;padding:0 0 15px}.az-fp-page .back-link:hover{color:#fff}.az-fp-page .back-link svg{transition:transform .2s}.az-fp-page .back-link:hover svg{transform:translate(-3px)}.az-fp-page .success-wrap{text-align:center}.az-fp-page .success-icon-wrap{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;border:2px solid var(--fp-green);background:#22c55e14;margin:0 auto 28px;animation:fp-successPop .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes fp-successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.az-fp-page .checkmark{stroke-dasharray:60;stroke-dashoffset:60;animation:fp-drawCheck .6s ease .4s forwards}@keyframes fp-drawCheck{to{stroke-dashoffset:0}}.az-fp-page .success-btn-wrap{max-width:280px;margin:0 auto 16px}.az-fp-page .success-btn-wrap .btn-primary{margin-bottom:0}.az-fp-page .footer-note{text-align:center;margin-top:20px;font-size:11px;letter-spacing:.5px}@media(max-width:900px){.az-fp-page .brand-panel{display:none}.az-fp-page .reset-panel{width:auto;padding:0 20px}}.pc-wrapper{margin-top:10px;padding:12px 14px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:12px}.pc-alert{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#f87171;border-radius:6px;padding:6px 10px;margin-bottom:10px;font-size:12px;font-weight:500}.pc-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;margin:8px 0 4px}.pc-section-label:first-of-type{margin-top:0}.pc-list{list-style:none;margin:0 0 4px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px}.pc-item{display:flex;align-items:center;gap:6px;padding:2px 0;color:#ffffff73;transition:color .15s;line-height:1.4}.pc-item.pc-pass{color:#4ade80}.pc-item.pc-fail{color:#f87171}.pc-item.pc-pending{color:#ffffff73}.pc-item.pc-info{color:#ffffff59;grid-column:1 / -1}.pc-icon{font-size:11px;font-weight:700;width:14px;flex-shrink:0;text-align:center;line-height:1}.pc-icon.pc-pass{color:#4ade80}.pc-icon.pc-fail{color:#f87171}.pc-icon.pc-pending{color:#ffffff4d}.pc-icon.pc-info-icon{color:#ffffff4d;font-weight:400}body.light .pc-wrapper{background:#00000008;border-color:#0000001a}body.light .pc-section-label,body.light .pc-item{color:#0006}body.light .pc-item.pc-pass{color:#16a34a}body.light .pc-item.pc-fail{color:#dc2626}body.light .pc-item.pc-info{color:#0000004d}body.light .pc-icon.pc-pass{color:#16a34a}body.light .pc-icon.pc-fail{color:#dc2626}body.light .pc-icon.pc-pending{color:#00000040}body.light .pc-alert{background:#dc262614;border-color:#dc26264d;color:#dc2626}.reset-panel .pc-wrapper{background:#ffffff0d;border-color:#ffffff1a}@media(max-width:480px){.pc-list{grid-template-columns:1fr}}body.light{--main-color: #1a3fd8;--secondry-color: #e86f10;--secondry-light: #ffd4b3;--main-ligth: #eef2ff;--bg-color: #f4f6fc;--sidebar-bg: #ffffff;--topbar-bg: #ffffff;--text-color: #1e2333;--icon-color: #374151;--border-color: #dde3ef;--hover-bg: #eef1f8;--box-shadow: 0 4px 24px rgba(26, 63, 216, .1);--bg-input: #ffffff}body.dark{--secondry-color:#f07820;--main-ligth:#b6c5ff;--main-dark:#040c2e;--main-color:#1a3fd8;--bg-color: #020617;--sidebar-bg: #020617;--topbar-bg: #020617;--text-color: #f8fafc;--icon-color: #cbd5f5;--border-color: #1e293b;--hover-bg: #1e293b;--box-shadow: 0 25px 70px rgba(0, 0, 0, .55)}:root{--green-color:#16a34a;--danger-color:#e70505;--gray-color:#cfcfcf;--blue-ligth:#aab9f8;--primary-color:#1a3fd8}.topbar.light_dark_mode{position:fixed;top:8px;right:12px;padding:6px 10px;border-radius:999px;z-index:40;border:1px solid var(--border-color);background:var(--main-ligth);line-height:0}.light .topbar.light_dark_mode{background:var(--main-color)}.light .topbar.light_dark_mode svg,.light .topbar.light_dark_mode button{color:#fff}.dark .topbar.light_dark_mode svg{color:var(--main-color)}.topbar{background:var(--main-ligth);border-bottom:1px solid var(--border-color);color:var(--text-color)}.light_dark_mode svg{width:20px;height:20px;stroke-width:2.5px}.light_dark_mode button{padding:0}body{background:var(--bg-color);color:var(--text-color);margin:0!important;padding:0!important}*,*:before,*:after{box-sizing:border-box}.sidebar{background:var(--bg-color);color:var(--text-color);width:280px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px #00000026;position:sticky;top:0;height:100vh;align-self:flex-start;overflow-y:auto;z-index:100}.btn-default{border:none;padding:8px 14px;font-size:14px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .8s!important}.btn-default:hover{box-shadow:inset 0 80px 0 var(--secondry-color);transition:all .8s}.btn-primary{color:#fff;background:var(--main-color)}.btn-secondary{color:#fff;background:var(--secondry-color)}.btn-danger{color:#fff;background:var(--danger-color)}.btn-gray{color:#000;background:var(--gray-color)}.sidebar a,.sidebar svg{color:var(--secondry-color)}.sidebar a:hover{background:var(--hover-bg)}.secondary{color:var(--secondry-color)!important}.danger{color:var(--danger-color)!important}.primary{color:var(--primary-color)!important}.layout-container{display:flex;min-height:100vh;background:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.brand-footer-mark{position:fixed;bottom:12px;right:16px;width:160px;max-width:22vw;height:auto;opacity:.85;pointer-events:none;z-index:5;user-select:none}@media(max-width:640px){.brand-footer-mark{width:110px;bottom:8px;right:8px}}.logo-container img.logo{width:220px;transition:all .3s}nav.sidebar.collapsed .logo-container img.logo{width:0;opacity:0;transition:all .3s}.logo-container .logo-icon{width:0;opacity:0;transition:all .3s}nav.sidebar.collapsed .logo-icon{width:44px;margin-right:5px;opacity:1;transition:all .3s}.mobile-menu-btn{position:fixed;top:7px;left:6px;z-index:1001;background:var(--blue-ligth);border:1px var(--main-color);border-radius:8px;padding:6px;color:var(--main-color);cursor:pointer;transition:all .2s ease;display:none;font-weight:500}.mobile-menu-btn:hover{background:#00bcd440;border-color:#00bcd480;color:#fff}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}.sidebar.collapsed{width:104px}.sidebar-header{padding:10px 0;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;min-height:80px}.logo-container{display:flex;align-items:center;justify-content:center;width:100%;padding:0}.shield-icon{width:32px;height:32px;background:var(--secondry-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z' /%3E%3C/svg%3E") no-repeat center}.logo-text{display:flex;flex-direction:column;gap:2px}.logo-text h2{font-size:20px;font-weight:700;margin:0;letter-spacing:-.5px}.logo-text span{color:var(--secondry-color);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px}.toggle-btn{transform:translate(16px,-4px);background:#141f36;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:8px;color:#a0aec0;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}nav.sidebar.collapsed .toggle-btn{transform:translate(3px,-4px)}.toggle-btn svg.lucide.lucide-chevron-left,.toggle-btn svg.lucide.lucide-chevron-right{color:#fff}.toggle-btn:hover{background:#ffffff1f;color:#fff;border-color:#00bcd466}.nav-section{flex:1;padding:20px 0}.nav-items{display:flex;flex-direction:column;gap:8px;padding:0 16px}.nav-item{position:relative;padding:12px 16px;margin:0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;user-select:none;border:1px solid transparent}.nav-item:hover{background:var(--main-dark);color:var(--text-color);border:1px solid var(--main-color);transform:translate(2px)}.nav-item.active{background:var(--main-dark);color:var(--text-color);border:1px solid var(--main-color)}.light .nav-item.active,.light .nav-item:hover{background:var(--main-ligth)!important}.nav-separator{height:1px;background:var(--border-color);margin:8px 12px;opacity:.6}.nav-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-item.disabled:hover{background:transparent;border-color:transparent;transform:none;color:inherit}.topbar.avatar-bar{position:fixed;top:8px;right:128px;padding:3px;border-radius:999px;z-index:40;background:var(--main-ligth);border:1px solid var(--border-color);line-height:0}.light .topbar.avatar-bar{background:var(--main-color)}.light .topbar.avatar-bar svg{color:#fff}.dark .topbar.avatar-bar svg{color:var(--main-color)}.topbar.downloads-bar{position:fixed;top:8px;right:186px;padding:6px 10px;border-radius:999px;z-index:40;background:var(--main-ligth);border:1px solid var(--border-color);line-height:0}.light .topbar.downloads-bar{background:var(--main-color)}.light .topbar.downloads-bar svg{color:#fff}.dark .topbar.downloads-bar svg{color:var(--main-color)}.topbar-icon-btn.avatar-btn{padding:0}.topbar-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}.topbar.notification-bar{position:fixed;top:8px;right:70px;padding:6px 10px;border-radius:999px;z-index:40;background:var(--main-ligth);border:1px solid var(--border-color);line-height:0}.light .topbar.notification-bar{background:var(--main-color)}.light .topbar.notification-bar svg{color:#fff}.dark .topbar.notification-bar svg{color:var(--main-color)}.topbar-icon-btn{position:relative;background:transparent;border:0;padding:0;cursor:pointer;color:inherit;display:inline-flex;align-items:center;justify-content:center}.topbar-icon-btn:hover{opacity:.85}.topbar-icon-btn svg{width:20px;height:20px;stroke-width:2.5px}.notification-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;border-radius:999px;font-size:10px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--main-ligth);pointer-events:none}.light .notification-badge{box-shadow:0 0 0 2px var(--main-color)}.logout-item:hover{background:#ef444414;color:#ef4444;transform:translate(2px)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-content{display:flex;flex-direction:column;gap:2px;flex:1}.nav-label{font-size:14px;font-weight:600;line-height:1.2}.nav-description{font-size:11px;opacity:.8;line-height:1.2}.active-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--secondry-color);border-radius:50%}.sidebar-footer{background-color:var(--bg-color);padding:20px;border-top:1px solid var(--border-color);position:sticky;bottom:0}.sidebar-footer .nav-item{margin:8px 0}.footer-content{display:flex;flex-direction:column;gap:12px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:#a0aec0;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:#4caf50;box-shadow:0 0 8px #4caf5066}.status-dot.active{animation:pulse 2s infinite}.user-info-section{display:flex;align-items:center;gap:12px;padding:16px;margin:12px 0 16px;background:#00bcd40d;border:1px solid rgba(0,188,212,.1);border-radius:12px;transition:all .3s ease}.user-info-section:hover{background:#00bcd414;border-color:#00bcd433}.user-avatar{flex-shrink:0}.avatar-circle{width:40px;height:40px;background:linear-gradient(135deg,var(--secondry-color),#0097a7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;box-shadow:0 2px 8px #00bcd44d}.user-details{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.user-name{font-size:14px;font-weight:600;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--secondry-color);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:help;transition:color .2s ease}.user-email:hover{color:#26c6da}.user-role{font-size:11px;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;font-weight:500}.main-content{flex:1;min-width:0;transition:all .6s cubic-bezier(.4,0,.2,1);overflow-x:clip;overflow-y:auto;position:relative;padding:0 30px}@media(max-width:900px){.main-content{padding:0 16px}}@media(max-width:640px){.main-content{padding:0 10px}}.main-content.expanded{margin-left:0}.sidebar.collapsed .nav-item{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px 4px;text-align:center}.sidebar.collapsed .nav-label-below{font-size:11px;line-height:1.2;font-weight:500;color:var(--text-color);max-width:92px;white-space:normal;word-break:normal;overflow-wrap:break-word;hyphens:none}.sidebar.collapsed .nav-item.active:before{display:none}.sidebar.collapsed .active-indicator{display:none}.sidebar.collapsed .nav-item:after{content:"";position:absolute;left:50%;bottom:8px;transform:translate(-50%);width:4px;height:4px;background:transparent;border-radius:50%;transition:all .2s ease}.sidebar.collapsed .nav-item.active:after{background:var(--secondry-color)}.nav-item,.toggle-btn,.sidebar{transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-item:focus,.toggle-btn:focus,.mobile-menu-btn:focus{outline:2px solid var(--secondry-color);outline-offset:2px}.nav-item:focus-visible,.toggle-btn:focus-visible,.mobile-menu-btn:focus-visible{outline:3px solid var(--secondry-color);outline-offset:2px;background:#00bcd41a}.nav-item[tabindex="0"]:focus{background:#00bcd414;transform:translate(2px)}.user-info-section:focus-within{border-color:#00bcd44d;background:#00bcd414}.submenu{margin-top:6px;border-left:2px solid rgba(255,255,255,.08);padding-left:8px}.submenu-item svg:last-child{margin-left:auto;transition:transform .3s ease}.submenu-level-3{margin-left:18px;padding-left:12px;border-left:2px dashed rgba(255,255,255,.1);animation:slideDown .3s ease}.nav-item .arrow-icon{margin-left:auto;transition:transform .3s ease}.nav-item.active .arrow-icon svg,.nav-item:hover .arrow-icon svg{transform:rotate(90deg)}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:13px}.records-count{font-size:12px;opacity:.65}.page-size span{margin-right:8px;font-size:12px;opacity:.65}.page-size select{font-size:12px;padding:4px 22px 4px 8px;height:auto;min-height:0;min-width:0;width:auto;background-position:right 6px center;background-size:10px 10px}.login-button-glass{backdrop-filter:blur(10px);background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:8px;box-shadow:0 8px 32px #0006;color:#93c5fd;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:12px 32px;text-transform:uppercase;transition:all .3s ease}.login-button-glass:active{backdrop-filter:blur(12px);background:#3b82f666;border:1px solid rgba(59,130,246,.6);box-shadow:0 4px 16px #0009,inset 0 2px 8px #3b82f633;color:#fff;transform:translateY(0) scale(.96)}.login-button-glass:focus{background:#3b82f640;border:1px solid rgba(59,130,246,.5);box-shadow:0 8px 32px #0006,0 0 0 3px #3b82f64d,0 0 20px #3b82f626;outline:none}.login-button-glass:disabled{background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:#00d4ff80;box-shadow:none;animation:glassPulse 2s infinite;cursor:not-allowed;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background-attachment:fixed}.login-title{color:#e2e8f0;font-size:2rem;font-weight:600;text-align:center;margin-bottom:2rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.glass-input.error{border:1px solid rgba(255,71,87,.6);box-shadow:0 4px 16px #0003,0 0 0 2px #ff47574d;background:#f871710d!important}.glass-input.error:focus{border:1px solid rgba(248,113,113,.7)!important;box-shadow:0 0 0 3px #f8717133!important}.field-error-message{color:#fca5a5;font-size:12px;margin-top:4px;margin-left:4px;display:flex;align-items:center;gap:4px}.field-error-message:before{content:"⚠";font-size:12px;color:#fca5a5}.glass-input{backdrop-filter:blur(10px);background:#2d37484d;border:1px solid rgba(148,163,184,.2);border-radius:8px;box-shadow:0 4px 16px #0000004d;box-sizing:border-box;color:#e2e8f0;font-size:16px;font-weight:400;padding:12px 16px;transition:all .3s ease;width:100%}.glass-input:focus{background:#2d374866;backdrop-filter:blur(12px);border:1px solid rgba(96,165,250,.4);box-shadow:0 4px 20px #0006,0 0 0 2px #60a5fa33,0 0 15px #60a5fa1a;outline:none}.glass-input:hover{background:#2d374859;backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.3)}.glass-input:not(:placeholder-shown){background:#2d374859;border:1px solid rgba(96,165,250,.3);color:#f1f5f9}.glass-input-container{margin-bottom:16px;position:relative}.glass-input-container label{color:#94a3b8b3;font-size:16px;left:16px;pointer-events:none;position:absolute;top:12px;transition:all .3s ease}.glass-input:focus+label,.glass-input:not(:placeholder-shown)+label{top:-8px;left:12px;font-size:12px;color:#93c5fd;background:#1e2a3ae6;padding:0 4px;border-radius:2px}.login-box{backdrop-filter:blur(20px);background:#2d374826;border:1px solid rgba(226,232,240,.1);border-radius:16px;box-shadow:0 8px 32px #0006,0 2px 8px #0000004d,inset 0 1px #e2e8f00d;margin:0 auto;max-width:400px;overflow:hidden;padding:40px 32px;position:relative;width:100%}.login-box:before{background:linear-gradient(135deg,#2d37481a,#e2e8f005 50%,#2d37481a);content:"";inset:0;position:absolute;pointer-events:none;z-index:-1}.full-landing-image{width:100%;height:100vh;background-size:cover}.login-container.w-full{position:relative;background-image:url(/assets/login_bg-BtFcxmsA.jpg);background-size:cover;background-position:50%;padding:0;display:flex;grid-gap:30px;justify-content:center}.login-container:after{content:"";display:block;position:absolute;inset:0;background-color:#020617;opacity:.7}.logo-login{position:relative;z-index:9}.logo-login img{max-width:200px;background-color:#fff;padding:15px;border-radius:10px}.login-box-enhanced{backdrop-filter:blur(25px);border:1px solid rgba(148,163,184,.15);border-radius:16px;box-shadow:0 12px 40px #0009,0 4px 12px #0006,0 0 0 1px #e2e8f00d,0 0 40px #2d374833;overflow:hidden;padding:40px 32px;position:relative;z-index:9}.login-box-enhanced:hover,.login-box:hover{border:1px solid rgba(148,163,184,.2);box-shadow:0 16px 48px #000000b3,0 4px 12px #0006,0 0 0 1px #e2e8f014,0 0 60px #2d374840;transform:translateY(-2px);transition:all .4s ease}.login-box-premium{backdrop-filter:blur(30px);background:#ffffff0f;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 20px 60px #00000080,0 8px 20px #0000004d,inset 0 1px #fff3,inset 0 -1px #00d4ff1a;margin:0 auto;max-width:420px;overflow:hidden;padding:48px 36px;position:relative;width:100%}.login-box-premium:after{background:linear-gradient(45deg,rgba(0,212,255,.1),transparent,rgba(0,212,255,.1));border-radius:22px;content:"";inset:-2px;position:absolute;z-index:-1}.login-form{display:flex;flex-direction:column;gap:16px}.signup-link-glass{backdrop-filter:blur(8px);background:#3b82f626;border:1px solid rgba(59,130,246,.3);border-radius:6px;box-shadow:0 4px 12px #0000004d;color:#93c5fd;display:inline-block;font-size:16px;font-weight:500;letter-spacing:.3px;overflow:hidden;padding:8px 16px;position:relative;text-decoration:none;transition:all .3s ease}.signup-link-glass:hover{backdrop-filter:blur(12px);background:#3b82f640;border:1px solid rgba(59,130,246,.5);box-shadow:0 6px 16px #0006,0 0 12px #3b82f633;color:#dbeafe;text-decoration:none;transform:translateY(-1px)}.signup-link-glass:active{background:#3b82f64d;border:1px solid rgba(59,130,246,.6);box-shadow:0 2px 8px #0006;transform:translateY(0) scale(.98)}.signup-link-glass:focus{background:#3b82f633;border:1px solid rgba(59,130,246,.5);box-shadow:0 4px 12px #0000004d,0 0 0 2px #3b82f64d;outline:none}.signup-text{align-items:center;color:#94a3b8cc;display:flex;font-size:16px;gap:8px;justify-content:center;margin-top:24px;text-align:center}.signup-link-minimal{backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;box-shadow:0 2px 8px #0000001a;color:#ffffffe6;display:inline-block;font-size:14px;font-weight:400;padding:6px 12px;text-decoration:none;transition:all .3s ease}.signup-link-minimal:hover{background:#00d4ff26;border:1px solid rgba(0,212,255,.4);color:#00d4ff;text-decoration:none}.forgot-password-container{display:flex;justify-content:flex-end;margin-top:-8px;margin-bottom:8px}.forgot-password-link{background:#2d374833;backdrop-filter:blur(6px);border:1px solid rgba(148,163,184,.15);border-radius:4px;color:#94a3b8cc;padding:4px 8px;font-size:16px;font-weight:400;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 6px #0003;letter-spacing:.2px}.forgot-password-link:hover{background:#3b82f626;backdrop-filter:blur(8px);border:1px solid rgba(59,130,246,.3);color:#93c5fd;box-shadow:0 4px 12px #0000004d,0 0 8px #3b82f61a;text-decoration:none;transform:translateY(-1px)}.forgot-password-link:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px #0000004d}.forgot-password-link:focus{background:#3b82f633;border:1px solid rgba(59,130,246,.4);box-shadow:0 0 0 2px #3b82f633;color:#93c5fd;outline:none}.forgot-password-text{text-align:center;margin-top:1rem;font-size:.875rem;color:#cbd5e1}.forgot-password-description{text-align:center;margin-bottom:2rem;color:#94a3b8;font-size:.875rem}.code-input-container{display:flex;gap:.75rem;justify-content:center;margin:1rem 0}.code-input{width:3rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:600;border-radius:12px;background:#fff;border:2px solid rgba(15,23,42,.18);color:#0f172a;caret-color:#1a3fd8;transition:all .3s ease}.code-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40;background:#fff}.code-input:hover{border-color:#0f172a4d;background:#fff}.system-info-text{background:#2d374833;backdrop-filter:blur(6px);border:1px solid rgba(148,163,184,.15);border-radius:4px;color:#94a3b8cc;text-align:center}.loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.loading-spinner-icon{height:1rem;width:1rem;color:#fff;animation:spin 1s linear infinite}.loading-spinner-circle{opacity:.25}.loading-spinner-path{opacity:.75}.w-full{width:100%}.h-14{height:3.5rem}.w-1-2{width:50%}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-2>*+*{margin-left:.5rem}.animate-spin{animation:spin 1s linear infinite}.h-4{height:1rem}.w-4{width:1rem}.text-white{color:#fff}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.blank-page{background:var(--bg-color);min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;justify-content:center;padding:24px}.blank-page-content{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:600px;text-align:center}.blank-page-icon{display:flex;align-items:center;justify-content:center;width:96px;height:96px;background:#00bcd41a;border:1px solid rgba(0,188,212,.2);border-radius:16px;color:var(--secondry-color);margin-bottom:16px}.blank-page-title{color:var(--text-color);font-size:48px;font-weight:700;margin:0;letter-spacing:-1px}.blank-page-description{font-size:18px;margin:0;line-height:1.6;max-width:480px;color:var(--text-color)}.blank-page-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px;width:100%;margin-top:32px}.feature-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#00bcd44d}.feature-icon{width:32px;height:32px;background:var(--secondry-color);border-radius:8px;opacity:.8}.feature-item span{font-size:14px;font-weight:500;color:var(--text-color)}.feature-icon.pt-5{width:auto;height:auto;padding:15px}.feature-icon.pt-5 svg{width:30px;height:30px}.users_table .container{max-width:1000px;margin:auto;padding:25px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000014}.users_table h2{margin-top:0;margin-bottom:20px;font-size:24px;font-weight:600;color:var(--text-color)}.users_table .filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.users_table .filters input{color:var(--text-color);flex:1;min-width:220px}.users_table .filters input,.users_table .filters select{padding:10px 14px;border-radius:10px;font-size:14px;outline:none;transition:all .25s ease;background:var(--bg-input);color:var(--text-color)}.users_table .filters input:focus,.users_table .filters select:focus{border-color:var(--border);box-shadow:0 0 0 3px #6366f126;background:var(--bg-input)}.users_table table{width:100%;border-collapse:separate;border-spacing:0}.users_table thead{background:linear-gradient(135deg,var(--secondry-color),var(--secondry-color))}.users_table .no-data{text-align:center;padding:30px;color:var(--text-color);font-size:15px}.sidebar.collapsed .submenu .submenu-item span{display:none}.sidebar.collapsed .submenu .submenu-item{padding:4px;margin:20px 0}.sidebar.collapsed .submenu .submenu-item svg{width:20px;height:20px;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar.collapsed .submenu{margin-left:12px;margin-top:11px;border-left:1px solid rgb(255 255 255/18%);padding-left:0}.table-header h3{color:var(--text-color)}thead th{background-color:var(--main-color)}.icon-btn{color:#9fb0c8;background:transparent;border:none;cursor:pointer;font-size:16px;margin-right:6px;transition:all .3s}.icon-btn:hover{opacity:.5;transition:all .3s}.refresh-icon-btn{color:#4caf50;margin-right:0}.refresh-icon-btn:hover{opacity:.75}body.light .refresh-icon-btn{color:var(--main-color)}.dashboard-refresh-btn{display:inline-flex;align-items:center;gap:7px;background:transparent;border:1.5px solid #4caf50;border-radius:8px;color:#4caf50;padding:5px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,opacity .2s}.dashboard-refresh-btn:hover:not(:disabled){background:#4caf501f}.dashboard-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.dashboard-refresh-btn .spin{animation:spin .7s linear infinite}body.light .dashboard-refresh-btn{border-color:#1a3fd8;color:#1a3fd8}body.light .dashboard-refresh-btn:hover:not(:disabled){background:#1a3fd814}.no-data,select{color:var(--text-color)}.search-btn{color:#fff;background:var(--main-color);padding:10px 14px;border-radius:6px;height:42px;width:42px;border:none;font-size:18px;cursor:pointer;align-items:center;justify-content:center;transition:all .8s ease}.search-btn:hover{transition:all .8s ease;box-shadow:inset 0 80px 0 var(--secondry-color)}.search-btn svg{width:17px;stroke-width:3px;margin-left:-1px;margin-top:-1px}.pagination button{min-width:38px;height:38px;padding:0 14px;border-radius:8px;border:1px solid #444;background-color:var(--bg-input);color:var(--text-color);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.pagination button:hover{background-color:var(--bg-color);border-color:#555}.add-btn{color:#fff;background:#4caf50;border:none;padding:8px 14px;font-size:14px;border-radius:6px;cursor:pointer;font-weight:500}body .modal-container.small{width:auto;min-width:240px}.modal-header{background:var(--main-color);color:#fff;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}.close-btn{color:#fff9;background:transparent;transition:all .2s;border:none;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-body_inner{padding:20px}.close-btn:hover{color:#fff;background:#ffffff1a}.details-table tr:hover td{background:var(--hover-bg)}.status-toggle{display:flex;border:1px solid #cfd6e4;border-radius:20px;overflow:hidden}.status-toggle button{padding:6px 14px;border:none;background:#f5f7fb;cursor:pointer;font-weight:500}.status-toggle button.active{background:#1f3c88;color:#fff}.checkbox{display:flex;align-items:center;gap:10px;color:var(--text-color);font-size:13px;margin-bottom:10px}.checkbox input{width:18px;height:18px;accent-color:#2563eb}.reset-btn{background:var(--gray-color);color:#000;border:0;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .8s ease}.reset-btn:hover{transition:all .8s ease;box-shadow:inset 0 80px 0 var(--secondry-color)}.archive-btn{display:flex;align-items:center;gap:6px;background:#b45309;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.archive-btn:hover{background:#92400e}.dashboard-container{margin-top:30px;background:var(--bg-color);min-height:100vh;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:24px;width:100%}.dashboard-header{justify-content:space-between;margin-bottom:32px;margin-right:32px}.dashboard-header,.header-left{display:flex;align-items:center}.header-left{gap:12px;display:flex;align-items:center}.header-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.header-text{display:flex;flex-direction:column}.dashboard-title{font-size:28px;font-weight:600;margin:0;color:#fff}.dashboard-subtitle{font-size:14px;color:var(--text-color);margin:4px 0 0;font-weight:500}.header-controls{display:flex;align-items:center;gap:16px}.search-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#a0aec0}.heatmap-section{margin-top:32px;margin-right:32px}.heatmap-header{justify-content:space-between;margin-bottom:24px}.heatmap-header,.heatmap-title{display:flex;align-items:center}.heatmap-title{gap:12px}.heatmap-icon{width:20px;height:20px;background:var(--secondry-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4' /%3E%3C/svg%3E") no-repeat center}.heatmap-text{font-size:14px;font-weight:600;color:#cbd5e1;letter-spacing:.5px}.heatmap-tabs,.segment-tabs{display:flex;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:2px}.tab-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:none;color:#a0aec0;font-size:14px;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500}.tab-button.active{background:#334155;color:#fff;font-weight:600}.tab-button:focus{outline:2px solid var(--secondry-color);outline-offset:2px}.tab-button:hover:not(.active){color:#e2e8f0;background:#ffffff0d}.tab-icon{width:16px;height:16px}.grid-icon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z' /%3E%3C/svg%3E") no-repeat center}.grid-icon,.map-icon{background:currentColor}.map-icon{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7' /%3E%3C/svg%3E") no-repeat center}.heatmap-content{min-height:200px}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.vessel-card{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:16px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.vessel-card.green:hover{border-color:#4caf5080}.vessel-card.yellow:hover{border-color:#ffc10780}.vessel-card.orange:hover{border-color:#ff980080}.vessel-card.red:hover{border-color:#f4433680}.vessel-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;cursor:pointer;border-color:#00bcd44d}.vessel-card:focus{outline:2px solid var(--secondry-color);outline-offset:2px;transform:translateY(-2px)}.vessel-header{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.vessel-id{font-size:16px;font-weight:700;color:#fff}.vessel-type{font-size:12px;color:#a0aec0;font-weight:500}.risk-bar{height:4px;border-radius:2px;margin-bottom:12px}.risk-bar.green{background:#4caf50}.risk-bar.yellow{background:#ffc107}.risk-bar.orange{background:#ff9800}.risk-bar.red{background:#f44336}.vessel-footer{display:flex;justify-content:space-between;align-items:center}.risk-value{font-size:12px;color:#a0aec0;font-weight:500}.risk-status{font-size:12px;font-weight:600;text-transform:capitalize}.risk-status.low{color:#4caf50}.risk-status.medium{color:#ffc107}.risk-status.high{color:#ff9800}.risk-status.critical{color:#f44336}.map-placeholder{display:flex;align-items:center;justify-content:center;height:300px;background:#1e293b;border:1px solid #334155;border-radius:8px}.map-text{color:#8894a7;font-size:16px;margin:0}.events-section{margin-top:32px;margin-right:32px}.events-header{justify-content:space-between;margin-bottom:24px}.events-controls,.events-header{display:flex;align-items:center;gap:12px}.column-selector-btn{display:flex;align-items:center;gap:8px;background:#00bcd41a;border:1px solid rgba(0,188,212,.2);border-radius:6px;padding:8px 16px;color:var(--secondry-color);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.column-selector-btn:hover{background:#00bcd433;border-color:#00bcd44d}.column-icon{width:14px;height:14px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 10h16M4 14h16M4 18h16' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6h16M4 10h16M4 14h16M4 18h16' /%3E%3C/svg%3E") no-repeat center}.column-selector-dropdown{position:relative;margin-bottom:16px}.column-selector-content{position:absolute;top:0;right:0;width:320px;background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.column-selector-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #334155}.column-selector-header span{font-size:14px;font-weight:600;color:#fff}.close-selector-btn{background:none;border:none;color:#8894a7;font-size:18px;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.close-selector-btn:hover{color:#fff}.column-options{padding:16px;display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.column-options::-webkit-scrollbar{width:6px}.column-options::-webkit-scrollbar-track{background:#ffffff0d}.column-options::-webkit-scrollbar-thumb{background:#00bcd44d;border-radius:3px}.column-option{display:flex;align-items:center;gap:12px}.column-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--secondry-color);cursor:pointer}.column-option label{color:#cbd5e1;font-size:13px;cursor:pointer;flex:1;display:flex;align-items:center;gap:8px}.column-option.required label{color:#8894a7}.required-label{color:#ffc107;font-size:11px;font-weight:500}.column-option.required input[type=checkbox]{cursor:not-allowed;opacity:.5}.events-title-container{display:flex}.events-icon{width:20px;height:20px;background:#ffc107;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z' /%3E%3C/svg%3E") no-repeat center}.events-title{color:#cbd5e1;font-size:14px;font-weight:600;letter-spacing:.5px;margin-left:12px}.events-table-container{background:linear-gradient(135deg,#1a1f35,#0f1419);border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;padding:24px;margin:24px 0;box-shadow:0 8px 32px #0006}.events-table-wrapper{overflow-x:auto;overflow-y:hidden}.events-table-wrapper::-webkit-scrollbar{height:8px}.events-table-wrapper::-webkit-scrollbar-track{background:#ffffff0d}.events-table-wrapper::-webkit-scrollbar-thumb{background:#00bcd44d;border-radius:4px}.events-table-wrapper::-webkit-scrollbar-thumb:hover{background:#00bcd480}.events-table{width:100%;border-collapse:collapse;min-width:800px;font-size:14px}.events-table thead{background:#ffffff08}.events-table th{padding:16px;text-align:left;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(255,255,255,.1);white-space:nowrap}.events-table tbody tr,.events-table th{border-bottom:1px solid #334155}.events-table tbody tr:last-child{border-bottom:none}.events-table tbody tr:hover{background:#ffffff08;cursor:pointer}.events-table tbody tr:focus-within{background:#2d3748;outline:2px solid var(--secondry-color);outline-offset:-2px}.events-table td{padding:16px;font-size:14px;vertical-align:middle;color:#ffffffd9}.vessel-cell{color:#e2e8f0;font-weight:500}.vessel-link{color:#2dd4bf;text-decoration:none;cursor:pointer;font-weight:500;transition:color .2s}.vessel-link:hover{color:#5eead4;text-decoration-thickness:2px;text-decoration:underline}.severity-cell,.type-cell{color:#e2e8f0;font-weight:500}.severity-badge{display:inline-block;padding:4px 12px;border-radius:4px;text-transform:capitalize;font-size:12px;font-weight:600;text-align:center;border:1px solid}.severity-badge.medium{background:#eab30833;color:#eab308;border:1px solid #eab308}.severity-badge.high{background:#f9731633;color:#f97316;border:1px solid #f97316}.severity-badge.critical{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.severity-badge.low{background:#22c55e33;color:#22c55e;border:1px solid #22c55e}.detected-cell{color:#a0aec0;font-family:Courier New,monospace;font-size:13px;font-weight:500}.status-cell{color:#e2e8f0;font-weight:500}.status-text.mitigated{color:#a0aec0;font-weight:500}.status-text.open{color:#e2e8f0;font-weight:600}.status-text.in-progress{color:#ffc107}.status-text.investigating{color:#ff9800}.status-text.under-review{color:#2196f3}.status-text.escalated{color:#f44336}.priority-badge{display:inline-block;padding:4px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.priority-badge.critical{background:#f44336;color:#fff}.priority-badge.high{background:#ff9800;color:#fff}.priority-badge.medium{background:#ffc107;color:var(--bg-color)}.priority-badge.low{background:#4caf50;color:var(--bg-color)}.impact-badge{display:inline-block;padding:4px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:capitalize}.impact-badge.critical{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.3)}.impact-badge.high{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.impact-badge.medium{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.impact-badge.low{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.assignee-cell,.category-cell,.duration-cell,.location-cell,.resolution-cell,.source-cell{color:#cbd5e1;font-size:13px}.assignee-cell{font-weight:500}.detected-cell,.duration-cell{font-family:Courier New,monospace;font-size:12px;color:#8894a7}.slide-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end;opacity:0;transition:opacity .4s cubic-bezier(.4,0,.2,1)}.slide-overlay.open{opacity:1}.slide-panel{position:fixed;right:0;top:0;width:610px;height:100vh;background:var(--bg-color);box-shadow:-4px 0 10px #0003;transform:translate(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);overflow-y:auto;z-index:1000;padding:24px}.slide-panel.open{transform:translate(0)}.slide-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid #334155;position:sticky;top:0;background:var(--bg-color);z-index:10}.slide-vessel-info{display:flex;flex-direction:column;gap:8px}.slide-vessel-title{display:flex;align-items:center;gap:12px}.slide-vessel-id{font-size:24px;font-weight:600}.slide-vessel-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.slide-vessel-status.low{background:#4caf50;color:var(--bg-color)}.slide-vessel-status.medium{background:#ffc107;color:var(--bg-color)}.slide-vessel-status.high{background:#ff9800;color:#fff}.slide-vessel-status.critical{background:#f44336;color:#fff}.slide-vessel-meta{font-size:14px;color:#8894a7}.slide-close-btn{position:absolute;top:24px;right:24px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;opacity:.7}.slide-close-btn:hover{opacity:1}.slide-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.slide-stat-item{display:flex;flex-direction:column;gap:8px}.slide-stat-label{font-size:12px;color:#8894a7;font-weight:600}.slide-stat-value{font-size:32px;font-weight:600;margin:8px 0}.slide-stat-value.green{color:#4caf50}.slide-stat-value.yellow{color:#ffc107}.slide-stat-value.orange{color:#ff9800}.slide-stat-value.red{color:#f44336}.slide-risk-bar{width:100%;height:6px;background:#334155;border-radius:3px;overflow:hidden}.slide-risk-fill{height:100%;border-radius:3px}.slide-risk-fill.green{background:#4caf50}.slide-risk-fill.yellow{background:#ffc107}.slide-risk-fill.orange{background:#ff9800}.slide-risk-fill.red{background:#f44336}.slide-stat-meta{font-size:12px;color:#8894a7}.slide-section{padding:24px;border-bottom:1px solid #334155}.slide-section:last-child{border-bottom:none}.slide-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.slide-section-icon{width:16px;height:16px;background:#ffc107;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z' /%3E%3C/svg%3E") no-repeat center}.slide-section-icon.assets-icon{background:var(--secondry-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z' /%3E%3C/svg%3E") no-repeat center}.slide-section-title{font-weight:600;letter-spacing:.5px;flex:1}.slide-section-subtitle,.slide-section-title{font-size:12px;color:#8894a7}.slide-incidents{display:flex;flex-direction:column;gap:12px}.slide-incident-card{background:#ffffff0d;border-radius:6px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.slide-incident-header{display:flex;align-items:center;gap:12px;width:100%;justify-content:space-between}.slide-incident-severity{padding:2px 8px;border-radius:4px;font-size:12px;text-transform:uppercase}.slide-incident-severity.low{background:#4caf50;color:var(--bg-color)}.slide-incident-severity.medium{background:#ffc107;color:var(--bg-color)}.slide-incident-severity.high{background:#ff9800;color:#fff}.slide-incident-severity.critical{background:#f44336;color:#fff}.slide-incident-type{flex-grow:1;font-weight:500}.slide-incident-date{color:#8894a7;font-size:13px;text-align:right}.slide-incident-status{font-size:12px;color:#8894a7}.status-open{color:#ffffffe6;background:#ffffff1a}.status-mitigated{color:#ffffffb3;background:#ffffff0d}.slide-assets-container{margin-top:16px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#ffffff05}.slide-assets-table{width:100%;border-spacing:0;display:flex;flex-direction:column}.slide-table-header{display:grid;grid-template-columns:2.5fr 2fr 1.8fr 1.2fr 1fr;padding:16px 20px;background:#00bcd41a;border-bottom:1px solid rgba(0,188,212,.2);position:sticky;top:0;z-index:2;gap:12px}.slide-table-body{max-height:300px;overflow-y:auto;scroll-behavior:smooth}.slide-table-body::-webkit-scrollbar{width:6px}.slide-table-body::-webkit-scrollbar-track{background:#ffffff0d}.slide-table-body::-webkit-scrollbar-thumb{background:#00bcd44d;border-radius:3px}.slide-table-body::-webkit-scrollbar-thumb:hover{background:#00bcd480}.slide-table-col{color:var(--secondry-color);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding-right:8px}.slide-table-row{display:grid;grid-template-columns:2.5fr 2fr 1.8fr 1.2fr 1fr;padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.05);align-items:flex-start;transition:background-color .2s ease;min-height:65px;gap:12px}.slide-table-row:hover{background:#ffffff0d}.slide-table-row:last-child{border-bottom:none}.slide-table-cell{font-size:13px;font-weight:500;word-break:break-word;overflow-wrap:break-word;line-height:1.4;color:#e2e8f0;max-height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.slide-table-cell:first-child{font-family:Monaco,Menlo,Consolas,monospace;color:var(--secondry-color);font-weight:600}.slide-table-cell:nth-child(2){font-family:Monaco,Menlo,Consolas,monospace;color:#94a3b8}.slide-table-cell:nth-child(3){display:flex;align-items:center;gap:8px}.slide-table-cell:nth-child(3):before{content:"";width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:50%;flex-shrink:0}.slide-table-cell:nth-child(3)[data-os*=Windows]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300bcd4' viewBox='0 0 24 24'%3E%3Cpath d='M0 3.449L9.75 2.1v9.451H0V3.449zm10.949-1.4L24 0v11.4H10.949V2.049zM0 12.6h9.75v9.451L0 20.699V12.6zm10.949 0H24V24l-13.051-1.351V12.6z'/%3E%3C/svg%3E")}.slide-table-cell:nth-child(3)[data-os*=Linux]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffa500' viewBox='0 0 24 24'%3E%3Cpath d='M12.504 0c-.155 0-.315.008-.48.021-4.226.333-3.105 4.807-3.17 6.298-.076 1.092-.3 1.953-1.05 3.02-.885 1.051-2.127 2.75-2.716 4.521-.278.832-.41 1.684-.287 2.489a.424.424 0 00-.11.135c-.26.268-.45.6-.663.839-.199.199-.485.267-.797.4-.313.136-.658.269-.864.68-.09.189-.136.394-.132.602 0 .199.027.4.055.536.058.399.116.728.04.97-.249.68-.28 1.145-.106 1.484.174.334.535.47.94.601.81.2 1.91.135 2.774.6.926.466 1.866.67 2.616.47.526-.116.97-.464 1.208-.946.587-.003 1.23-.269 2.26-.334.699-.058 1.574.267 2.577.2.025.134.063.198.114.333l.003.003c.391.778 1.113 1.132 1.884 1.071.771-.06 1.592-.536 2.257-1.306.631-.765 1.683-1.084 2.378-1.503.348-.199.629-.469.649-.853.023-.4-.2-.811-.714-1.376v-.097l-.003-.003c-.17-.2-.25-.535-.338-.926-.085-.401-.182-.786-.492-1.046h-.003c-.059-.054-.123-.067-.188-.135a.357.357 0 00-.19-.064c.431-1.278.264-2.55-.173-3.694-.533-1.41-1.465-2.638-2.175-3.483-.796-1.005-1.576-1.957-1.56-3.368.026-2.152.236-6.133-3.544-6.139zm.529 3.405h.013c.213 0 .396.062.584.198.19.135.33.332.438.533.105.259.158.459.166.724 0-.02.006-.04.006-.06v.105a.086.086 0 01-.004-.021l-.004-.024a1.807 1.807 0 01-.15.706c-.1.351-.221.543-.37.688-.228.255-.434.364-.672.479-.312.15-.744.085-.934-.117-.100-.122-.809-1.499-.809-1.499s.212-.860.355-1.177c.35-.77.671-.936 1.38-.936z'/%3E%3C/svg%3E")}.edr-status.active{color:#4caf50;background:#4caf501a;border-radius:4px;border:1px solid rgba(76,175,80,.2)}.edr-status.active,.edr-status.inactive{font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px;padding:4px 8px;display:inline-block}.edr-status.inactive{color:#f44336;background:#f443361a;border-radius:4px;border:1px solid rgba(244,67,54,.2)}.edr-status.updating{color:#ffc107;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px;padding:4px 8px;background:#ffc1071a;border-radius:4px;border:1px solid rgba(255,193,7,.2);display:inline-block}.slide-no-incidents{color:#8b9dc3;font-style:italic;padding:24px;background:#1e3a5f4d;border-radius:8px;text-align:center;font-size:14px;border:1px dashed rgba(139,157,195,.3)}.slide-table-cell:last-child{font-weight:600;color:#cbd5e1}.search-input{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 12px 8px 36px;color:#fff;font-size:14px;width:200px}.search-input::placeholder{color:#a0aec0}.search-input:focus{outline:2px solid var(--secondry-color);outline-offset:2px;border-color:var(--secondry-color)}.filter-icon{color:#8894a7}.select-container{position:relative;display:inline-block}.custom-select{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 32px 8px 12px;color:#fff;font-size:14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;min-width:120px}.custom-select:focus{outline:none;border-color:var(--secondry-color)}.custom-select option{background:#1e293b;color:#fff;padding:8px}.select-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#8894a7;pointer-events:none}.dropdown-container{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer}.dropdown-text{color:#fff;font-size:14px}.dropdown-icon{color:#8894a7}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px;margin-right:32px}.stat-card{background:#1e293b;border-radius:12px;padding:24px;display:flex;gap:16px;border:1px solid #334155}.stat-icon{width:24px;height:24px;flex-shrink:0}.security-icon{background:var(--secondry-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z' /%3E%3C/svg%3E") no-repeat center}.edr-icon{background:var(--secondry-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z' /%3E%3C/svg%3E") no-repeat center}.incidents-icon{background:#ffc107;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z' /%3E%3C/svg%3E") no-repeat center}.time-icon{background:var(--secondry-color);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E") no-repeat center;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z' /%3E%3C/svg%3E") no-repeat center}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-label{font-size:12px;font-weight:600;color:#a0aec0;letter-spacing:.5px;text-transform:uppercase}.stat-value{font-size:48px;font-weight:700;line-height:1}.stat-value.green{color:#4caf50}.stat-value.yellow{color:#ffc107}.stat-value.white{color:#fff}.stat-value-container{display:flex;align-items:center;gap:12px}.attention-badge{background:#ffc107;color:var(--bg-color);font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.stat-status{font-size:14px;color:#a0aec0;margin-top:-4px;font-weight:500}.stat-description{font-size:12px;color:#a0aec0;line-height:1.4;font-weight:500}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin-right:32px}.chart-card{background:#1e293b;border-radius:12px;padding:24px;border:1px solid #334155}.chart-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.chart-icon{width:20px;height:20px}.chart-title{font-size:12px;font-weight:600;color:#cbd5e1;letter-spacing:.5px;flex:1;text-transform:uppercase}.chart-range{font-size:12px;color:#a0aec0;font-weight:500}.chart-container{position:relative}.chart-legend{display:flex;gap:24px;margin-top:16px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:2px;border-radius:1px}.legend-color.critical{background:#f44336}.legend-color.incidents{background:var(--secondry-color)}.legend-text{font-size:12px;color:#a0aec0;font-weight:500}.threat-chart-container{display:flex;flex-direction:column;align-items:center}.pie-chart-wrapper{width:100%;height:180px}.threat-legend{display:flex;flex-direction:column;gap:12px;margin-top:16px;align-items:flex-start}.threat-legend-item{display:flex;align-items:center;gap:8px}.threat-color{width:12px;height:12px;border-radius:50%}.threat-color.intrusion{background:#f44336}.threat-color.malware{background:var(--secondry-color)}.threat-color.phishing{background:#4caf50}.threat-color.suspicious{background:#ffc107}.threat-text{font-size:12px;color:#a0aec0;font-weight:500}.slide-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#8b9dc3}.spinner{width:40px;height:40px;border:3px solid rgba(45,212,191,.1);border-top-color:#2dd4bf;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.slide-loading p{font-size:14px;margin:0}.slide-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:#ff6b6b}.slide-error p{margin-bottom:16px;font-size:16px}.slide-error button{padding:8px 24px;background:#1e3a5f;border:1px solid #2d5a8e;border-radius:4px;color:#fff;cursor:pointer;font-size:14px}.slide-error button:hover{background:#2d5a8e}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative}.dropdown-trigger:hover{background:#2d374866!important;border-color:#94a3b84d!important}.dropdown-trigger.active{background:#2d374873!important;border-color:#60a5fa66!important;box-shadow:0 4px 20px #0006,0 0 0 2px #60a5fa33,0 0 15px #60a5fa1a!important}.dropdown-value{color:#e2e8f0;font-size:16px;font-weight:400;pointer-events:none}.dropdown-arrow{transition:transform .3s ease;color:#94a3b8b3;pointer-events:none}.dropdown-arrow.rotate{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;z-index:50;backdrop-filter:blur(20px);background:#2d3748e6;border:1px solid rgba(148,163,184,.2);border-radius:8px;box-shadow:0 8px 32px #0006,0 4px 12px #0000004d;margin-top:4px;overflow:hidden;animation:dropdownSlide .2s ease-out}.dropdown-option{padding:12px 16px;cursor:pointer;color:#e2e8f0;font-size:16px;font-weight:400;transition:all .2s ease;border-bottom:1px solid rgba(148,163,184,.1)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#60a5fa26;color:#f1f5f9}.dropdown-option.selected{background:#60a5fa33;color:#dbeafe;font-weight:500}.dropdown-option.selected:hover{background:#60a5fa40}.glass-input-container .custom-dropdown+label{color:#94a3b8b3;font-size:16px;left:16px;pointer-events:none;position:absolute;top:12px;transition:all .3s ease;z-index:1}.glass-input-container .custom-dropdown+label.active{top:-8px!important;left:12px;font-size:12px;color:#93c5fd;background:#1e2a3ae6;padding:0 4px;border-radius:2px}.custom-dropdown label{color:#94a3b8b3;font-size:16px;left:16px;pointer-events:none;position:absolute;top:12px;transition:all .3s ease;z-index:1}.custom-dropdown label.active,.glass-input-container .custom-dropdown~label.active{top:-8px!important;left:12px;font-size:12px;color:#93c5fd;background:#1e2a3ae6;padding:0 4px;border-radius:2px}.custom-dropdown label[for=role]:after,.glass-input-container label[for=confirmPassword]:after,.glass-input-container label[for=email]:after,.glass-input-container label[for=password]:after,.glass-input-container label[for=username]:after{content:" *";color:#fca5a5}.table-card,.vessel-container,.users_table,.info-card,.profile-card,.dark-page,.ports-container,.role-container{margin:24px auto;padding:24px;border-radius:16px;background:#cacaca0e;border:1px solid var(--border-color);min-width:0}@media(max-width:900px){.table-card,.vessel-container,.users_table,.info-card,.profile-card,.dark-page,.ports-container,.role-container{padding:18px;margin:16px auto}}@media(max-width:640px){.table-card,.vessel-container,.users_table,.info-card,.profile-card,.dark-page,.ports-container,.role-container{padding:12px;margin:10px auto;border-radius:12px}.table-header{flex-wrap:wrap;gap:10px}}.table-header{margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;padding-right:190px}@media(max-width:900px){.table-header{padding-right:190px}}@media(max-width:640px){.table-header{padding-right:12px}}.table-header h3{margin:0}.table-responsive{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 280px)}.dark-table{width:100%;border-collapse:collapse;color:#e4eaf1;font-size:14px}table td,table th{padding:12px 14px;text-align:left;font-size:14px;border-bottom:1px solid #89898930}table td{color:var(--text-color)}table th{color:#fff;border:0}.dark-table th{font-weight:600;text-transform:uppercase;font-size:12px;position:sticky;top:0;z-index:2;background:var(--main-color)}body.light .dark-table th{background:var(--main-color);color:#fff}.dark-table tbody tr:hover{background:#ffffff0a}.cell-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.cell-truncate--dots{text-overflow:clip}.dark-table td.freeze-td{position:sticky;z-index:2;background-color:#0a0c14!important;background-clip:padding-box}.dark-table th.freeze-th{z-index:4;background-clip:padding-box}.dark-table tbody tr:hover td.freeze-td{background-color:#171a24!important}.dark-table td.freeze-td.freeze-edge,.dark-table th.freeze-th.freeze-edge{box-shadow:2px 0 4px -2px #0000008c}body.light .dark-table td.freeze-td{background-color:#fff!important}body.light .dark-table tbody tr:hover td.freeze-td{background-color:#ecefff!important}body.light .dark-table td.freeze-td.freeze-edge,body.light .dark-table th.freeze-th.freeze-edge{box-shadow:2px 0 4px -2px #00000026}.status{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status.active{background:var(--green-color);color:#fff}.status.inactive{background:var(--danger-color);color:#fff}.icon-btn:hover{color:#4fd1c5}.icon-btn.danger:hover{color:#ff6363}.icon-btn-danger{color:#f87171}.icon-btn-danger:hover{color:#ff6363;opacity:1!important}.icon-btn-success{color:#4ade80}.icon-btn-success:hover{color:#22c55e;opacity:1!important}.no-data{text-align:center;padding:20px;color:var(--text-color)}.primary-btn.small{padding:8px 14px;font-size:13px}.filter-bar,.filter-section{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filter-bar input,.filter-bar select,.filter-bar .searchable-select-input,.filter-section input,.filter-section select,.filter-section .searchable-select-input{height:42px;min-width:160px;padding:0 12px;border-radius:6px;border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-color);font-size:14px;line-height:1.2}.filter-bar select,.filter-section select{cursor:pointer;padding-right:34px}.filter-bar input::placeholder,.filter-section input::placeholder{color:#7f93ad}body.light .filter-bar input::placeholder,body.light .filter-section input::placeholder{color:#6b7280}.filter-bar input:focus,.filter-bar select:focus,.filter-bar .searchable-select-input:focus,.filter-section input:focus,.filter-section select:focus,.filter-section .searchable-select-input:focus{border-color:var(--secondry-color);box-shadow:0 0 0 2px #1ff5e526}.stock-filter-rows{margin-bottom:16px}.stock-filter-rows .filter-bar{margin-bottom:10px;align-items:flex-start}.stock-filter-rows .filter-bar input,.stock-filter-rows .filter-bar select,.stock-filter-rows .filter-bar .filter-field,.stock-filter-rows .date-filter-wrapper{flex:1;min-width:0}.stock-filter-rows .filter-keyword{min-width:0}.filter-field{display:flex;flex-direction:column;gap:4px}.stock-filter-rows .filter-bar .filter-field input{flex:none;width:100%}.filter-hint{font-size:12px;color:var(--text-color);opacity:.7;line-height:1.3}.stock-filter-rows .filter-bar .search-btn,.stock-filter-rows .filter-bar .reset-btn{height:42px}.filter-bar input.filter-active,.filter-bar .searchable-select.filter-active .searchable-select-input{border-color:var(--main-ligth, #b6c5ff);background-color:#ffffff0f}body.light .filter-bar input.filter-active,body.light .filter-bar .searchable-select.filter-active .searchable-select-input{border-color:var(--main-color);background-color:#1a3fd80f}.searchable-select-input,.searchable-select-menu,.searchable-select-option{text-align:left;color:var(--text-color)}.searchable-select-option,.searchable-select-option *{color:inherit}.searchable-select-option.multi{display:flex;align-items:flex-start;justify-content:flex-start;gap:8px;cursor:pointer;text-align:left}.searchable-select-option.multi input[type=checkbox]{flex:0 0 14px;width:14px;min-width:14px;height:14px;margin:2px 0 0;padding:0;pointer-events:none;appearance:none;-webkit-appearance:none;box-sizing:border-box;border-radius:3px;background:transparent;position:relative;border:1px solid #8a97b8}.searchable-select-option.multi input[type=checkbox]:checked{background:#fff;border-color:var(--main-color)}.searchable-select-option.multi input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid var(--main-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.date-filter-wrapper{position:relative;display:inline-flex;align-items:center}.date-filter-icon{position:absolute;left:10px;color:#9fb0c7;pointer-events:none;z-index:1}.date-filter-wrapper input[type=date]{height:42px;width:100%;min-width:0;padding:0 12px 0 32px;border-radius:6px;background-color:var(--bg-input);color:var(--text-color);font-size:14px}.filter-bar input[type=date]{min-width:160px;color:var(--text-color)}select option{background-color:var(--bg-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:15px}.pagination button.active{background:#4caf50;border-color:#4caf50;color:#fff;font-weight:600}.pagination button:disabled{opacity:.45;cursor:not-allowed}.add-btn:hover{background:#43a047}.customer-link{color:var(--secondry-color);cursor:pointer;text-decoration:underline}.customer-link:hover{color:var(--text-color)}.modal-container{width:75%;background:var(--bg-color);border-radius:14px;overflow:hidden;border:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:18px;font-weight:600}.close-btn,.close-btn:hover{color:#fff}.modal-tabs{display:flex;border-bottom:1px solid rgb(205 202 202/65%)}.modal-tabs .tab{padding:12px 22px;border:none;background:transparent;cursor:pointer;font-weight:600;transition:all .2s ease;color:var(--text-color)}.modal-tabs .tab:hover,.modal-tabs .tab.active{background:var(--bg-color);color:var(--text-color);box-shadow:inset 0 -2px 0 var(--secondry-color)}.modal-body{padding:22px;overflow-y:auto;color:var(--text-color);background-color:var(--bg-color)}.modal.modal-container.md{width:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0b1022}.modal-body::-webkit-scrollbar-thumb{background:#2c4a6e;border-radius:6px}.details-table{width:100%;border-collapse:separate;border-spacing:0}.details-table th{width:30%;background:var(--bg-color);color:var(--text-color);text-align:left;padding:12px 14px;font-size:14px;font-weight:600;border-bottom:1px solid var(--border-color)}.details-table td{background:var(--bg-color);color:var(--text-color);padding:12px 14px;font-size:14px;border-bottom:1px solid hsla(0,0%,100%,.05)}.audit-container{display:flex;flex-direction:column;gap:0;background:transparent}form.customer-form{margin-top:23px}.audit-item{padding:16px 18px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border-bottom:1px solid rgb(205 202 202/65%);transition:background .2s ease}.audit-item:hover{background:#ffffff0d}.audit-action{font-size:14px;font-weight:600;color:var(--text-color);margin-bottom:6px}.audit-meta{font-size:13px;color:var(--text-color)}.audit-time{font-size:12px;color:var(--text-color);margin-top:2px}.audit-container::-webkit-scrollbar{width:8px}.audit-container::-webkit-scrollbar-track{background:#0b1022}.audit-container::-webkit-scrollbar-thumb{background:#2c4a6e;border-radius:6px}.customer-name{margin-top:10px;font-weight:600;color:#60a5fa}.active-text{color:#22c55e;font-weight:600}.inactive-text{color:#ef4444;font-weight:600}.status-modal-footer{padding:16px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--border-color);background-color:var(--topbar-bg)}.btn-cancel{background:#4b5563}.btn-active,.btn-cancel{padding:8px 18px;border:none;border-radius:6px;color:#fff;cursor:pointer}.btn-active{background:#16a34a}.btn-inactive{padding:8px 18px;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer}.btn-active:hover{background:#22c55e}.btn-inactive:hover{background:#ef4444}.delete-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background:#fff;width:480px;border-radius:10px;padding:40px 30px;text-align:center;box-shadow:0 20px 40px #00000040}.delete-icon{width:80px;height:80px;border-radius:50%;border:4px solid #f3b27b;color:#f3b27b;font-size:42px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.delete-modal h2{font-size:22px;color:#444;margin-bottom:30px}.delete-modal-actions{display:flex;justify-content:center;gap:15px}.confirm-btn{background:#c0392b;color:#fff;padding:10px 22px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.confirm-btn:hover{background:#a93226}.cancel-btn{background:#6c757d;color:#fff;padding:10px 22px;border-radius:6px;border:none;cursor:pointer}.cancel-btn:hover{background:#5a6268}.page-title{margin-bottom:24px;font-size:26px;font-weight:600;color:var(--secondry-color)}.form-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}@media(max-width:1200px){.form-row{grid-template-columns:repeat(3,minmax(0,1fr))}.form-group.full-width{grid-column:span 3}}@media(max-width:900px){.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-group.full-width{grid-column:span 2}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.form-group{display:flex;flex-direction:column;min-width:0}.form-group input,.form-group select,.form-group textarea{width:100%;min-width:0;max-width:100%}.form-group.full-width{grid-column:span 2}label{font-size:13px;color:var(--text-color);margin-bottom:6px}label span{color:#ff4d4f}input,select,textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;color:var(--text-color);outline:none;transition:border .2s,box-shadow .2s;box-sizing:border-box;font:inherit}input[type=checkbox],input[type=radio]{background:transparent;border:0;border-radius:0;padding:0;width:16px;height:16px;accent-color:var(--main-color);cursor:pointer;vertical-align:middle;flex-shrink:0}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:36px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239fb0c7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 12px;cursor:pointer}select::-ms-expand{display:none}input::placeholder,textarea::placeholder{color:var(--text-color)}input:focus,select:focus,textarea:focus{border-color:var(--secondry-color);box-shadow:0 0 0 2px #1ff5e526}textarea{resize:none}.phone-input{display:flex}.country-code{background:#14253a;border:1px solid #2b3f5c;border-right:none;padding:12px 14px;border-radius:10px 0 0 10px;color:#9fb0c7}.phone-input input{border-radius:0 10px 10px 0}.form-row-remarks-payment{display:flex;gap:20px;align-items:stretch;margin-bottom:20px}.form-row-remarks-payment .form-group{display:flex;flex-direction:column;flex:3}.form-row-remarks-payment .form-group textarea{flex:1}.field-label-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:6px}.field-label-row label:first-child{margin-bottom:0}.billing-same-as{display:inline-flex;align-items:center;font-size:12px;font-weight:400;margin:0;color:#9fb0c7;white-space:nowrap}.payment-terms,.vendor-contract{border:1px solid #2b3f5c;border-radius:14px;padding:18px}.payment-terms{flex:2}.vendor-contract,.form-row-remarks-payment .form-group{flex:3}.payment-terms h4,.vendor-contract h4{color:var(--secondry-color);margin-bottom:14px;font-size:15px}.file-input{display:block;width:100%;padding:8px 10px;background:#0e1928;border:1px dashed #2b3f5c;border-radius:8px;color:#9fb0c7;font-size:13px;cursor:pointer}.file-input:hover{border-color:var(--secondry-color)}.file-help-text{font-size:12px;color:#9fb0c7;margin-top:6px}.selected-file-text{font-size:12px;color:#60a5fa;margin-top:6px}.existing-doc-row{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;margin-bottom:10px;flex-wrap:wrap}.existing-doc-row .doc-name{flex:1;font-size:13px;color:#c8daf0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.btn-doc{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:opacity .2s}.btn-doc:hover{opacity:.8}.btn-doc.btn-download{background:#1a56db;color:#fff}.btn-doc.btn-delete-doc{background:#dc2626;color:#fff}.payment-row{display:flex;gap:16px;margin-top:12px}.input-suffix{display:flex}.input-suffix span{background:var(--bg-color);border:1px solid var(--border-color);border-left:none;padding:12px 14px;border-radius:0 10px 10px 0;color:var(--text-color)}.input-suffix input{border-radius:10px 0 0 10px}small{font-size:11px;color:#7f93ad;margin-top:4px}.intl-phone-wrapper{min-width:0;width:100%}.intl-phone-wrapper .iti{width:100%;min-width:0}.intl-phone-wrapper input{width:100%;min-width:0;height:42px;color:#fff;border:1px solid #444;border-radius:6px;padding-left:76px!important}.intl-phone-wrapper .iti__selected-flag{padding:0 6px}.intl-phone-wrapper .iti__flag{transform:scale(.8);transform-origin:left center}.intl-phone-wrapper .iti__selected-dial-code{font-size:11px;margin-left:3px}.iti__selected-flag{background:#2a2a2a;border-right:1px solid #444}.iti__country-list{background:#1a2a3f;color:#fff;border:1px solid #444;z-index:9999}.iti__country:hover{background:#333}body .tagify{border:1px solid var(--border-color);border-radius:8px;min-height:42px}.tagify__tag{background:var();color:var(--text-color)}.tagify__input{color:#fff!important}.tagify__dropdown{border:1px solid #444}.tagify__input:before{color:#fff!important;opacity:.7}.tagify--focus .tagify__input:before{color:#fff!important}input.error,select.error,textarea.error{border:1.5px solid #ff4d4f!important;background-color:#ff4d4f0d}input.error:focus,select.error:focus,textarea.error:focus{outline:none;box-shadow:0 0 0 2px #ff4d4f33}.input-error{border:1px solid #ff4d4f!important;background-color:#ff4d4f14}.has-error input,.has-error .iti__tel-input{border:1px solid #ff4d4f!important}.toast-container{position:fixed;top:20px;right:20px;z-index:999999;pointer-events:none;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast-base{backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 12px 32px #0006,0 4px 12px #0000004d,inset 0 1px #ffffff1a;color:#fff;min-height:60px;pointer-events:auto;position:relative;transform:translate(100%);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform,opacity;opacity:0;scale:.9}.toast-visible{transform:translate(0);opacity:1;scale:1}.toast-exiting{transform:translate(100%);opacity:0;scale:.9}.toast-error{background:#ef4444f2;border:1px solid rgba(239,68,68,.7);border-left:4px solid #ef4444}.toast-error:hover{background:#ef4444fa;border:1px solid rgba(239,68,68,.8);box-shadow:0 16px 40px #00000080,0 4px 16px #ef44444d,inset 0 1px #ffffff26}.toast-success{background:#22c55ef2;border:1px solid rgba(34,197,94,.7);border-left:4px solid #22c55e}.toast-success:hover{background:#22c55efa;border:1px solid rgba(34,197,94,.8);box-shadow:0 16px 40px #00000080,0 4px 16px #22c55e4d,inset 0 1px #ffffff26}.toast-warning{background:#f59e0bf2;border:1px solid rgba(245,158,11,.7);border-left:4px solid #f59e0b}.toast-warning:hover{background:#f59e0bfa;border:1px solid rgba(245,158,11,.8);box-shadow:0 16px 40px #00000080,0 4px 16px #f59e0b4d,inset 0 1px #ffffff26}.toast-info{background:#3b82f6f2;border:1px solid rgba(59,130,246,.7);border-left:4px solid #3b82f6}.toast-info:hover{background:#3b82f6fa;border:1px solid rgba(59,130,246,.8);box-shadow:0 16px 40px #00000080,0 4px 16px #3b82f64d,inset 0 1px #ffffff26}.toast-content{padding:16px}.toast-content-wrapper{display:flex;align-items:flex-start;justify-content:space-between}.toast-icon-wrapper{display:flex;align-items:flex-start}.toast-icon{flex-shrink:0;width:20px;height:20px;color:#fff}.toast-message-wrapper{margin-left:32px}.toast-message{color:#fff;font-size:14px;font-weight:500;line-height:1.4;margin:0}.toast-close-wrapper{margin-left:16px;flex-shrink:0}.toast-close-button{background:none;border:none;color:#ffffffb3;cursor:pointer;display:inline-flex;padding:0;transition:color .2s ease}.toast-close-button:hover{color:#fff}.toast-close-button:focus{outline:none;color:#fff}.toast-close-icon{width:20px;height:20px}.toast-progress-wrapper{margin-top:12px;width:100%;background:#fff3;border-radius:2px;height:3px;overflow:hidden}.toast-progress-bar{background:#fff;height:100%;border-radius:2px;width:100%;animation:toast-progress linear forwards}.toast-debug-indicator{position:absolute;top:-10px;right:0;width:10px;height:10px;background:#0f0;border-radius:50%;z-index:999999}.toast-base:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.toast-slide-in{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1) forwards}.toast-slide-out{animation:slideOutToRight .3s cubic-bezier(.4,0,.2,1) forwards}.events-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(255,255,255,.1)}.warning-icon{font-size:24px;animation:pulse 2s infinite}.events-table-header h2{color:#fff;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0}.event-count{color:#fff9;font-size:14px;font-weight:400}.customize-columns-btn{background:#2dd4bf26;color:#2dd4bf;border:1px solid rgba(45,212,191,.3);padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.customize-columns-btn:hover{background:#2dd4bf40;border-color:#2dd4bf80;transform:translateY(-2px);box-shadow:0 4px 12px #2dd4bf33}.column-customization-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;margin-bottom:20px;max-height:500px;overflow-y:auto}.customization-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.customization-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.column-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.column-group{background:#ffffff05;border-radius:6px;padding:16px}.category-label{color:#fffc;font-size:14px;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.column-checkboxes{display:flex;flex-direction:column;gap:8px}.column-checkbox{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:14px;cursor:pointer;padding:6px 8px;border-radius:4px;transition:background .2s}.column-checkbox:hover{background:#ffffff0d}.column-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.column-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.column-checkbox .required{color:#2dd4bfe6;font-weight:500}.table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.events-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.severity-high{background:#ef444426;color:#ef4444;border-color:#ef44444d}.severity-medium{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.severity-low{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.severity-critical{background:#dc262626;color:#dc2626;border-color:#dc26264d}.severity-unknown{background:#94a3b826;color:#94a3b8;border-color:#94a3b84d}.status-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;text-transform:capitalize}.status-closed{color:#22c55ee6;background:#22c55e1a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#fff9}.loading-state p{font-size:14px;margin:0}.error-state{padding:40px 20px;text-align:center}.error-message{color:#ef4444;font-size:14px;margin:0}.empty-state{padding:60px 20px;text-align:center;color:#fff9}.empty-state p{margin:8px 0;font-size:14px}.empty-hint{font-size:13px;color:#fff6}.empty-row{background:transparent!important}.empty-state-inline{padding:60px 20px;text-align:center;color:#fff9}.empty-state-inline p{margin:8px 0;font-size:14px}.empty-state-inline .empty-hint{font-size:13px;color:#fff6}.table-wrapper::-webkit-scrollbar,.column-customization-panel::-webkit-scrollbar{height:8px;width:8px}.table-wrapper::-webkit-scrollbar-track,.column-customization-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb,.column-customization-panel::-webkit-scrollbar-thumb{background:#2dd4bf4d;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover,.column-customization-panel::-webkit-scrollbar-thumb:hover{background:#2dd4bf80}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes glassPulse{0%,to{background:#00d4ff14;border-color:#00d4ff33}50%{background:#00d4ff26;border-color:#00d4ff4d}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0;scale:.9}to{transform:translate(0);opacity:1;scale:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1;scale:1}to{transform:translate(100%);opacity:0;scale:.9}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.mobile-overlay{display:block}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1000;transform:translate(-100%);width:280px}.sidebar.mobile-open{transform:translate(0)}.main-content{width:100%;margin-left:0;padding-top:60px}.main-content.expanded{margin-left:0}}@media(max-width:480px){.code-input-container{gap:.5rem}.code-input{width:2.5rem;height:3rem;font-size:1.25rem}}@media screen and (max-width:480px){.login-container{padding:1rem;min-height:100vh}.login-box-enhanced{max-width:none;width:100%;margin:0;padding:24px 20px;border-radius:12px}.login-title{font-size:1.5rem;margin-bottom:1.5rem}.glass-input-container{margin-bottom:14px}.glass-input{padding:12px 14px;font-size:16px}.glass-input-container label{left:14px;font-size:14px}.glass-input-container .custom-dropdown+label.active,.glass-input:focus+label,.glass-input:not(:placeholder-shown)+label{left:10px;font-size:11px;top:-6px}.login-button-glass{padding:14px 24px;font-size:14px;width:100%}.custom-dropdown .dropdown-trigger{padding:12px 14px}.dropdown-value{font-size:16px}.dropdown-options{font-size:14px}.dropdown-option{padding:12px 14px}}@media screen and (min-width:481px)and (max-width:768px){.login-container{padding:1.5rem}.login-box-enhanced{max-width:420px;padding:32px 28px}.login-title{font-size:1.75rem}}@media screen and (min-width:769px)and (max-width:1024px){.login-container{padding:2rem}.login-box-enhanced{max-width:450px;padding:36px 30px}.login-title{font-size:1.875rem}}@media screen and (min-width:1025px){.login-box-enhanced{max-width:400px;padding:40px 32px;transition:all .3s ease}}@media screen and (max-height:600px)and (orientation:landscape){.login-container{padding:1rem;justify-content:flex-start}.login-box-enhanced{padding:20px}.login-title{font-size:1.25rem;margin-bottom:1rem}.glass-input-container{margin-bottom:12px}.glass-input{padding:10px 14px}}@media(hover:none)and (pointer:coarse){.login-button-glass:hover{transform:none;background:#3b82f633}.glass-input{font-size:16px}.login-button-glass{min-height:44px;padding:14px 24px}.dropdown-trigger{min-height:44px}.dropdown-option{padding:12px 16px;min-height:44px}}@media(prefers-reduced-motion:reduce){.dropdown-options,.dropdown-trigger,.glass-input,.login-box-enhanced,.login-button-glass{transition:none;animation:none}.dropdown-arrow{transition:none}}@media(max-width:768px){.blank-page-title{font-size:36px}.blank-page-description{font-size:16px}.blank-page-features{grid-template-columns:1fr;gap:16px}.feature-item{padding:20px}}@media(max-width:768px){.heatmap-header{flex-direction:column;gap:16px;align-items:flex-start}.fleet-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.vessel-card{padding:12px}}body.light input,body.light select,body.light textarea{background:#fff;color:#1e2333;border-color:#c8cfe0}body.light input::placeholder,body.light textarea::placeholder{color:#9aa3b8}body.light input:focus,body.light select:focus,body.light textarea:focus{border-color:var(--main-color);box-shadow:0 0 0 3px #1a3fd81a}body.light select option{background:#fff;color:#1e2333}body.light .filter-bar input,body.light .filter-bar select,body.light .date-filter-wrapper input[type=date]{background:#fff;border:1px solid #c8cfe0;color:#1e2333}body.light .filter-bar input:focus,body.light .filter-bar select:focus{border-color:var(--main-color);box-shadow:0 0 0 3px #1a3fd81a}body.light .date-filter-icon{color:#6b7280}body.light .intl-phone-wrapper input{color:#1e2333;border:1px solid #c8cfe0;background:#fff}body.light .iti__selected-flag{background:#f4f6fc;border-right:1px solid #c8cfe0}body.light .intl-phone-wrapper .iti__selected-flag{background:#f4f6fc}body.light .iti__country-list{background:#fff;color:#1e2333;border:1px solid #c8cfe0;box-shadow:0 8px 24px #0000001f}body.light .iti__country:hover{background:#eef1f8}body.light .tagify__input{color:#1e2333!important}body.light .tagify__input:before{color:#9aa3b8!important;opacity:1}body.light .tagify--focus .tagify__input:before{color:#9aa3b8!important}body.light .tagify__dropdown{background:#fff;border:1px solid #c8cfe0;box-shadow:0 8px 24px #0000001f}body.light .sidebar{background:#fff;border-right:1px solid #dde3ef;box-shadow:2px 0 12px #1a3fd80f}body.light .sidebar-header{border-bottom:1px solid #dde3ef}body.light .sidebar-footer{background:#fff;border-top:1px solid #dde3ef}body.light .nav-item{color:#374151}body.light .nav-item:hover,body.light .nav-item.active{background:#eef2ff!important;border-color:#1a3fd833!important;color:#1a3fd8}body.light .nav-item:hover svg,body.light .nav-item.active svg{color:#1a3fd8}body.light .submenu{border-left-color:#1a3fd826}body.light .submenu-level-3{border-left-color:#1a3fd82e}body.light .toggle-btn{background:#eef2ff;border:1px solid #c8cfe0;color:#374151}body.light .toggle-btn svg{color:#1a3fd8!important}body.light .toggle-btn:hover{background:#dde4f8;border-color:#1a3fd8}body.light .topbar{background:#fff;border-bottom:1px solid #dde3ef;box-shadow:0 1px 6px #1a3fd80f}body.light .user-name{color:#1e2333}body.light .user-role{color:#6b7280}body.light .user-info-section{background:#1a3fd80d;border-color:#1a3fd81f}body.light .user-info-section:hover{background:#1a3fd814;border-color:#1a3fd833}body.light .dashboard-container,body.light .dashboard-title{color:var(--text-color)}body.light .dashboard-subtitle{color:#4b5563}body.light .stat-card{background:#fff;border-color:#dde3ef;box-shadow:0 2px 12px #1a3fd812}body.light .stat-label{color:#6b7280}body.light .stat-value.white{color:#1e2333}body.light .stat-status,body.light .stat-description{color:#6b7280}body.light .chart-card{background:#fff;border-color:#dde3ef;box-shadow:0 2px 12px #1a3fd812}body.light .chart-title,body.light .chart-range{color:#374151}body.light .legend-text,body.light .threat-text{color:#6b7280}body.light .heatmap-tabs,body.light .segment-tabs{background:#eef1f8;border:1px solid #c8cfe0}body.light .tab-button{color:#374151}body.light .tab-button.active{background:#dde4f8;color:#1a3fd8}body.light .tab-button:hover:not(.active){background:#1a3fd80f;color:#1a3fd8}body.light .heatmap-text{color:#374151}body.light .vessel-card{background:#fff;border-color:#dde3ef;box-shadow:0 1px 6px #1a3fd80f}body.light .vessel-id{color:#1e2333}body.light .vessel-type,body.light .risk-value{color:#6b7280}body.light .map-placeholder{background:#eef1f8;border-color:#c8cfe0}body.light .events-table-container{background:#fff;border:1px solid #dde3ef;box-shadow:0 2px 16px #0000000f}body.light .events-table-header{border-bottom-color:#dde3ef}body.light .events-table-header h2,body.light .events-title{color:#1e2333}body.light .event-count{color:#6b7280}body.light .events-table th{color:#374151;border-bottom-color:#dde3ef}body.light .events-table tbody tr,body.light .events-table th{border-bottom-color:#eef1f8}body.light .events-table tbody tr:hover{background:#f4f7fc}body.light .events-table td,body.light .vessel-cell,body.light .severity-cell,body.light .type-cell,body.light .status-cell{color:#1e2333}body.light .assignee-cell,body.light .category-cell,body.light .duration-cell,body.light .location-cell,body.light .resolution-cell,body.light .source-cell{color:#4b5563}body.light .detected-cell,body.light .slide-incident-date,body.light .slide-incident-status{color:#6b7280}body.light .status-text.mitigated,body.light .status-text.open{color:#374151}body.light .table-card,body.light .vessel-container,body.light .users_table,body.light .info-card,body.light .profile-card,body.light .dark-page,body.light .ports-container,body.light .role-container{background:#fff;box-shadow:0 2px 16px #1a3fd812}body.light table td{color:#1e2333}body.light .dark-table tbody tr:hover{background:#1a3fd80a}body.light .icon-btn{color:#6b7280}body.light .icon-btn-danger{color:#dc2626}body.light .icon-btn-danger:hover{color:#b91c1c;opacity:1!important}body.light .icon-btn-success{color:#16a34a}body.light .icon-btn-success:hover{color:#15803d;opacity:1!important}body.light .pagination button{background:#fff;border:1px solid #dee2e6;color:#495057;border-radius:8px;min-width:38px;height:38px}body.light .pagination button:hover{background:#f1f3f5;border-color:#ced4da}body.light .pagination button.active{background:#4caf50;border-color:#4caf50;color:#fff;font-weight:600}body.light .pagination button:disabled{opacity:.45;cursor:not-allowed}body.light .column-selector-content{background:#fff;border-color:#dde3ef;box-shadow:0 8px 24px #0000001a}body.light .column-selector-header{border-bottom-color:#dde3ef}body.light .column-selector-header span{color:#1e2333}body.light .column-option label{color:#374151}body.light .column-option.required label,body.light .close-selector-btn{color:#6b7280}body.light .close-selector-btn:hover{color:#1e2333}body.light .search-input{background:#fff;border:1px solid #c8cfe0;color:#1e2333}body.light .search-input::placeholder{color:#9aa3b8}body.light .custom-select{background:#fff;border:1px solid #c8cfe0;color:#1e2333}body.light .custom-select option{background:#fff;color:#1e2333}body.light .dropdown-container{background:#fff;border-color:#c8cfe0}body.light .dropdown-text{color:#1e2333}body.light .filter-icon,body.light .select-icon,body.light .dropdown-icon{color:#6b7280}body.light .payment-terms,body.light .vendor-contract{border-color:#c8cfe0;background:#f8fafd}body.light .file-input{background:#f4f6fc;border-color:#c8cfe0;color:#374151}body.light .billing-same-as{color:#6b7280}body.light .slide-table-cell{color:#1e2333}body.light .slide-table-row{border-bottom-color:#eef1f8}body.light .slide-table-row:hover{background:#f4f7fc}body.light .slide-table-header{background:#1a3fd80f;border-bottom-color:#1a3fd81f}body.light .slide-assets-container{background:#f8fafd}body.light .slide-no-incidents{background:#1a3fd80a;color:#6b7280;border:1px dashed #c8cfe0}body.light .status-open{color:#1e2333;background:#1a3fd80f}body.light .status-mitigated{color:#6b7280;background:#1a3fd808}body.light .column-customization-panel{background:#f8fafd;border-color:#dde3ef}body.light .customization-header{border-bottom-color:#dde3ef}body.light .customization-header h3{color:#1e2333}body.light .category-label{color:#374151}body.light .column-checkbox{color:#4b5563}body.light .column-checkbox:hover{background:#eef1f8}body.light .loading-state,body.light .empty-state,body.light .empty-state-inline{color:#6b7280}body.light .empty-hint{color:#9aa3b8}body.light .modal-body::-webkit-scrollbar-track,body.light .audit-container::-webkit-scrollbar-track,body.light .table-wrapper::-webkit-scrollbar-track,body.light .column-customization-panel::-webkit-scrollbar-track{background:#f4f6fc}body.light .modal-body::-webkit-scrollbar-thumb,body.light .audit-container::-webkit-scrollbar-thumb,body.light .table-wrapper::-webkit-scrollbar-thumb,body.light .column-customization-panel::-webkit-scrollbar-thumb{background:#c8cfe0}body.light .modal-body::-webkit-scrollbar-thumb:hover,body.light .table-wrapper::-webkit-scrollbar-thumb:hover,body.light .column-customization-panel::-webkit-scrollbar-thumb:hover{background:#a3afc4}body.light .details-table td{border-bottom-color:#eef1f8}body.light .audit-item{background:#fafbff;border-bottom-color:#eef1f8}body.light .audit-item:hover{background:#f4f7fc}body.light .status-modal-footer{background:#f4f6fc;border-top-color:#dde3ef}@media(max-width:768px){.events-table-container{overflow-x:auto}.events-table{min-width:1000px}.events-table td,.events-table th{padding:12px 16px;white-space:nowrap}.events-table th{font-size:11px}.events-table td{font-size:13px}.column-selector-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:320px}.events-header{flex-direction:column;align-items:flex-start;gap:16px}.events-controls{width:100%;justify-content:flex-end}}@media(max-width:768px){.slide-panel{width:100%}.slide-stats,.slide-table-header,.slide-table-row{grid-template-columns:1fr}.slide-table-cell,.slide-table-col{padding:8px 16px}}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-container{padding:16px}.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.header-controls{width:100%;flex-wrap:wrap}.stats-grid{grid-template-columns:1fr}.search-input{width:150px}}@media screen and (max-width:480px){.glass-input-container .custom-dropdown+label{left:14px;font-size:14px}.glass-input-container .custom-dropdown+label.active{left:10px!important;font-size:11px;top:-6px!important}.dropdown-trigger{padding:12px 14px;font-size:16px}.dropdown-value{font-size:16px}.dropdown-arrow{flex-shrink:0}.dropdown-options{font-size:14px;margin-top:2px}.dropdown-option{padding:12px 14px;font-size:16px;min-height:44px}.dropdown-option:not(:last-child){border-bottom:1px solid rgba(148,163,184,.15)}}@media screen and (min-width:481px)and (max-width:768px){.dropdown-option,.dropdown-trigger{padding:12px 16px}}@media(hover:none)and (pointer:coarse){.dropdown-trigger{min-height:44px}.dropdown-option{min-height:44px;font-size:16px}.dropdown-trigger:hover{background:#2d374866!important;transform:none}.dropdown-option:hover{background:#60a5fa26}}@media screen and (max-height:600px)and (orientation:landscape){.dropdown-trigger{padding:8px 14px}.dropdown-option{padding:8px 14px;min-height:36px}.glass-input-container .custom-dropdown+label.active{top:-4px!important;font-size:11px}}@media(max-width:1024px){.modal-container{width:92%}}@media(max-width:640px){.toast-container{top:10px;right:10px;left:10px;max-width:none}.toast-base{min-height:50px}.toast-content{padding:12px}.toast-message{font-size:13px}.toast-message-wrapper{margin-left:28px}}@media(max-width:768px){.events-table-container{padding:16px}.events-table-header{flex-direction:column;align-items:flex-start;gap:12px}.column-groups{grid-template-columns:1fr}.events-table th,.events-table td{padding:12px 8px;font-size:12px}}body .css-13cymwt-control{color:var(--text-color);background-color:var(--bg-input);-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:default;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;border-radius:8px;border:1px solid var(--border-color)!important;box-sizing:border-box}body .css-1jqq78o-placeholder{color:var(--text-color);font-size:14px}body .react-select__menu{background-color:var(--bg-color)!important}body .react-select__option:hover,body .react-select__option:focus{background:var(--hover-bg);color:var(--text-color)}body option:hover{background:var(--hover-bg);color:var(--text-color)}.action_btn{display:flex;grid-gap:5px}.form-actions{display:flex;align-items:center!important;justify-content:end;align-items:flex-start;margin-top:20px;grid-gap:10px}.form-actions label.checkbox{margin:0}.activate-customer{display:flex;flex-direction:column;gap:4px}.form-actions .activate-customer{margin-right:10px}.deactivate-warning{color:#d32f2f;font-size:13px}.action-buttons{display:flex;gap:10px}.vessel-container{padding:26px;margin-top:30px}.vessel-container .top-bar button.btn-default{display:flex;align-items:center;grid-gap:5px}.top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.top-bar h2{margin:0}.button_group_flex{display:flex;gap:8px}button.clear-btn{width:33px;border-radius:7px;border:0}.vessel-table{width:100%;border-collapse:collapse}.vessel-table th{font-size:12px;font-weight:600;text-transform:uppercase;background:var(--main-color);color:#fff}svg.lucide.lucide-calendar.date-icon{position:absolute;right:9px;top:12px}.vessel-table th,.vessel-table td{padding:8px;border-bottom:1px solid #dddddd2b;font-size:12px;text-align:left}.date-input-wrapper{position:relative}input[type=date]{position:relative;width:-webkit-fill-available;z-index:1;background-color:transparent}.role-container input[type=date]{width:auto}.modal-body_inner .form-group{margin:7px 0}body .modal-overlay{position:absolute;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(5px);z-index:99}.add-btn{display:flex}.modal-container{width:85%;border-radius:8px}.modal-body{padding:0}.border-box h4{margin-top:0}.border-box{border-radius:8px;border:1px solid #cccccc30;padding:15px;margin:15px 24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal-footer{text-align:right;display:flex;grid-gap:8px;justify-content:end;margin-right:23px!important;margin-bottom:24px}.save-btn{background:#3943c7;color:#fff;padding:8px 12px;border:none;border-radius:5px}svg.lucide.lucide-x{cursor:pointer}.profile-page{background:var(--bg-color);min-height:100vh;padding:25px;font-family:Segoe UI,sans-serif}.page-title-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.page-title{margin:0}.edit-btn{background:var(--secondry-color);border:none;padding:6px 14px;border-radius:6px;color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.3s ease}.edit-btn:hover{opacity:.9}.success-msg{background:#d1fae5;color:#065f46;padding:8px 12px;border-radius:6px;margin-bottom:15px;font-size:14px}.profile-card{padding:20px;border-radius:12px;display:flex;gap:20px;align-items:center;margin-bottom:25px}.profile-avatar{width:90px;height:90px;border-radius:50%;object-fit:cover}.avatar-wrapper{position:relative;cursor:pointer}.profile_avatar{width:136px;text-align:center}.camera-icon{position:absolute;bottom:0;right:0;background:#ff8c00;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid #fff}.role-text{color:gray;margin:3px 0}.location{font-size:14px;color:var(--text-color);display:flex;align-items:center;gap:5px}.info-card{padding:20px;border-radius:12px;margin-bottom:25px}.phone_number_group{display:flex;width:100%}.phone_number_group .phone-group{display:flex}.phone_number_group .phone-group select{display:flex;width:100px!important}.info-grid{max-height:800px;overflow-y:auto;padding:25px}.row_gap{margin:10px 0}.info-grid_2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 20px}.info-grid_3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 20px}.info-grid_4{display:grid;gap:10px 20px;grid-template-columns:repeat(4,1fr)}.filter-box.info-grid_4{display:grid;margin-bottom:30px}.profile__modal input,.profile__modal select,.profile__modal textarea{width:100%}.phone-group input{width:65%;border:0;border-left:1px solid var(--border-color);border-radius:0;margin-left:10px}.phone-group select{border:0}.phone-group{background:var(--bg-input);border:1px solid var(--border-color);border-radius:10px;color:var(--text-color)}.info-grid label{font-size:13px;color:var(--text-color);display:block;margin-bottom:5px;text-transform:capitalize}.info-card.info_profile label{font-size:14px;font-weight:600}.view-only{cursor:not-allowed;opacity:.8}.input_field{width:91%;display:block}.modal-buttons,.action-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:15px;border-top:1px solid #89898969}.info-grid_4 input{width:100%;box-sizing:border-box}.password-wrapper{position:relative}h4.password_title{display:flex;grid-gap:11px;margin-bottom:0;margin-top:0}.info-grid.info-grid_4{padding:20px}.password-wrapper span{position:absolute;right:15px;top:11px;cursor:pointer;color:var(--text-color)}.info-grid p{font-size:14px;color:var(--text-color);margin-top:5px}.info-grid::-webkit-scrollbar{width:6px}.info-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.edit_profile_pic,.profile_avatar{width:112px;padding:15px;text-align:center;border:1px solid var(--border-color);border-radius:7px;margin:20px 15px;background-color:#cccccc0f;height:fit-content}.customer-form .action-buttons{margin-top:0;padding:15px;border-top:0}@media(max-width:1123px){body .filter-box.info-grid_4{display:flex}body .filter-box.info-grid_4 input,body .filter-box.info-grid_4 select{width:auto;box-sizing:border-box}}@media(max-width:768px){.profile-card{flex-direction:column;text-align:center}.modal-buttons,.action-buttons{flex-direction:column;align-items:stretch}.profile_avatar{margin-top:10px}}.ports-container .page-header h2{margin-bottom:20px}.ports-container .status-toggle{display:flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.ports-container .status-toggle button{padding:6px 12px;border:none;background:transparent;cursor:pointer;color:var(--text-color)}.ports-container .status-toggle .active-btn{background:var(--main-color);color:#fff}.ports-container table{width:100%;border-collapse:collapse}.ports-container .status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.ports-container .status.active{background:#16a34a;color:#fff}.ports-container .status.inactive{background:var(--danger-color);color:#fff}.ports-container .action-cell{position:relative}.ports-container svg.lucide.lucide-filter{padding:3px}.ports-container .action-btn{background:var(--main-color);border:none;padding:6px;border-radius:50%;color:#fff;cursor:pointer;width:30px;height:30px}.ports-container .dropdown{position:absolute;right:0;top:35px;background:var(--sidebar-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:var(--box-shadow);width:150px;z-index:10}.ports-container .dropdown-item{padding:10px;display:flex;gap:8px;cursor:pointer;align-items:center}.ports-container .dropdown-item:hover{background:var(--hover-bg)}.ports-container .dropdown-item.danger{color:var(--danger-color)}.ports-container .dropdown-item.success{color:#16a34a}.ports-container .pagination{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:14px}.ports-container .pagination select,.ports-container .pagination input{margin-left:5px;padding:5px;border-radius:6px;border:1px solid var(--border-color);background:var(--sidebar-bg);color:var(--text-color)}.ports-container .pagination-center{display:flex;align-items:center;gap:10px}.modal_body_flex,.profile_display_flex{display:flex}.modal_overflow{overflow:auto;max-height:70vh}.modal_right_content,.profile_right_content{width:100%;border:1px solid var(--border-color);border-radius:7px;margin:20px 15px;background-color:#cccccc0f}body .profile_right_content,body .profile_avatar{background-color:transparent}@media(max-width:768px){.modal_body_flex,.profile_display_flex{display:block}.info-grid_4,.info-grid_2,.info-grid_3{grid-template-columns:repeat(1,1fr)}.info-grid.info-grid_4,.main-content{padding:10px}}img.modal-profile-pic,.profile-left img{width:100px}.profile_top_bar{padding:10px;margin-top:30px;display:flex;align-items:center;grid-gap:20px;justify-content:space-between;border-bottom:1px dashed #cccccc5c}.status__btn button{cursor:pointer;border:0;font-size:13px;padding:4px 9px}.add-profile-page table.data-table{width:100%;margin-top:20px;border-collapse:collapse}.user__link{color:var(--secondry-color);cursor:pointer;transition:all .3s}.user__link:hover{color:var(--text-color);cursor:pointer;transition:all .3s}.divider{display:block;margin:40px 0;border-bottom:1px solid #40434c}.search-box,.filter-box{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap}table{width:100%;border-collapse:collapse}body.light .customer-link{color:#1a3fd8;text-decoration:underline}body.light .customer-link:hover{color:#1432b0}body.light .user__link{color:#1a3fd8}body.light .user__link:hover{color:#1432b0}.avatar-upload-circle{width:92px;height:92px;border-radius:50%;border:2px dashed #3b82f6;background:#111c2e;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0;transition:border-color .2s,box-shadow .2s,background .2s}.avatar-upload-circle:hover{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f626;background:#162033}.avatar-upload-icon{display:flex;flex-direction:column;align-items:center;color:#60a5fa}.avatar-camera-badge{position:absolute;bottom:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0006}body.light .avatar-upload-circle{background:#f0f4ff;border-color:#1a3fd8}body.light .avatar-upload-circle:hover{border-color:#1432b0;box-shadow:0 0 0 4px #1a3fd81a;background:#e8eeff}body.light .avatar-upload-icon{color:#1a3fd8}body.light .avatar-camera-badge{background:#1a3fd8}.create-user-layout{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}@media(max-width:900px){.create-user-layout{flex-direction:column}.create-user-pic-panel{width:100%;max-width:320px;margin:0 auto}}.create-user-pic-panel{width:210px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:22px 16px 20px}.pic-panel-avatar{width:130px;height:130px;border-radius:16px;border:2px dashed #3b82f6;background:#111c2e;cursor:pointer;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;transition:border-color .2s,box-shadow .2s}.pic-panel-avatar:hover{border-color:#60a5fa;box-shadow:0 0 0 4px #3b82f626}.pic-panel-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.pic-panel-plus{font-size:36px;line-height:1;color:#3b82f6;font-weight:300}.pic-panel-title{font-size:14px;font-weight:600;color:var(--text-color);margin-top:2px}.pic-panel-sub{font-size:11px;color:#6b7280;margin-top:-6px}.pic-panel-actions{display:flex;flex-direction:column;gap:6px;width:100%}.pic-panel-choose-btn{width:100%;background:#1e293b;border:1px solid #334155;color:var(--text-color);border-radius:8px;padding:8px 0;font-size:12px;cursor:pointer;transition:background .15s}.pic-panel-choose-btn:hover{background:#263548}.pic-panel-remove-btn{width:100%;background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:8px;padding:6px 0;font-size:11px;cursor:pointer;transition:background .15s}.pic-panel-remove-btn:hover{background:#ef444414}.pic-panel-hint{font-size:11px;color:#6b7280;text-align:center;line-height:1.5;margin:4px 0 0}.create-user-fields{flex:1;min-width:0}.crop-modal-overlay{position:fixed;inset:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:9999}.crop-modal{background:#0d1724;border-radius:20px;padding:28px 28px 24px;border:1px solid #1e3251;box-shadow:0 28px 70px #000000a6;display:flex;flex-direction:column;align-items:center;gap:16px;width:360px}.crop-modal-title{font-size:16px;font-weight:600;color:#e2e8f0;margin:0;align-self:flex-start}.crop-viewport{width:280px;height:280px;border-radius:50%;overflow:hidden;position:relative;background:#1a2640;border:2px solid #3b82f6;user-select:none;flex-shrink:0}.crop-zoom-controls{display:flex;align-items:center;gap:10px;width:100%}.crop-zoom-controls button{background:#1e293b;border:1px solid #334155;color:#e2e8f0;width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:18px;font-weight:300;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}.crop-zoom-controls button:hover{background:#263548}.crop-zoom-controls input[type=range]{flex:1;height:4px;accent-color:#3b82f6;cursor:pointer}.crop-zoom-label{font-size:12px;color:#94a3b8;min-width:38px;text-align:right}.crop-hint{font-size:11px;color:#6b7280;margin:0;text-align:center}.crop-modal-actions{display:flex;gap:10px;width:100%;justify-content:flex-end;margin-top:4px}body.light .create-user-pic-panel{background:#fff;border-color:#dde3ef}body.light .pic-panel-avatar{background:#f0f4ff;border-color:#1a3fd8}body.light .pic-panel-avatar:hover{border-color:#1432b0;box-shadow:0 0 0 4px #1a3fd81a}body.light .pic-panel-plus{color:#1a3fd8}body.light .pic-panel-choose-btn{background:#f4f6fc;border-color:#c8cfe0;color:#1e2333}body.light .pic-panel-choose-btn:hover{background:#eef1f8}.main-content{zoom:.9}.table-responsive .dark-table th,.table-card .dark-table th{white-space:nowrap}.main-content .dark-table td,.main-content .details-table td,.main-content .form-group input,.main-content .form-group select,.main-content .form-group textarea,.main-content input.input.field,.main-content select.input.field,.main-content textarea.input.field,.main-content .view-only,.main-content .pic-panel-sub,.main-content .dark-table th{font-size:12px}.submenu-flyout{position:fixed;left:106px;min-width:220px;background:var(--bg-color, #0f1a2e);border:1px solid var(--border-color);border-radius:10px;box-shadow:0 12px 32px #0006;padding:8px 6px;z-index:200;animation:submenuFadeIn .12s ease-out}@keyframes submenuFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.submenu-flyout-header{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#8ea1bd;padding:6px 10px 8px;border-bottom:1px solid var(--border-color);margin-bottom:4px}.submenu-flyout-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;cursor:pointer;color:var(--text-color);font-size:14px;transition:background .15s}.submenu-flyout-item:hover{background:#ffffff0f}body.light .submenu-flyout-item:hover{background:#1a3fd80f}.submenu-flyout-item.active{background:var(--main-color);color:#fff}.submenu-flyout-item.active svg{color:#fff}@media(max-width:768px){.submenu-flyout{left:0!important;top:80px!important;width:280px;min-width:0;max-width:100vw;max-height:calc(100dvh - 96px);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:0 12px 12px 0;border-left:0;box-shadow:6px 0 24px #0000008c;z-index:1100}.submenu-flyout-item{padding:12px;min-height:44px}.submenu-flyout-header{padding:10px 12px}}.searchable-select{position:relative;display:flex;align-items:stretch;flex:1;min-width:0;height:42px}.searchable-select-input{flex:1;min-width:0;height:100%;padding:0 34px 0 12px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-color);border-radius:6px;font-size:14px;outline:none;transition:border .15s,box-shadow .15s}.searchable-select-input:focus{border-color:var(--secondry-color);box-shadow:0 0 0 2px #1ff5e526}.searchable-select-chevron,.searchable-select-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#9fb0c7;pointer-events:none}.searchable-select-clear{background:transparent;border:0;cursor:pointer;pointer-events:auto;padding:2px;border-radius:4px}.searchable-select-clear:hover{color:#fff;background:#ffffff14}body.light .searchable-select-clear:hover{background:#1a3fd814;color:var(--main-color)}.searchable-select-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--bg-color, #0f1a2e);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 12px 24px #00000059;z-index:500;padding:4px 0}.searchable-select-option{padding:8px 12px;color:var(--text-color);font-size:13px;cursor:pointer}.searchable-select-option:hover{background:#ffffff0f}body.light .searchable-select-option:hover{background:#1a3fd80f}.searchable-select-option.active{background:var(--main-color);color:#fff}.searchable-select-empty{padding:10px 12px;color:#8ea1bd;font-size:12px;font-style:italic;text-align:center}.permission-groups{display:flex;flex-direction:column;gap:20px}.permission-group{border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;background:#ffffff05}body.light .permission-group{background:#1a3fd805}.permission-group.placeholder{background:transparent;border-style:dashed;padding:10px 16px}.permission-group.placeholder .permission-group-header{margin-bottom:0}.permission-group.disabled{opacity:.55}.permission-group-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.permission-group-title{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--text-color)}.permission-code{font-size:11px;color:#8ea1bd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#ffffff0a;padding:2px 6px;border-radius:4px}.permission-table{width:100%;margin-top:6px}.permission-table th{background:transparent}.permission-table td{vertical-align:middle}.chip{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:#1e3251;color:#cfe0ff;letter-spacing:.5px}.chip-module{background:#1a3fd8;color:#fff}.chip-action{background:#334155;color:#e2e8f0}.chip-button{background:#0f766e;color:#ecfeff}.chip-workspace{background:#16a34a;color:#fff}.chip-functional{background:linear-gradient(180deg,#1a3fd8,#1230a8);color:#fff;padding:4px 10px;font-size:11px;font-weight:700;border-radius:6px;letter-spacing:.4px;box-shadow:0 1px 2px #00000040;margin-right:8px;white-space:nowrap}.role-default-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;font-size:14px;font-weight:700;cursor:help;user-select:none;transition:transform .15s,box-shadow .15s}.role-default-badge.on{background:#16a34a26;color:#16a34a;border:1px solid rgba(22,163,74,.4)}.role-default-badge.off{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.role-default-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000040}.role-default-badge:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;background:#0f172a;color:#f1f5f9;font-size:11px;font-weight:500;padding:6px 10px;border-radius:6px;box-shadow:0 6px 16px #00000059;opacity:0;pointer-events:none;transition:opacity .12s ease-in-out;z-index:50}.role-default-badge:before{content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#0f172a;opacity:0;pointer-events:none;transition:opacity .12s ease-in-out;z-index:50}.role-default-badge:hover:after,.role-default-badge:hover:before,.role-default-badge:focus-visible:after,.role-default-badge:focus-visible:before{opacity:1}body.light .role-default-badge:after{background:#1e293b}body.light .role-default-badge:before{border-bottom-color:#1e293b}.tri-state{display:inline-flex;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:var(--bg-input)}.tri-state-btn{padding:6px 12px;border:0;background:transparent;color:var(--text-color);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;min-width:62px}.tri-state-btn+.tri-state-btn{border-left:1px solid var(--border-color)}.tri-state-btn:hover{background:#ffffff0f}body.light .tri-state-btn:hover{background:#1a3fd80f}.tri-state-btn.active.inherit{background:#334155;color:#fff}.tri-state-btn.active.grant{background:#16a34a;color:#fff}.tri-state-btn.active.deny{background:#dc2626;color:#fff}.tri-state-btn:disabled,.tri-state-btn.muted{opacity:.35;cursor:not-allowed}.tri-state-btn:disabled:hover{background:transparent}.permission-tree{max-height:65vh;overflow-y:auto;padding-right:6px}.permission-tree label span{color:var(--text-color)}.wizard-hint{font-size:13px;color:var(--text-color);opacity:.8;margin:0 0 12px}.perm-group{border:1px solid var(--border-color);border-radius:10px;margin-bottom:12px;background:#ffffff05}body.light .perm-group{background:#1a3fd805}.perm-group-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#1a3fd814;border-radius:10px 10px 0 0;font-size:14px;font-weight:600;cursor:pointer;user-select:none;color:var(--text-color)}.perm-group-header input[type=checkbox]{width:16px;height:16px}.perm-group-label{flex:1}.perm-group-body{padding:8px 12px 10px}.perm-module-row{display:grid;grid-template-columns:220px 1fr;gap:14px;align-items:start;padding:8px 4px;border-top:1px dashed rgba(255,255,255,.06)}.perm-module-row:first-child{border-top:0}body.light .perm-module-row{border-top-color:#0000000f}.perm-module-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-color);cursor:pointer;user-select:none}.perm-module-label input[type=checkbox]{width:15px;height:15px}.perm-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:24px}.perm-action-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-input);font-size:11px;color:var(--text-color);cursor:pointer;user-select:none;transition:background .15s,border-color .15s}.perm-action-chip:hover{border-color:var(--secondry-color)}.perm-action-chip input[type=checkbox]{width:13px;height:13px;margin:0}.perm-action-chip:has(input:checked){background:var(--main-color);color:#fff;border-color:var(--main-color)}.perm-action-chip:has(input:checked) span{color:#fff}.perm-group.disabled{opacity:.55}.perm-group.disabled .perm-group-header,.perm-group.disabled .perm-module-label,.perm-group.disabled .perm-action-chip,.perm-group.disabled input[type=checkbox]{cursor:not-allowed}@media(max-width:900px){.perm-module-row{grid-template-columns:1fr}}.dark-page.perm-manager{display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.dark-page.perm-manager .dark-card{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.dark-page.perm-manager .perm-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:6px}.ta-center{text-align:center!important}.modal-container.xrate-modal{width:70%;max-width:960px;border-radius:10px}.modal-container.xrate-modal .modal-header{padding:10px 24px;min-height:0}.modal-container.xrate-modal .modal-header h3{font-size:16px;line-height:1.2;margin:0}.modal-container.xrate-modal .modal-header .close-btn{width:28px;height:28px;font-size:20px}.modal-container.xrate-modal .modal-tabs{padding:0 24px}.modal-container.xrate-modal .modal-body{padding:24px 28px!important;background:var(--bg-color)}.modal-container.xrate-modal .form-actions.xrate-modal-actions{padding:14px 24px 20px;border-top:1px solid var(--border-color);background:var(--topbar-bg);margin:0}.modal-container.xrate-modal .import-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}.xrate-currency-locked{padding:8px 12px;border-radius:6px;border:1px dashed var(--border-color);background:#ffffff0a;color:var(--text-color);font-weight:600;font-size:14px;font-family:inherit}.modal-hint{font-size:13px;color:var(--text-color);opacity:.85;margin-bottom:12px;font-family:inherit}.modal-hint-small{font-size:12px;color:var(--text-color);opacity:.7;margin-top:6px;font-family:inherit}.modal-code{margin-left:6px;font-size:12px;padding:2px 6px;border-radius:4px;background:#ffffff14;color:var(--text-color)}.modal-error{color:#e77;margin-top:10px;font-size:13px}.modal-error-inline{color:#e77;margin-left:8px;font-size:13px}.modal-error-list{margin-top:10px;font-size:12px;color:#e77}.modal-body_inner input[type=number],.modal-body_inner input[type=text],.modal-body_inner select{font-family:inherit;font-size:14px;padding:8px 10px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-color)}.usd-base-note{background:#4682dc1a;border:1px solid rgba(70,130,220,.35);color:var(--text-color);padding:8px 14px;border-radius:10px;font-size:13px;white-space:nowrap}.active-toggle{display:inline-flex;border-radius:999px;overflow:hidden;border:1px solid var(--border-color);background:transparent}.active-toggle button{background:transparent;color:var(--text-color);border:none;padding:8px 18px;cursor:pointer;font-weight:600;font-size:13px}.active-toggle button.on{background:var(--secondry-color, #1a2b52);color:#fff}.excel-btn{background:var(--btn-secondary-bg, #5a6a7a);color:#fff;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.excel-btn:hover{filter:brightness(1.1)}.badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;min-width:76px;text-align:center}.badge-active{background:#2a7f3f;color:#fff}.badge-inactive{background:#8a3b3b;color:#fff}.icon-action-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:4px 8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center}.icon-action-btn:hover{background:#ffffff0f}.go-to-page{display:inline-flex;align-items:center;gap:8px;color:var(--text-color);font-size:13px}.go-to-page input{padding:4px 8px;border-radius:6px;border:1px solid var(--border-color);background:transparent;color:var(--text-color)}.stock-import-spin{animation:spin .9s linear infinite}html,body{max-width:100%;overflow-x:hidden}body{padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}@supports (padding: env(safe-area-inset-bottom)){.table-card,.vessel-container,.users_table,.info-card,.profile-card,.dark-page,.ports-container,.role-container{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@supports (height: 100dvh){.sidebar,.sidebar.collapsed,.sidebar.mobile-open{height:100dvh}}@media(max-width:640px){.topbar.downloads-bar{right:152px;padding:4px 8px}.topbar.avatar-bar{right:104px;padding:2px}.topbar.notification-bar{right:56px;padding:4px 8px}.topbar.light_dark_mode{right:10px}.topbar-icon-btn{padding:6px}.topbar-avatar-img{width:26px;height:26px}}@media(max-width:400px){.topbar.downloads-bar{display:none}.topbar.avatar-bar{right:96px}.topbar.notification-bar{right:52px}}@media(max-width:1199px){.filter-bar>.filter-field,.filter-bar>.searchable-select,.filter-bar>input,.filter-bar>select{flex:1 1 calc(25% - 9px)!important;min-width:0!important}}@media(max-width:899px){.filter-bar>.filter-field,.filter-bar>.searchable-select,.filter-bar>input,.filter-bar>select{flex:1 1 calc(33.333% - 8px)!important}}@media(max-width:640px){.filter-bar,.filter-section{gap:8px}.filter-bar>.filter-field,.filter-bar>.searchable-select,.filter-bar>input,.filter-bar>select,.filter-section>input,.filter-section>select{flex:1 1 100%!important;min-width:0!important;width:100%}.filter-bar .search-btn,.filter-bar .reset-btn{flex:1 1 calc(50% - 4px)!important;width:auto}}@media(max-width:640px){.dark-table td.freeze-td,.dark-table th.freeze-th{position:static!important;left:auto!important;z-index:auto!important;box-shadow:none!important}}@media(max-width:640px){.pagination-wrapper{flex-direction:column;align-items:stretch;gap:8px}.records-count{text-align:center}.page-size{display:flex;justify-content:center;align-items:center}.pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:4px}.pagination button{min-width:40px;min-height:40px;padding:6px 10px}.pagination button:nth-of-type(n+9):not(:last-child){display:none}}@media(max-width:640px){.form-grid,.form-row,.customer-form,.user-form,.vessel-form,.vendor-form{grid-template-columns:1fr!important}.form-group.full-width,.form-group.col-span-2,.form-group.col-span-3{grid-column:span 1!important}.form-group input,.form-group select,.form-group textarea{width:100%;box-sizing:border-box}}@media(max-width:640px){.modal-container{width:min(100%,96vw)!important;max-height:92dvh}.modal-body{padding:12px!important}.modal-body>div[style*="display: flex"][style*=gap]{flex-wrap:wrap;gap:12px!important}.modal-body .create-user-pic-panel{width:100%!important;min-width:0!important;display:flex;gap:12px;align-items:center}.modal-body .pic-panel-avatar{width:72px!important;height:72px!important;flex-shrink:0}.modal-body .pic-panel-title,.modal-body .pic-panel-sub{text-align:left}.create-user-pic-panel{width:100%!important;max-width:none!important;min-width:0!important}.modal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.modal-tabs .tab{min-height:44px;white-space:nowrap}.details-table td,.details-table th{word-break:break-word}}.profile-page{min-height:100dvh}@media(max-width:900px){.profile-page{padding:16px}}@media(max-width:640px){.profile-page{padding:10px}.page-title-wrapper{flex-wrap:wrap;gap:10px}.page-title-wrapper .page-title{font-size:20px}.info-card .details-table,.info-card .details-table tbody,.info-card .details-table tr,.info-card .details-table th,.info-card .details-table td{display:block;width:100%}.info-card .details-table th{width:100%!important;border-bottom:0;padding:10px 12px 0;font-size:12px;opacity:.75}.info-card .details-table td{padding:2px 12px 10px}.profile-field-pad{padding:0!important}.profile-actions,.profile-update-row{flex-direction:column;align-items:stretch}.profile-actions .btn-default,.profile-update-row .btn-default{width:100%}}@media(max-width:768px){.sidebar.collapsed.mobile-open{width:280px}.sidebar.collapsed.mobile-open .nav-label,.sidebar.collapsed.mobile-open .sidebar-label{display:inline}}@media(max-width:768px){.main-content{padding-top:60px}}@media(max-width:1024px){.table-header{padding-right:120px}}@media(max-width:900px){.table-header{padding-right:56px}}@media(max-width:1024px){.dark-table td.freeze-td,.dark-table th.freeze-th{position:static!important;left:auto!important;z-index:auto!important;box-shadow:none!important}}@media(hover:none)and (pointer:coarse){.icon-btn,.action_btn button,.topbar-icon-btn{min-width:44px;min-height:44px}.btn-default{min-height:44px}}.table-responsive,.modal-tabs,[class*=modal_overflow]{-webkit-overflow-scrolling:touch}.table-scroll-shell{position:relative}.table-scroll-shell:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:3;background:linear-gradient(45deg,transparent 44%,currentColor 44%,currentColor 56%,transparent 56%) no-repeat 16px calc(50% - 5px) / 10px 10px,linear-gradient(-45deg,transparent 44%,currentColor 44%,currentColor 56%,transparent 56%) no-repeat 16px calc(50% + 5px) / 10px 10px,linear-gradient(to right,#0000,#00000073);color:#ffffffbf}.table-scroll-shell.has-more:after{opacity:1}body.light .table-scroll-shell:after{background:linear-gradient(45deg,transparent 44%,currentColor 44%,currentColor 56%,transparent 56%) no-repeat 16px calc(50% - 5px) / 10px 10px,linear-gradient(-45deg,transparent 44%,currentColor 44%,currentColor 56%,transparent 56%) no-repeat 16px calc(50% + 5px) / 10px 10px,linear-gradient(to right,#fff0,#00000024);color:#1e233399}.dark-table td.freeze-td.freeze-edge,.dark-table th.freeze-th.freeze-edge{border-right:1px solid var(--border-color);box-shadow:none;transition:box-shadow .2s ease}.table-scroll-shell.is-scrolled .dark-table td.freeze-td.freeze-edge,.table-scroll-shell.is-scrolled .dark-table th.freeze-th.freeze-edge{box-shadow:8px 0 10px -6px #000000bf}body.light .table-scroll-shell.is-scrolled .dark-table td.freeze-td.freeze-edge,body.light .table-scroll-shell.is-scrolled .dark-table th.freeze-th.freeze-edge{box-shadow:8px 0 10px -6px #00000038}@media(max-width:1024px){.dark-table td.freeze-td.freeze-edge,.dark-table th.freeze-th.freeze-edge{border-right:0;box-shadow:none!important}}@media(prefers-reduced-motion:reduce){.table-scroll-shell:after,.dark-table .freeze-edge{transition:none}}@media(min-width:641px)and (max-width:1024px){.modal-container{width:min(720px,92vw)}.flyout{max-height:80dvh;overflow-y:auto}}@media(max-height:500px)and (orientation:landscape){.table-card,.vessel-container,.users_table,.info-card,.profile-card,.dark-page,.ports-container,.role-container{padding-top:12px;padding-bottom:12px;margin:8px auto}}.profile-edit-page .form-group.full-width{grid-column:1 / -1!important}@media(max-width:900px){.profile-page>.info-card,.profile-edit-page>.dark-card{max-width:620px;margin-left:auto;margin-right:auto}.profile-page .info-card .details-table,.profile-page .info-card .details-table tbody,.profile-page .info-card .details-table tr,.profile-page .info-card .details-table th,.profile-page .info-card .details-table td{display:block;width:100%}.profile-page .info-card .details-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;align-items:start}.profile-page .info-card .details-table tr{min-width:0}.profile-page .info-card .details-table tr.details-row-wide{grid-column:1 / -1}.profile-page .info-card .details-table th{border-bottom:0;padding:8px 12px 0;font-size:12px;font-weight:600;opacity:.75}.profile-page .info-card .details-table td{padding:0 12px 8px;word-break:break-word}.profile-edit-page .form-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;margin-bottom:12px}.profile-page .info-grid.info-grid_4{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-page .info-grid_4 .profile-update-row{grid-column:1 / -1}}.impersonation-banner{position:sticky;top:0;z-index:900;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border-radius:8px;background:#b45309;color:#fff;font-size:13px;line-height:1.4;box-shadow:0 2px 8px #00000040}.impersonation-banner-text{flex:1 1 220px;min-width:0}.impersonation-banner-exit{flex:0 0 auto;min-height:32px;padding:5px 14px;border:1px solid rgba(255,255,255,.7);border-radius:6px;background:transparent;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.impersonation-banner-exit:hover{background:#ffffff26}.impersonation-intro{margin:0 0 14px;padding:0 2px;font-size:13px;line-height:1.5;opacity:.8}.impersonation-self{font-size:12px;opacity:.6}.impersonate-landing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:100dvh;padding:24px;text-align:center;background:var(--bg-color);color:var(--text-color)}.impersonate-landing-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--secondry-color, #2563eb);border-radius:50%;animation:impersonate-spin .8s linear infinite}@keyframes impersonate-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.impersonate-landing-spinner{animation:none}}.reset-pw-result{display:flex;align-items:center;gap:8px;margin:10px 0}.reset-pw-value{flex:1 1 auto;min-width:0;padding:9px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.5px}.reset-pw-copy{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:6px;background:none;color:inherit;cursor:pointer}.reset-pw-copy:hover{background:var(--main-color)}.reset-pw-warning{margin:8px 0 0;font-size:12px;line-height:1.5;opacity:.75}@media(max-width:640px){.impersonation-banner{font-size:12px;padding:9px 11px}.impersonation-banner-exit{min-height:44px;width:100%}}:root{--iti-hover-color: rgba(0, 0, 0, .05);--iti-border-color: #ccc;--iti-dropdown-bg: white;--iti-icon-color: #555;--iti-spacer-horizontal: 8px;--iti-flag-height: 12px;--iti-flag-width: 16px;--iti-globe-height: 16px;--iti-search-clear-icon-height: 13px;--iti-border-width: 1px;--iti-arrow-height: 4px;--iti-arrow-width: calc((var(--iti-arrow-height) / 2) * 3);--iti-triangle-border: calc(var(--iti-arrow-width) / 2);--iti-arrow-padding: 6px;--iti-flag-sprite-width: 3904px;--iti-flag-sprite-height: 12px;--iti-mobile-popup-margin: 30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=text],.iti input.iti__tel-input[type=tel]{position:relative;z-index:0;margin:0!important}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:none;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-icon-color)}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-icon-color)}.iti__dropdown-content{border-radius:3px;background-color:var(--iti-dropdown-bg)}.iti--inline-dropdown .iti__dropdown-content{border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px #0003}.iti--inline-dropdown:not(.iti--container) .iti__dropdown-content{position:absolute;z-index:2;left:0}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:30px;padding-right:28px}[dir=rtl] .iti__search-input{padding-left:inherit;padding-right:30px;background-position:right 8px center}.iti__search-input::-webkit-search-cancel-button{appearance:none}.iti__search-input,.iti__country{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:8px;display:flex;pointer-events:none}[dir=rtl] .iti__search-icon{left:auto;right:8px}.iti__search-icon-svg{width:var(--iti-globe-height);height:var(--iti-globe-height);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:4px;background:transparent;border:0;border-radius:3px;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.iti__search-clear .iti__search-clear-x{stroke-width:2}.iti__search-clear .iti__search-clear-bg{fill:var(--iti-icon-color)}.iti__search-clear-svg{width:var(--iti-search-clear-icon-height);height:var(--iti-search-clear-icon-height);display:block}[dir=rtl] .iti__search-clear{right:auto;left:4px}.iti__search-clear:hover,.iti__search-clear:focus-visible{background:var(--iti-hover-color);outline:none}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media(max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);outline:none}.iti__country-name{flex-grow:1}.iti__country-check{margin:0 1px 0 var(--iti-spacer-horizontal);display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-search-clear-icon-height);height:var(--iti-search-clear-icon-height);display:block}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-list .iti__flag{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti__country-list .iti__flag{flex-shrink:0}.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) button.iti__selected-country{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])) .iti__selected-country:has(+.iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060}.iti--container:hover{cursor:pointer}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup.iti--container{background-color:#00000080;inset:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country,.iti--fullscreen-popup .iti__search-input{padding-top:10px;padding-bottom:10px}.iti--fullscreen-popup .iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}.iti__flag{--iti-flag-offset: 100px;height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__loading{position:relative;background:none;box-shadow:none}.iti__loading:after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__ac{--iti-flag-offset: 0px}.iti__ad{--iti-flag-offset: -16px}.iti__ae{--iti-flag-offset: -32px}.iti__af{--iti-flag-offset: -48px}.iti__ag{--iti-flag-offset: -64px}.iti__ai{--iti-flag-offset: -80px}.iti__al{--iti-flag-offset: -96px}.iti__am{--iti-flag-offset: -112px}.iti__ao{--iti-flag-offset: -128px}.iti__ar{--iti-flag-offset: -144px}.iti__as{--iti-flag-offset: -160px}.iti__at{--iti-flag-offset: -176px}.iti__au{--iti-flag-offset: -192px}.iti__aw{--iti-flag-offset: -208px}.iti__ax{--iti-flag-offset: -224px}.iti__az{--iti-flag-offset: -240px}.iti__ba{--iti-flag-offset: -256px}.iti__bb{--iti-flag-offset: -272px}.iti__bd{--iti-flag-offset: -288px}.iti__be{--iti-flag-offset: -304px}.iti__bf{--iti-flag-offset: -320px}.iti__bg{--iti-flag-offset: -336px}.iti__bh{--iti-flag-offset: -352px}.iti__bi{--iti-flag-offset: -368px}.iti__bj{--iti-flag-offset: -384px}.iti__bl{--iti-flag-offset: -400px}.iti__bm{--iti-flag-offset: -416px}.iti__bn{--iti-flag-offset: -432px}.iti__bo{--iti-flag-offset: -448px}.iti__bq{--iti-flag-offset: -464px}.iti__br{--iti-flag-offset: -480px}.iti__bs{--iti-flag-offset: -496px}.iti__bt{--iti-flag-offset: -512px}.iti__bw{--iti-flag-offset: -528px}.iti__by{--iti-flag-offset: -544px}.iti__bz{--iti-flag-offset: -560px}.iti__ca{--iti-flag-offset: -576px}.iti__cc{--iti-flag-offset: -592px}.iti__cd{--iti-flag-offset: -608px}.iti__cf{--iti-flag-offset: -624px}.iti__cg{--iti-flag-offset: -640px}.iti__ch{--iti-flag-offset: -656px}.iti__ci{--iti-flag-offset: -672px}.iti__ck{--iti-flag-offset: -688px}.iti__cl{--iti-flag-offset: -704px}.iti__cm{--iti-flag-offset: -720px}.iti__cn{--iti-flag-offset: -736px}.iti__co{--iti-flag-offset: -752px}.iti__cr{--iti-flag-offset: -768px}.iti__cu{--iti-flag-offset: -784px}.iti__cv{--iti-flag-offset: -800px}.iti__cw{--iti-flag-offset: -816px}.iti__cx{--iti-flag-offset: -832px}.iti__cy{--iti-flag-offset: -848px}.iti__cz{--iti-flag-offset: -864px}.iti__de{--iti-flag-offset: -880px}.iti__dj{--iti-flag-offset: -896px}.iti__dk{--iti-flag-offset: -912px}.iti__dm{--iti-flag-offset: -928px}.iti__do{--iti-flag-offset: -944px}.iti__dz{--iti-flag-offset: -960px}.iti__ec{--iti-flag-offset: -976px}.iti__ee{--iti-flag-offset: -992px}.iti__eg{--iti-flag-offset: -1008px}.iti__eh{--iti-flag-offset: -1024px}.iti__er{--iti-flag-offset: -1040px}.iti__es{--iti-flag-offset: -1056px}.iti__et{--iti-flag-offset: -1072px}.iti__fi{--iti-flag-offset: -1088px}.iti__fj{--iti-flag-offset: -1104px}.iti__fk{--iti-flag-offset: -1120px}.iti__fm{--iti-flag-offset: -1136px}.iti__fo{--iti-flag-offset: -1152px}.iti__fr{--iti-flag-offset: -1168px}.iti__ga{--iti-flag-offset: -1184px}.iti__gb{--iti-flag-offset: -1200px}.iti__gd{--iti-flag-offset: -1216px}.iti__ge{--iti-flag-offset: -1232px}.iti__gf{--iti-flag-offset: -1248px}.iti__gg{--iti-flag-offset: -1264px}.iti__gh{--iti-flag-offset: -1280px}.iti__gi{--iti-flag-offset: -1296px}.iti__gl{--iti-flag-offset: -1312px}.iti__gm{--iti-flag-offset: -1328px}.iti__gn{--iti-flag-offset: -1344px}.iti__gp{--iti-flag-offset: -1360px}.iti__gq{--iti-flag-offset: -1376px}.iti__gr{--iti-flag-offset: -1392px}.iti__gt{--iti-flag-offset: -1408px}.iti__gu{--iti-flag-offset: -1424px}.iti__gw{--iti-flag-offset: -1440px}.iti__gy{--iti-flag-offset: -1456px}.iti__hk{--iti-flag-offset: -1472px}.iti__hn{--iti-flag-offset: -1488px}.iti__hr{--iti-flag-offset: -1504px}.iti__ht{--iti-flag-offset: -1520px}.iti__hu{--iti-flag-offset: -1536px}.iti__id{--iti-flag-offset: -1552px}.iti__ie{--iti-flag-offset: -1568px}.iti__il{--iti-flag-offset: -1584px}.iti__im{--iti-flag-offset: -1600px}.iti__in{--iti-flag-offset: -1616px}.iti__io{--iti-flag-offset: -1632px}.iti__iq{--iti-flag-offset: -1648px}.iti__ir{--iti-flag-offset: -1664px}.iti__is{--iti-flag-offset: -1680px}.iti__it{--iti-flag-offset: -1696px}.iti__je{--iti-flag-offset: -1712px}.iti__jm{--iti-flag-offset: -1728px}.iti__jo{--iti-flag-offset: -1744px}.iti__jp{--iti-flag-offset: -1760px}.iti__ke{--iti-flag-offset: -1776px}.iti__kg{--iti-flag-offset: -1792px}.iti__kh{--iti-flag-offset: -1808px}.iti__ki{--iti-flag-offset: -1824px}.iti__km{--iti-flag-offset: -1840px}.iti__kn{--iti-flag-offset: -1856px}.iti__kp{--iti-flag-offset: -1872px}.iti__kr{--iti-flag-offset: -1888px}.iti__kw{--iti-flag-offset: -1904px}.iti__ky{--iti-flag-offset: -1920px}.iti__kz{--iti-flag-offset: -1936px}.iti__la{--iti-flag-offset: -1952px}.iti__lb{--iti-flag-offset: -1968px}.iti__lc{--iti-flag-offset: -1984px}.iti__li{--iti-flag-offset: -2000px}.iti__lk{--iti-flag-offset: -2016px}.iti__lr{--iti-flag-offset: -2032px}.iti__ls{--iti-flag-offset: -2048px}.iti__lt{--iti-flag-offset: -2064px}.iti__lu{--iti-flag-offset: -2080px}.iti__lv{--iti-flag-offset: -2096px}.iti__ly{--iti-flag-offset: -2112px}.iti__ma{--iti-flag-offset: -2128px}.iti__mc{--iti-flag-offset: -2144px}.iti__md{--iti-flag-offset: -2160px}.iti__me{--iti-flag-offset: -2176px}.iti__mf{--iti-flag-offset: -2192px}.iti__mg{--iti-flag-offset: -2208px}.iti__mh{--iti-flag-offset: -2224px}.iti__mk{--iti-flag-offset: -2240px}.iti__ml{--iti-flag-offset: -2256px}.iti__mm{--iti-flag-offset: -2272px}.iti__mn{--iti-flag-offset: -2288px}.iti__mo{--iti-flag-offset: -2304px}.iti__mp{--iti-flag-offset: -2320px}.iti__mq{--iti-flag-offset: -2336px}.iti__mr{--iti-flag-offset: -2352px}.iti__ms{--iti-flag-offset: -2368px}.iti__mt{--iti-flag-offset: -2384px}.iti__mu{--iti-flag-offset: -2400px}.iti__mv{--iti-flag-offset: -2416px}.iti__mw{--iti-flag-offset: -2432px}.iti__mx{--iti-flag-offset: -2448px}.iti__my{--iti-flag-offset: -2464px}.iti__mz{--iti-flag-offset: -2480px}.iti__na{--iti-flag-offset: -2496px}.iti__nc{--iti-flag-offset: -2512px}.iti__ne{--iti-flag-offset: -2528px}.iti__nf{--iti-flag-offset: -2544px}.iti__ng{--iti-flag-offset: -2560px}.iti__ni{--iti-flag-offset: -2576px}.iti__nl{--iti-flag-offset: -2592px}.iti__no{--iti-flag-offset: -2608px}.iti__np{--iti-flag-offset: -2624px}.iti__nr{--iti-flag-offset: -2640px}.iti__nu{--iti-flag-offset: -2656px}.iti__nz{--iti-flag-offset: -2672px}.iti__om{--iti-flag-offset: -2688px}.iti__pa{--iti-flag-offset: -2704px}.iti__pe{--iti-flag-offset: -2720px}.iti__pf{--iti-flag-offset: -2736px}.iti__pg{--iti-flag-offset: -2752px}.iti__ph{--iti-flag-offset: -2768px}.iti__pk{--iti-flag-offset: -2784px}.iti__pl{--iti-flag-offset: -2800px}.iti__pm{--iti-flag-offset: -2816px}.iti__pr{--iti-flag-offset: -2832px}.iti__ps{--iti-flag-offset: -2848px}.iti__pt{--iti-flag-offset: -2864px}.iti__pw{--iti-flag-offset: -2880px}.iti__py{--iti-flag-offset: -2896px}.iti__qa{--iti-flag-offset: -2912px}.iti__re{--iti-flag-offset: -2928px}.iti__ro{--iti-flag-offset: -2944px}.iti__rs{--iti-flag-offset: -2960px}.iti__ru{--iti-flag-offset: -2976px}.iti__rw{--iti-flag-offset: -2992px}.iti__sa{--iti-flag-offset: -3008px}.iti__sb{--iti-flag-offset: -3024px}.iti__sc{--iti-flag-offset: -3040px}.iti__sd{--iti-flag-offset: -3056px}.iti__se{--iti-flag-offset: -3072px}.iti__sg{--iti-flag-offset: -3088px}.iti__sh{--iti-flag-offset: -3104px}.iti__si{--iti-flag-offset: -3120px}.iti__sj{--iti-flag-offset: -3136px}.iti__sk{--iti-flag-offset: -3152px}.iti__sl{--iti-flag-offset: -3168px}.iti__sm{--iti-flag-offset: -3184px}.iti__sn{--iti-flag-offset: -3200px}.iti__so{--iti-flag-offset: -3216px}.iti__sr{--iti-flag-offset: -3232px}.iti__ss{--iti-flag-offset: -3248px}.iti__st{--iti-flag-offset: -3264px}.iti__sv{--iti-flag-offset: -3280px}.iti__sx{--iti-flag-offset: -3296px}.iti__sy{--iti-flag-offset: -3312px}.iti__sz{--iti-flag-offset: -3328px}.iti__tc{--iti-flag-offset: -3344px}.iti__td{--iti-flag-offset: -3360px}.iti__tg{--iti-flag-offset: -3376px}.iti__th{--iti-flag-offset: -3392px}.iti__tj{--iti-flag-offset: -3408px}.iti__tk{--iti-flag-offset: -3424px}.iti__tl{--iti-flag-offset: -3440px}.iti__tm{--iti-flag-offset: -3456px}.iti__tn{--iti-flag-offset: -3472px}.iti__to{--iti-flag-offset: -3488px}.iti__tr{--iti-flag-offset: -3504px}.iti__tt{--iti-flag-offset: -3520px}.iti__tv{--iti-flag-offset: -3536px}.iti__tw{--iti-flag-offset: -3552px}.iti__tz{--iti-flag-offset: -3568px}.iti__ua{--iti-flag-offset: -3584px}.iti__ug{--iti-flag-offset: -3600px}.iti__us{--iti-flag-offset: -3616px}.iti__uy{--iti-flag-offset: -3632px}.iti__uz{--iti-flag-offset: -3648px}.iti__va{--iti-flag-offset: -3664px}.iti__vc{--iti-flag-offset: -3680px}.iti__ve{--iti-flag-offset: -3696px}.iti__vg{--iti-flag-offset: -3712px}.iti__vi{--iti-flag-offset: -3728px}.iti__vn{--iti-flag-offset: -3744px}.iti__vu{--iti-flag-offset: -3760px}.iti__wf{--iti-flag-offset: -3776px}.iti__ws{--iti-flag-offset: -3792px}.iti__xk{--iti-flag-offset: -3808px}.iti__ye{--iti-flag-offset: -3824px}.iti__yt{--iti-flag-offset: -3840px}.iti__za{--iti-flag-offset: -3856px}.iti__zm{--iti-flag-offset: -3872px}.iti__zw{--iti-flag-offset: -3888px}.iti__globe{background:none;box-shadow:none;height:var(--iti-globe-height);display:flex;align-items:center;justify-content:center;padding:0}.iti__globe .iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x: url(/assets/flags-D1ZsmaPP.webp);--iti-path-flags-2x: url(/assets/flags@2x-CK7NHWq8.webp)}:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-text-color:black;--tagify-dd-bg-color:white;--tagify-dd-item-pad:.3em .5em;--tagify-dd-max-height:300px}.tagify{--tags-disabled-bg:#F1F1F1;--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-border-radius:3px;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:.3em .5em;--tag-inset-shadow-size:1.2em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, .5);--tag--min-width:1ch;--tag--max-width:100%;--tag-hide-transition:.3s;--tag-remove-bg:rgba(211, 148, 148, .3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--placeholder-color:rgba(0, 0, 0, .4);--placeholder-color-focus:rgba(0, 0, 0, .25);--loader-size:.8em;--readonly-striped:1;display:inline-flex;align-items:flex-start;align-content:baseline;flex-wrap:wrap;border:1px solid var(--tags-border-color);padding:0;line-height:0;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:has([contenteditable=true]){cursor:text}.tagify:hover:not(.tagify--focus):not(.tagify--invalid){--tags-border-color:var(--tags-hover-border-color)}.tagify[disabled]{background:var(--tags-disabled-bg);filter:saturate(0);opacity:.5;pointer-events:none}.tagify[disabled].tagify--empty>.tagify__input:before{position:relative}.tagify[disabled].tagify--select,.tagify[readonly].tagify--select{pointer-events:none}.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty),.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty){cursor:default}.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div{padding:var(--tag-pad)}.tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div:before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag>div:before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}.tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input>br:last-child{display:none}.tagify--loading .tagify__input:before{content:none}.tagify--loading .tagify__input:after{content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;content:""!important;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty:after{margin-left:0}.tagify+input,.tagify+textarea{position:absolute!important;left:-9999em!important;transform:scale(0)!important}.tagify__tag{display:inline-flex;align-items:center;max-width:var(--tag--max-width);margin-inline:5px 0;margin-block:5px;position:relative;z-index:1;outline:0;line-height:normal;cursor:default;transition:.13s ease-out}.tagify__tag>div{display:flex;flex:1;vertical-align:top;box-sizing:border-box;max-width:100%;padding:var(--tag-pad);color:var(--tag-text-color);line-height:inherit;border-radius:var(--tag-border-radius);white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:var(--tag--min-width);max-width:var(--tag--max-width);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{display:block;outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div>:only-child{width:100%}.tagify__tag>div:before{content:"";position:absolute;border-radius:inherit;inset:var(--tag-bg-inset,0);z-index:-1;pointer-events:none;transition:.12s ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset}.tagify__tag:focus div:before,.tagify__tag:hover:not([readonly]) div:before{--tag-bg-inset:-2.5px;--tag-bg:var(--tag-hover)}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading:after{--loader-size:.4em;content:"";vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);min-width:0;border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div:before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:var(--tag-hide-transition);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div:before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div:before{--tag-bg:var(--tag-invalid-bg);transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div:before{animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused}@keyframes readonlyStyles{0%{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}}.tagify__tag--editable>div{color:var(--tag-text-color--edit)}.tagify__tag--editable>div:before{box-shadow:0 0 0 2px var(--tag-hover) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none;opacity:0;transform:translate(100%) translate(5px)}.tagify__tag--editable.tagify--invalid>div:before{box-shadow:0 0 0 2px var(--tag-invalid-color) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:var(--tag-remove-btn-bg);color:var(--tag-remove-btn-color);width:14px;height:14px;margin-inline:auto 4.6666666667px;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn:after{content:"×";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:var(--tag-remove-btn-bg--hover)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div:before{box-shadow:0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{flex-grow:1;display:inline-block;margin:5px;padding:var(--tag-pad);line-height:normal;min-width:110px;min-height:1.5lh;position:relative;white-space:pre-wrap;color:var(--input-color);box-sizing:inherit;overflow:hidden}.tagify__input:focus{outline:0}.tagify__input:focus:before{transition:.2s ease-out;opacity:0;transform:translate(6px)}@supports (-ms-ime-align:auto){.tagify__input:focus:before{display:none}}.tagify__input:focus:empty:before{transition:.2s ease-out;opacity:1;transform:none;color:#00000040;color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty:after{display:none}}.tagify__input:before{content:attr(data-placeholder);width:100%;height:100%;margin:auto 0;z-index:1;color:var(--placeholder-color);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none;opacity:0;position:absolute}.tagify__input:after{content:attr(data-suggest);display:inline-block;vertical-align:middle;position:absolute;min-width:calc(100% - 1.5em);text-overflow:ellipsis;overflow:hidden;white-space:pre;color:var(--tag-text-color);opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0 1px}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5;display:block}.tagify--mix .tagify__input:before{height:auto;display:none;line-height:inherit}.tagify--mix .tagify__input:after{content:none}.tagify--select{cursor:default}.tagify--select:after{content:">";opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]:after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select[aria-expanded=true] .tagify__tag__removeBtn{pointer-events:none;opacity:0;transform:translate(100%) translate(5px)}.tagify--select .tagify__tag{flex:1;max-width:none;margin-inline-end:2em;margin-block:0;padding-block:5px;cursor:text}.tagify--select .tagify__tag div:before{display:none}.tagify--select .tagify__tag+.tagify__input{display:none}.tagify--empty .tagify__input:before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify--empty .tagify__input:before{display:inline-block}.tagify--focus{--tags-border-color:var(--tags-focus-border-color);transition:0s}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(-1px);border-top:1px solid var(--tagify-dd-color-primary);overflow:hidden}.tagify__dropdown[dir=rtl]{transform:translate(-100%,-1px)}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1.1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{scroll-behavior:auto;max-height:var(--tagify-dd-max-height);overflow:hidden;overflow-x:hidden;color:var(--tagify-dd-text-color);background:var(--tagify-dd-bg-color);border:1px solid;border-color:var(--tagify-dd-color-primary);border-bottom-width:1.5px;border-top-width:0;box-shadow:0 2px 4px -2px #0003;transition:.3s cubic-bezier(.5,0,.3,1),transform .15s;animation:dd-wrapper-show 0s .3s forwards}@keyframes dd-wrapper-show{to{overflow-y:auto}}.tagify__dropdown__header:empty{display:none}.tagify__dropdown__footer{display:inline-block;margin-top:.5em;padding:var(--tagify-dd-item-pad);font-size:.7em;font-style:italic;opacity:.5}.tagify__dropdown__footer:empty{display:none}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:border-box;padding:var(--tagify-dd-item-pad);margin:1px;white-space:pre-wrap;cursor:pointer;border-radius:2px;outline:0;max-height:60px;max-width:100%;line-height:normal;position:relative}.tagify__dropdown__item--active{background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)}.tagify__dropdown__item--hidden{padding-top:0;padding-bottom:0;margin:0 1px;pointer-events:none;overflow:hidden;max-height:0;transition:var(--tagify-dd-item--hidden-duration,.3s)!important}.tagify__dropdown__item--hidden>*{transform:translateY(-100%);opacity:0;transition:inherit}.tagify__dropdown__item--selected:before{content:"✓";font-family:monospace;position:absolute;inset-inline-start:6px;text-indent:0;line-height:1.1}.tagify__dropdown:has(.tagify__dropdown__item--selected) .tagify__dropdown__item{text-indent:1em}