:root{--nav-bg:#000000eb;--nav-bg-dark:#000000fa;--nav-border:#ffffff1a;--nav-border-soft:#ffffff0f;--text-main:#f5f8ff;--text-muted:#9eacc3;--text-menu:#b7c2d5;--blue:#f5c400;--blue-strong:#d4a800;--blue-light:#ffe066;--blue-glow:#f5c40073;--danger:#ff3848;--success:#18df7a;--radius-main:24px;--radius-item:16px;--nav-height:48px;--ease-liquid:cubic-bezier(.22, 1, .36, 1)}.sucena-navbar,.sucena-navbar *{box-sizing:border-box}.sucena-navbar button,.sucena-navbar a{font-family:Segoe UI Variable,Segoe UI,Inter,Arial,sans-serif}.sucena-navbar{width:calc(100% - 24px);min-height:var(--nav-height);border-radius:var(--radius-main);border:1px solid var(--nav-border);-webkit-backdrop-filter:blur(28px)saturate(120%);isolation:isolate;background:linear-gradient(#0a0a0af5 0%,#000000fa 100%);border-bottom-color:#0000;align-items:stretch;margin:12px;padding:0 12px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #000000b3,0 8px 26px #0006,inset 0 1px #ffffff0f}.sucena-navbar:before{content:"";pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(#ffffff0a,#fff0);position:absolute;inset:0}.sucena-navbar:after{content:none}.nav-contract{flex-direction:row;flex-shrink:0;align-items:center;gap:8px;width:auto;min-width:max-content;padding:8px 16px 8px 8px;display:flex;position:relative}.nav-contract:after{content:"";background:linear-gradient(#0000,#ffffff29,#0000);width:1px;position:absolute;top:14px;bottom:14px;right:0}.contract-top{align-items:center;gap:10px;display:flex}.contract-icon{color:#a9bad4;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.contract-info{flex-direction:column;line-height:1.15;display:flex}.contract-label{color:#8a98af;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.contract-number{color:#fff;letter-spacing:.01em;margin-top:2px;font-size:12px;font-weight:750}.nav-avatar-area{align-items:center;margin-top:0;padding-left:0;display:flex}.nav-avatar{border-radius:50%;width:32px;height:32px;transition:transform .18s,filter .18s;position:relative;overflow:visible}.nav-avatar:hover{filter:brightness(1.08);transform:scale(1.055)}.nav-avatar img,.nav-avatar div{object-fit:cover;border:1px solid #ffffff38;border-radius:50%;width:100%;height:100%;box-shadow:0 4px 12px #0000004d,0 0 0 2px #ffffff08}.avatar-online{background:#18df7a;border:2px solid #101a2a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:-1px;box-shadow:0 0 8px #18df7a80}.nav-menu-wrapper{flex:1;align-items:stretch;min-width:0;display:flex;position:relative;overflow:hidden}.nav-menu-scroll{scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain;flex:1;align-items:stretch;display:flex;position:relative;overflow:auto hidden}.nav-menu-scroll::-webkit-scrollbar{display:none}.nav-menu{align-items:stretch;gap:2px;width:max-content;min-width:100%;padding:0 6px;display:flex;position:relative}.nav-item{z-index:5;min-width:0;height:100%;color:var(--text-menu);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:22px;outline:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 8px 5px;text-decoration:none;transition:color .18s,transform .18s,background-color .18s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff09;transform:translateY(-1px)}.nav-item:active{transform:scale(.97)}.nav-item.active{color:#fff}.nav-item-icon{z-index:3;color:#a8b9d5;place-items:center;width:18px;height:18px;transition:color .2s,transform .2s,filter .2s;display:grid;position:relative}.nav-item-icon svg{stroke-width:1.8px;width:16px;height:16px}.nav-item:hover .nav-item-icon{color:#f3e5ab;transform:translateY(-1px)}.nav-item.active .nav-item-icon{color:#fff;filter:drop-shadow(0 0 8px #c9a84ca6);transform:translateY(-1px)}.nav-item-text{z-index:3;color:inherit;letter-spacing:0;text-transform:uppercase;font-size:8.5px;font-weight:650;position:relative}.liquid-indicator{z-index:1;pointer-events:none;transform-origin:50%;will-change:transform, width;width:100px;height:100%;transition:transform .62s var(--ease-liquid), width .62s var(--ease-liquid);background:radial-gradient(circle at 48% 20%,#ffdc328c,#0000 35%),linear-gradient(#dcaa00b3 0%,#b4870094 45%,#8c64004d 100%);border:1px solid #f5c400d9;border-radius:28px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 1px #ffffff61,inset 0 -16px 25px #c8960029,0 0 22px #f5c40066,0 8px 28px #f5c40047}.liquid-indicator:before{content:"";filter:blur(5px);opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff75,#f0d2783b,#0000);width:80%;height:150%;position:absolute;top:-25%;left:-60%;transform:rotate(16deg)}.liquid-indicator:after{content:"";filter:blur(1px);opacity:.8;pointer-events:none;background:radial-gradient(circle at 20% 30%,#fff3,#0000 27%),radial-gradient(circle at 75% 60%,#c9a84c26,#0000 38%);position:absolute;inset:0}.liquid-indicator.is-moving{animation:liquidMorph .62s var(--ease-liquid)}.liquid-indicator.is-moving:before{animation:.62s ease-out liquidShine}.liquid-indicator.is-moving:after{animation:.62s ease-out liquidWave}@keyframes liquidMorph{0%{border-radius:28px;scale:1}18%{border-radius:34px 22px 26px 36px;scale:1.08 .92}42%{border-radius:22px 36px 34px 24px;scale:1.12 .9}68%{border-radius:35px 24px 30px 32px;scale:.985 1.045}84%{scale:1.015 .985}to{border-radius:28px;scale:1}}@keyframes liquidShine{0%{opacity:0;left:-85%}20%{opacity:.6}65%{opacity:.7}to{opacity:0;left:125%}}@keyframes liquidWave{0%{transform:translate(-8%)skew(-2deg)}30%{transform:translate(5%)skew(4deg)}60%{transform:translate(-3%)skew(-2deg)}to{transform:translate(0)skew(0deg)}}.nav-item.active:after{content:"";z-index:4;background:#f5c400;border-radius:999px;width:22px;height:2px;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #f5c400e6,0 0 14px #f5c400}.nav-divider{background:linear-gradient(#0000,#ffffff1f,#0000);flex-shrink:0;width:1px;margin:26px 5px}.nav-item.emergency,.nav-item.emergency .nav-item-icon{color:#ff4050}.nav-item.emergency:hover{color:#ff6571;background:#ff283c12}.nav-item.emergency:hover .nav-item-icon{color:#ff6571;filter:drop-shadow(0 0 8px #ff384859)}.nav-item.emergency.active{color:#fff}.nav-item.emergency.active:after{background:#ff4c5a;box-shadow:0 0 8px #ff3e50cc,0 0 16px #ff2c4080}.liquid-indicator.emergency-mode{background:radial-gradient(circle at 45% 20%,#ff737d61,#0000 38%),linear-gradient(#aa23316b,#67132152);border-color:#ff505f9e;box-shadow:inset 0 1px #ffffff2e,0 0 22px #ff30442e}.nav-actions{flex-shrink:0;align-items:center;gap:6px;padding-left:10px;display:flex;position:relative}.nav-actions:before{content:"";background:linear-gradient(#0000,#ffffff29,#0000);width:1px;height:38px;margin-right:4px}.nav-action-btn{color:#c3d3ed;cursor:pointer;background:linear-gradient(145deg,#2d2616b8,#19140cd1);border:1px solid #ffffff14;border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .18s,background .18s,color .18s,border-color .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0f,0 6px 15px #00000038}.nav-action-btn:hover{color:#fff;background:linear-gradient(145deg,#463a1ec7,#231c0ee6);border-color:#c9a84c40;transform:translateY(-2px)scale(1.04)}.nav-action-btn:active{transform:scale(.94)}.nav-action-btn.primary{color:#fff;background:linear-gradient(145deg,#c9a84c,#a68434);border-color:#c9a84c80;box-shadow:0 0 18px #c9a84c75,inset 0 1px #ffffff47}.nav-add-btn{color:#fff;cursor:pointer;background:linear-gradient(145deg,#19e781,#02ad57);border:1px solid #8cffc457;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .18s,filter .18s,box-shadow .18s;display:grid;box-shadow:0 0 0 4px #00e06a12,0 0 18px #00e06a61,inset 0 1px #ffffff52}.nav-add-btn:hover{filter:brightness(1.08);transform:scale(1.08);box-shadow:0 0 0 5px #00e06a14,0 0 24px #00e06a7a}.nav-add-btn:active{transform:scale(.93)}.nav-item .ripple,.nav-action-btn .ripple{pointer-events:none;background:#ffffff2e;border-radius:50%;animation:.52s ease-out navRipple;position:absolute;transform:scale(0)}@keyframes navRipple{to{opacity:0;transform:scale(4)}}.nav-item:focus-visible,.nav-action-btn:focus-visible,.nav-add-btn:focus-visible{outline-offset:-3px;outline:2px solid #c9a84ce0}@media (width<=1500px){.nav-contract{width:150px;min-width:150px}.nav-item{min-width:90px;padding-left:10px;padding-right:10px}.nav-item-text{font-size:10px}}@media (width<=1200px){:root{--nav-height:94px}.sucena-navbar{border-radius:25px}.nav-contract{width:135px;min-width:135px}.contract-number{font-size:13px}.nav-avatar{width:40px;height:40px}.nav-item{gap:5px;min-width:82px}.nav-item-icon svg{width:21px;height:21px}.nav-item-text{font-size:9px}.nav-actions{gap:6px}.nav-action-btn{width:40px;height:40px}}@media (width<=800px){.sucena-navbar{border-radius:20px}}@media (prefers-reduced-motion:reduce){.liquid-indicator{transition:transform .16s,width .16s}.liquid-indicator.is-moving,.liquid-indicator.is-moving:before,.liquid-indicator.is-moving:after{animation:none!important}.nav-item,.nav-action-btn,.nav-add-btn{transition-duration:.1s}}.liquid-indicator.is-moving{filter:saturate(1.15)brightness(1.08)}.liquid-indicator.is-moving:after{background:radial-gradient(at 10%,#ffffff40,#0000 30%),radial-gradient(at 80% 30%,#c9a84c47,#0000 35%),linear-gradient(115deg,#0000 10%,#ffffff14 40%,#0000 70%)}.liquid-indicator.water-stretch{filter:saturate(1.18)brightness(1.1);border-radius:38px 24px 32px 40px}.sucena-mobile-header{z-index:50;width:100%;height:56px;min-height:56px;padding:0 12px;padding-left:max(12px, env(safe-area-inset-left,12px));padding-right:max(12px, env(safe-area-inset-right,12px));padding-top:max(0px, env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(10px)saturate(140%);background:#08101ee0;border-bottom:1px solid #c9a84c33;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}:root:not(.dark) .sucena-mobile-header{background:#f4f3f0f0;border-bottom:1px solid #00000014}.sucena-mobile-hamburger{color:#c9a84c;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background .18s,transform .12s;display:flex}.sucena-mobile-hamburger:hover{background:#c9a84c1a}.sucena-mobile-hamburger:active{transform:scale(.93)}:root:not(.dark) .sucena-mobile-hamburger{color:#6b5a2d}.sucena-mobile-title{letter-spacing:.01em;color:#f5f8ff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Segoe UI Variable,Segoe UI,Inter,Arial,sans-serif;font-size:15px;font-weight:650;overflow:hidden}:root:not(.dark) .sucena-mobile-title{color:#1a1a1a}.sucena-mobile-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.sucena-mobile-action-btn{color:#9eacc3;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background .18s,color .18s,transform .12s;display:flex}.sucena-mobile-action-btn:hover{color:#fff;background:#ffffff14}.sucena-mobile-action-btn:active{transform:scale(.93)}:root:not(.dark) .sucena-mobile-action-btn{color:#555}:root:not(.dark) .sucena-mobile-action-btn:hover{color:#111;background:#0000000f}.sucena-mobile-theme-btn{color:#c9a84c}:root:not(.dark) .sucena-mobile-theme-btn{color:#a68434}.sucena-drawer-backdrop{z-index:59;-webkit-backdrop-filter:blur();pointer-events:none;background:0 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0}.sucena-drawer-backdrop--open{-webkit-backdrop-filter:blur(4px);pointer-events:all;background:#0009}.sucena-drawer{z-index:60;overscroll-behavior:contain;width:min(300px,86vw);height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.sucena-drawer--open{transform:translate(0)}.sucena-drawer--dark{background:linear-gradient(#0c1018fa 0%,#080c12fc 100%);border-right:1px solid #c9a84c33;box-shadow:4px 0 40px #0009,1px 0 #c9a84c1a}.sucena-drawer--light{background:linear-gradient(#faf9f6fa 0%,#f4f3f0fc 100%);border-right:1px solid #00000014;box-shadow:4px 0 30px #00000026}.sucena-drawer-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.sucena-drawer-logo{align-items:center;gap:10px;display:flex}.sucena-drawer-contract{flex-direction:column;line-height:1.2;display:flex}.sucena-drawer-contract-label{text-transform:uppercase;letter-spacing:.08em;color:#8a98af;font-size:8px;font-weight:700}.sucena-drawer--light .sucena-drawer-contract-label{color:#8a8a8a}.sucena-drawer-contract-number{color:#c9a84c;font-size:11px;font-weight:750}.sucena-drawer--light .sucena-drawer-contract-number{color:#a68434}.sucena-drawer-close{color:#9eacc3;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background .18s,color .18s,transform .12s;display:flex}.sucena-drawer-close:hover{color:#fff;background:#ffffff14}.sucena-drawer--light .sucena-drawer-close{color:#666}.sucena-drawer--light .sucena-drawer-close:hover{color:#111;background:#0000000f}.sucena-drawer-close:active{transform:scale(.9)}.sucena-drawer-user{cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin:0 8px;padding:12px 16px;transition:background .18s;display:flex}.sucena-drawer-user:hover{background:#ffffff0d}.sucena-drawer--light .sucena-drawer-user:hover{background:#0000000a}.sucena-drawer-avatar{flex-shrink:0;width:44px;height:44px;position:relative}.sucena-drawer-avatar img{object-fit:cover;border:1.5px solid #fff3;border-radius:50%;width:100%;height:100%}.sucena-drawer-avatar-placeholder{color:#c9a84c;background:#c9a84c26;border:1.5px solid #c9a84c4d;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:18px;font-weight:700;display:flex}.sucena-drawer-avatar-online{background:#18df7a;border:2px solid #0a0e16e6;border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:-1px;box-shadow:0 0 6px #18df7a80}.sucena-drawer--light .sucena-drawer-avatar-online{border-color:#f4f3f0e6}.sucena-drawer-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sucena-drawer-user-name{color:#f5f8ff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.sucena-drawer--light .sucena-drawer-user-name{color:#111}.sucena-drawer-user-role{color:#8a98af;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sucena-drawer--light .sucena-drawer-user-role{color:#777}.sucena-drawer-user-chevron{color:#4a5568;flex-shrink:0}.sucena-drawer--light .sucena-drawer-user-chevron{color:#aaa}.sucena-drawer-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);flex-shrink:0;height:1px;margin:8px 16px}.sucena-drawer--light .sucena-drawer-divider{background:linear-gradient(90deg,#0000,#0000001a,#0000)}.sucena-drawer-nav{scrollbar-width:none;flex-direction:column;flex:1;gap:2px;padding:4px 8px;display:flex;overflow:hidden auto}.sucena-drawer-nav::-webkit-scrollbar{display:none}.sucena-drawer-item{color:#9eacc3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:48px;padding:10px 14px;font-family:Segoe UI Variable,Segoe UI,Inter,Arial,sans-serif;font-size:14px;font-weight:500;transition:background .18s,color .18s,transform .12s;display:flex;position:relative}.sucena-drawer-item:hover{color:#fff;background:#ffffff0d}.sucena-drawer-item:active{transform:scale(.98)}.sucena-drawer--light .sucena-drawer-item{color:#555}.sucena-drawer--light .sucena-drawer-item:hover{color:#111;background:#0000000a}.sucena-drawer-item--active{color:#e4c771;background:#c9a84c1f;font-weight:650}.sucena-drawer-item--active:hover{color:#ffe08a;background:#c9a84c2e}.sucena-drawer--light .sucena-drawer-item--active{color:#8a6c28;background:#a684341f}.sucena-drawer--light .sucena-drawer-item--active:hover{color:#6b5220;background:#a684342e}.sucena-drawer-item--emergency{color:#ff5060}.sucena-drawer--light .sucena-drawer-item--emergency{color:#cc2030}.sucena-drawer-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sucena-drawer-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sucena-drawer-item-active-dot{background:#c9a84c;border-radius:50%;flex-shrink:0;width:6px;height:6px}.sucena-drawer--light .sucena-drawer-item-active-dot{background:#a68434}.sucena-drawer-footer{border-top:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:2px;padding:8px 8px 12px;display:flex}.sucena-drawer--light .sucena-drawer-footer{border-top:1px solid #00000012}.sucena-drawer-theme-toggle,.sucena-drawer-logout{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 14px;font-family:Segoe UI Variable,Segoe UI,Inter,Arial,sans-serif;font-size:13px;font-weight:500;transition:background .18s,color .18s,transform .12s;display:flex}.sucena-drawer-theme-toggle{color:#c9a84c}.sucena-drawer-theme-toggle:hover{background:#c9a84c14}.sucena-drawer--light .sucena-drawer-theme-toggle{color:#8a6c28}.sucena-drawer--light .sucena-drawer-theme-toggle:hover{background:#a684340f}.sucena-drawer-logout{color:#ff6070}.sucena-drawer-logout:hover{background:#ff3c5014}.sucena-drawer--light .sucena-drawer-logout{color:#cc2030}.sucena-drawer--light .sucena-drawer-logout:hover{background:#c814280f}.sucena-drawer-theme-toggle:active,.sucena-drawer-logout:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.sucena-drawer{transition:transform .1s}.sucena-drawer-backdrop{transition:background .1s}}@media (width>=1024px){.sucena-mobile-header,.sucena-drawer,.sucena-drawer-backdrop{display:none!important}}