/* Nexo depth: CSS geometry and layered surfaces, with no rendering engine. */
:root{--nexo-shadow-soft:0 2px 2px #12365b04,0 10px 26px -16px #12365b26;--nexo-shadow-raised:0 2px 3px #12365b05,0 14px 30px -16px #12365b35;--nexo-bevel:inset 0 1px 0 #ffffffed,inset 0 -1px 0 #16376508}
.fi-body{background:radial-gradient(ellipse at 95% 0,#e8f4f2 0,transparent 42%),#f4f7fc;background-attachment:fixed}
.fi-topbar{box-shadow:0 4px 18px #09295008;border-bottom-color:#dce5f0}
.fi-sidebar{box-shadow:inset -1px 0 0 #fff1,7px 0 24px #112b5108}
.fi-sidebar-nav .fi-sidebar-item.fi-active>.fi-sidebar-item-btn{background:linear-gradient(125deg,#264c76,#193b62)!important;box-shadow:inset 3px 0 var(--nexo-accent),inset 0 1px 0 #9dbfe123,0 5px 10px #03193224}
.fi-logo .nexo-mark,.nexo-login-mobile-brand .nexo-mark{filter:drop-shadow(0 3px 0 #001b54) drop-shadow(0 5px 5px #002d8722)}
.fi-section,.fi-ta,.fi-wi-stats-overview-stat,.nexo-welcome,.nexo-task-board,.nexo-plan-section,.nexo-report-filters,.nexo-report-history{border-color:#dfe7f1;box-shadow:var(--nexo-bevel),var(--nexo-shadow-soft)}
.nexo-welcome{border-radius:18px}.nexo-welcome-top{position:relative;background:radial-gradient(ellipse at 90% 35%,#d8f3ec80,transparent 38%),linear-gradient(125deg,#fff,#f5f9ff 65%,#edf7f5);padding-block:24px;min-height:205px;gap:18px}
.nexo-welcome-top>div:first-child{min-width:0;position:relative;z-index:1}.nexo-welcome-top h2{font-size:30px}.nexo-welcome-top:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#b8d5e780,transparent);pointer-events:none}
.nexo-welcome-aside{position:relative;width:232px;height:160px;flex-shrink:0}.nexo-welcome-aside .nexo-welcome-status{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:8px 12px;z-index:1;background:#fffffff2;box-shadow:0 3px 0 #e1e9e6,0 10px 18px -13px #214c5140;border-color:#d6e4df;font-size:10px}
.nexo-welcome-metrics>a{background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:inset 0 1px #fff}.nexo-welcome-metrics strong,.fi-wi-stats-overview-stat-value{text-shadow:0 1px 0 #fff,0 3px 5px #002d8708}
.nexo-welcome-actions>a{background:linear-gradient(150deg,#fff,#f7faff);border-color:#dce6f2;box-shadow:0 3px 0 #e9eef6,0 8px 16px -13px #1a457d30;transition:box-shadow .18s,border-color .18s}
.nexo-shortcut-icon,.nexo-section-symbol{background:linear-gradient(145deg,#f7fcff,#ddeafc);color:#355c95;border:1px solid #d1e1f3;box-shadow:inset 1px 1px 0 #fff,0 3px 0 #bfcee4,0 6px 10px -5px #1c477930;transform:perspective(350px) rotateY(-9deg) rotateX(6deg);border-radius:11px}
.nexo-shortcut-icon>.nexo-icon{filter:drop-shadow(0 1px 0 #fff)}
.nexo-button,.nexo-icon-button,.nexo-launcher{background-image:linear-gradient(160deg,#ffffffa8,#eaf1fa44);box-shadow:inset 0 1px #fff,0 2px 0 #e1e8f1;transition:box-shadow .16s,background-color .16s}
.nexo-button.nexo-primary,.nexo-login-card button[type=submit]{background:linear-gradient(145deg,#174994,var(--nexo-primary))!important;color:#fff!important;border-color:#153d76;box-shadow:inset 0 1px 0 #8dafdc66,0 3px 0 #001c52,0 8px 15px -7px #002d8750}
.nexo-module-search{box-shadow:inset 0 2px 5px #2d517c08,0 1px 0 #fff;background-image:linear-gradient(180deg,#f4f7fc,#fbfdff)}
.nexo-report-card,.nexo-plan-metrics>div{background:linear-gradient(145deg,#fff,#f9fbff);box-shadow:inset 0 1px #fff,0 4px 0 #e5ebf4,0 14px 25px -18px #20436b40;border-color:#dce5f0}
.nexo-report-card.is-primary{border-top-color:var(--nexo-primary);background:radial-gradient(ellipse at 100% 0,#dff4f155,transparent 70%),#fff}
.nexo-report-card header>.nexo-icon{padding:8px;box-sizing:content-box;background:linear-gradient(140deg,#eef5ff,#dae7fa);border:1px solid #ccdcf0;border-radius:10px;box-shadow:inset 1px 1px #fff,0 3px 0 #bfcee5}
.nexo-plan-metrics>div:first-child{background:linear-gradient(140deg,#194b7c,#08254b);box-shadow:inset 0 1px #81a9d138,0 4px 0 #031833,0 16px 24px -15px #12365966;border-color:#244a71}
.nexo-module-dialog{box-shadow:inset 0 1px #fff,0 8px 0 #bfcddd,0 32px 90px #00152e66}.nexo-module-links a:hover{box-shadow:inset 0 1px #fff,0 2px 0 #e2eaf4}
/* The geometric illustration has true CSS front, side and top faces. */
.nexo-depth-scene{--scene-scale:1;position:relative;width:320px;height:245px;max-width:100%;pointer-events:none;user-select:none;flex-shrink:0}
.nexo-depth-stage{position:absolute;width:320px;height:245px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scene-scale));perspective:700px}
.nexo-depth-orbit{position:absolute;width:236px;height:154px;left:45px;top:44px;border:1px solid #86c2c844;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 20px #8bcede07}
.nexo-depth-platform{position:absolute;width:196px;height:124px;left:70px;top:123px;border-radius:35px;transform:rotateX(67deg) rotateZ(-27deg);background:linear-gradient(140deg,#d0e8f177,#57baa826);border:1px solid #c0f4e655;box-shadow:7px 15px 4px #061e3c14,0 35px 33px #0c365a20}
.nexo-depth-core{position:absolute;width:104px;height:104px;left:114px;top:49px;transform-style:preserve-3d;transform:rotateX(-14deg) rotateY(-27deg) rotateZ(-10deg)}
.nexo-depth-face{position:absolute;display:flex;align-items:center;justify-content:center;backface-visibility:hidden}
.nexo-depth-face--front{width:104px;height:104px;transform:translateZ(26px);border-radius:21px;background:linear-gradient(145deg,#1d548c,#072858 75%);border:1px solid #70a6d366;box-shadow:inset 2px 2px 2px #b0dfff55,inset -2px -2px 3px #00133288;overflow:hidden}
.nexo-depth-face--right{width:52px;height:104px;transform:translateX(78px) rotateY(90deg);border-radius:14px;background:linear-gradient(90deg,#031936,#0b3971);box-shadow:inset 0 1px #79b3e144,inset 0 -2px #01132c}
.nexo-depth-face--top{width:104px;height:52px;transform:translateY(-26px) rotateX(90deg);border-radius:15px;background:linear-gradient(160deg,#5797be,#164878);border:1px solid #a7e4ed55}
.nexo-depth-face--front svg{filter:drop-shadow(1px 3px 1px #00153699) drop-shadow(0 0 8px #00dfb022)}
.nexo-depth-glint{position:absolute;inset:0;background:linear-gradient(125deg,#fff2,transparent 46%);pointer-events:none}
.nexo-depth-orb{position:absolute;width:41px;height:41px;left:240px;top:40px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#ddfff6 0,#73ecd5 17%,#00c6a1 40%,#127f80 70%,#06485d 100%);box-shadow:inset -4px -4px 7px #043f5b40,7px 13px 15px #062f5840}
.nexo-depth-card{position:absolute;display:flex;align-items:center;gap:9px;padding:13px;border:1px solid #f2fcffb3;border-radius:12px;background:linear-gradient(135deg,#fffffff5,#edf8fff2);box-shadow:0 4px 0 #bacddc,8px 17px 24px -9px #061d4655;color:#18395e;backface-visibility:hidden}
.nexo-depth-card--chat{left:20px;top:151px;transform:rotate(-8deg);width:173px}.nexo-depth-card--chat>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#edf6ff,#c9ddf6);color:#376293;box-shadow:0 2px 0 #b6cce3;flex-shrink:0}.nexo-depth-card strong{display:block;font-size:10px;font-weight:650;letter-spacing:.01em}.nexo-depth-card i{display:block;width:75px;height:3px;border-radius:3px;background:#cfdeeb;margin-top:6px}.nexo-depth-card i:last-child{width:48px;background:#dce7ef}
.nexo-depth-card--sofia{right:3px;top:119px;transform:rotate(9deg);gap:7px;padding:11px 13px;box-shadow:0 3px 0 #bbd9d0,9px 14px 20px -8px #052b4955}.nexo-depth-card--sofia>span{color:#2c9280}.nexo-depth-card--sofia .nexo-icon{width:19px;height:19px}
.nexo-depth-spark{position:absolute;width:7px;height:7px;border-radius:2px;background:#9edacb;transform:rotate(45deg);box-shadow:1px 3px 0 #17677144}.nexo-depth-spark--one{left:54px;top:64px}.nexo-depth-spark--two{right:33px;bottom:24px;width:5px;height:5px}
.nexo-depth-scene--compact{--scene-scale:.64;width:232px;height:148px;position:absolute;top:-15px;right:0}
/* Login keeps the form on a flat plane and uses depth only in the illustration. */
.nexo-login-story{background:#08254b}.nexo-login-story:before{background:radial-gradient(ellipse at 85% 65%,#10657480,transparent 50%),linear-gradient(145deg,#08254b,#0b3564)}
.nexo-login-intro{padding-top:42px;padding-bottom:14px}.nexo-login-intro h1{text-shadow:0 3px 15px #02193620}.nexo-login-illustration{padding:0;margin:0 auto 14px;width:320px;max-width:100%}.nexo-login-story>footer{padding-top:18px}
.nexo-login-panel{background:radial-gradient(ellipse at 90% 12%,#e8f3f3,transparent 45%),#f7f9fd}.nexo-login-tenant{box-shadow:inset 0 1px #fff,0 3px 0 #e3eaf2}.nexo-login-card .fi-input-wrp{box-shadow:inset 0 2px 5px #1c456d06,0 1px #fff!important}.nexo-login-notice{box-shadow:inset 0 1px #fff,0 3px 0 #ece6d8}
@media(hover:hover) and (pointer:fine){.nexo-welcome-actions>a:hover{box-shadow:0 4px 0 #d4e0ef,0 14px 24px -13px #153c7044;border-color:#aec5e1}.nexo-button:hover,.nexo-icon-button:hover{box-shadow:inset 0 1px #fff,0 3px 0 #cfdcea}.nexo-button:active,.nexo-icon-button:active{box-shadow:inset 0 2px 4px #23456512,0 1px 0 #dbe4ee}.nexo-welcome:hover .nexo-depth-core,.nexo-login-story:hover .nexo-depth-core{transform:translateY(-5px) rotateX(-10deg) rotateY(-20deg) rotateZ(-8deg)}.nexo-depth-core{transition:transform .65s ease}}
@media(max-width:1100px){.nexo-welcome-aside{width:205px}.nexo-depth-scene--compact{width:205px}.nexo-welcome-top h2{font-size:27px}.nexo-login-intro h1{font-size:38px}.nexo-login-story{padding:32px}.nexo-login-intro p{font-size:13px}.nexo-login-illustration{width:270px}.nexo-depth-scene--hero{--scene-scale:.86;width:270px;height:212px}}
@media(max-width:767px){.fi-body{background-attachment:scroll}.nexo-welcome-top{min-height:0;padding:23px 20px 14px;gap:6px;display:flex;flex-direction:column;align-items:stretch}.nexo-welcome-top h2{font-size:25px}.nexo-welcome-aside{width:100%;height:86px;display:flex;align-items:center}.nexo-welcome-aside .nexo-welcome-status{position:relative;left:auto;bottom:auto;transform:none;font-size:11px}.nexo-depth-scene--compact{--scene-scale:.39;width:124px;height:90px;top:-6px;right:-12px}.nexo-welcome-actions>a{box-shadow:0 2px 0 #e5ebf3,0 6px 14px -12px #18375940}.nexo-report-card,.nexo-plan-metrics>div{box-shadow:inset 0 1px #fff,0 3px 0 #e5ebf4,0 9px 18px -15px #20436b30}.bandeja-grid.has-sel{box-shadow:none}.nexo-depth-core{transition:none}.nexo-login-panel{background:radial-gradient(ellipse at 90% 0,#e6f4f0,transparent 36%),#f8fafd}}
@media(prefers-reduced-motion:reduce){.nexo-depth-core,.nexo-shortcut-icon{transition:none!important}.nexo-welcome:hover .nexo-depth-core,.nexo-login-story:hover .nexo-depth-core{transform:rotateX(-14deg) rotateY(-27deg) rotateZ(-10deg)}.nexo-shortcut-icon{transform:none}}
@media(forced-colors:active){.nexo-depth-scene{display:none}.nexo-welcome-aside{height:auto}.nexo-welcome-aside .nexo-welcome-status{position:static;transform:none}.nexo-shortcut-icon,.nexo-avatar,.nexo-report-card{box-shadow:none}}