/* Original sidebar, header and six accesses. Finish derived from the login experience. */
@layer panel504;
@layer panel504 {
@media screen {
body.panel504{display:flex!important;box-sizing:border-box!important;height:100dvh!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#f6f8fc!important;color:#112342!important;font-family:Inter,"Segoe UI",system-ui,sans-serif!important;}
.panel504 :is(#app-sidebar,.p504-topbar,#view-home,.bottom-bar,.p504-dialog),.panel504 :is(#app-sidebar,.p504-topbar,#view-home,.bottom-bar,.p504-dialog) *{box-sizing:border-box!important;font-family:Inter,"Segoe UI",system-ui,sans-serif!important;}
.panel504 .p504-icon{width:20px!important;height:20px!important;flex-shrink:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;}
.panel504 :is(button,a,input):focus-visible{outline:3px solid #e63245!important;outline-offset:4px!important;}
.panel504 [hidden][hidden]{display:none!important;}
.panel504 #app-sidebar{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 0 260px!important;min-width:260px!important;width:260px!important;height:100dvh!important;margin:0!important;padding:0!important;border:0!important;border-right:1px solid #e4e9f1!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;z-index:100!important;}
.panel504 #app-sidebar.collapsed{width:0!important;min-width:0!important;flex-basis:0!important;border:0!important;}
.panel504 .sidebar-brand{display:flex!important;align-items:center!important;gap:15px!important;width:100%!important;height:82px!important;min-height:82px!important;margin:0!important;padding:0 28px!important;border:0!important;border-bottom:1px solid #e4e9f1!important;border-radius:0!important;background:#fff!important;color:#112342!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important;}
.panel504 .logo-box-mini{position:relative!important;padding:0 14px 0 0!important;background:transparent!important;border:0!important;border-right:1px solid #dce4ef!important;border-radius:0!important;color:#142d54!important;box-shadow:none!important;font-size:35px!important;font-weight:800!important;line-height:1!important;letter-spacing:-3px!important;}
.panel504 .logo-box-mini>span{position:absolute!important;top:-2px!important;right:6px!important;font-size:7px!important;letter-spacing:0!important;color:#e63245!important;}
.panel504 .brand-text-mini{display:flex!important;flex-direction:column!important;gap:7px!important;}
.panel504 .brand-text-mini>strong{font-size:14px!important;font-weight:600!important;line-height:1!important;letter-spacing:3px!important;color:#142d54!important;}
.panel504 #sidebar-subtitle{display:block!important;margin:0!important;color:#8091aa!important;font-size:7px!important;line-height:1.4!important;letter-spacing:1.3px!important;font-weight:400!important;text-transform:uppercase!important;}
.panel504 .sidebar-menu{display:flex!important;flex-direction:column!important;flex:1!important;min-height:100px!important;gap:5px!important;margin:0!important;padding:25px 17px 20px!important;list-style:none!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#d0dbe9 transparent!important;}
.panel504 .menu-category{margin:0 0 9px!important;padding:8px 12px 0!important;color:#8a9ab1!important;font-size:9px!important;line-height:1.6!important;letter-spacing:1.8px!important;font-weight:500!important;}
.panel504 .menu-category:nth-of-type(8){margin-top:23px!important;}
.panel504 .menu-item{position:relative!important;display:flex!important;align-items:center!important;flex-shrink:0!important;gap:13px!important;min-height:44px!important;margin:0!important;padding:12px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#657a97!important;box-shadow:none!important;font-size:12px!important;line-height:1.5!important;font-weight:450!important;cursor:pointer!important;transition:background .2s,color .2s,border-color .2s!important;}
.panel504 .menu-item:hover{background:#f5f7fb!important;border-color:transparent!important;color:#142d54!important;transform:none!important;}
.panel504 .menu-item.active{background:linear-gradient(110deg,#fff6d7,#fffbef)!important;border-color:#f0dfaa!important;color:#233f64!important;font-weight:600!important;box-shadow:inset 2px 0 #ffcc33!important;}
.panel504 .menu-icon-side{display:grid!important;place-items:center!important;flex-shrink:0!important;width:18px!important;height:18px!important;color:#8b9eb9!important;transform:none!important;}
.panel504 .menu-item .p504-icon{width:19px!important;height:19px!important;}
.panel504 .menu-item.active .menu-icon-side{color:#314f79!important;}
.panel504 .p504-nav-dot{width:5px!important;height:5px!important;margin-left:auto!important;border-radius:50%!important;background:#e5b630!important;}
.panel504 .p504-service-slot{margin:0 20px 17px!important;padding:16px 9px 0!important;border-top:1px solid #e9edf4!important;}
.panel504 .p504-service-slot>p{margin:0 0 8px!important;color:#8a9ab1!important;font-size:8px!important;font-weight:500!important;line-height:1.6!important;letter-spacing:1.6px!important;}
.panel504 #app-sidebar .sc504-launchers{display:grid!important;grid-template-columns:1fr!important;gap:2px!important;margin:0!important;border:0!important;background:transparent!important;}
.panel504 #app-sidebar .sc504-launchers button{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:35px!important;margin:0!important;padding:6px 0!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#778ba5!important;box-shadow:none!important;font-size:11px!important;font-weight:400!important;text-align:left!important;cursor:pointer!important;}
.panel504 #app-sidebar .sc504-launchers button:before{content:'↗'!important;width:18px!important;color:#9aaac0!important;font-size:17px!important;}
.panel504 #app-sidebar .sc504-launchers button:hover{color:#294b79!important;}
.panel504 .sidebar-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:56px!important;height:56px!important;padding:16px 27px!important;border-top:1px solid #e9edf4!important;background:#fcfdff!important;color:#7c8da6!important;font-size:9px!important;font-weight:400!important;}
.panel504 .p504-network{display:inline-flex!important;align-items:center!important;gap:7px!important;}
.panel504 .p504-network i{width:5px!important;height:5px!important;border-radius:50%!important;background:#5ca692!important;}
.panel504 .p504-network.is-offline i{background:#d8b35e!important;}
.panel504 .p504-edition{color:#a1afc1!important;font-size:7px!important;letter-spacing:1px!important;}
.panel504 .main-container{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important;height:100dvh!important;margin:0!important;padding:0!important;background:transparent!important;overflow:hidden!important;}
.panel504 .p504-topbar{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:26px!important;flex-shrink:0!important;min-height:82px!important;height:82px!important;margin:0!important;padding:0 40px!important;border:0!important;border-bottom:1px solid #e1e7f0!important;background:#fff!important;box-shadow:none!important;z-index:20!important;}
.panel504 .p504-page-identity{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;}
.panel504 .p504-page-identity>span{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:9px!important;background:#edf2fa!important;color:#244e8b!important;}
.panel504 .p504-page-identity .p504-icon{width:17px!important;height:17px!important;}
.panel504 #header-title{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:#112342!important;font-size:19px!important;font-weight:550!important;line-height:1.5!important;letter-spacing:-.5px!important;white-space:nowrap!important;}
.panel504 #header-title>.svg-icon{display:none!important;}
.panel504 .p504-search-launch{display:flex!important;align-items:center!important;gap:10px!important;min-height:36px!important;margin-left:auto!important;padding:9px 10px 9px 13px!important;border:1px solid #dfe7f2!important;border-radius:8px!important;background:#f9fbfe!important;color:#7b97c2!important;box-shadow:none!important;font-size:11px!important;font-weight:400!important;cursor:pointer!important;}
.panel504 .p504-search-launch>.p504-icon{height:15px!important;width:15px!important;}
.panel504 kbd{min-width:17px!important;padding:3px 5px!important;border:1px solid #d9e0eb!important;border-radius:4px!important;background:#fff!important;color:#6889ba!important;font:9px "Segoe UI",sans-serif!important;}
.panel504 .p504-search-launch kbd{margin-left:27px!important;}
.panel504 .p504-account{display:flex!important;align-items:center!important;padding-left:24px!important;border-left:1px solid #e0e8f3!important;}
.panel504 #user-badge-text{display:flex!important;align-items:center!important;gap:11px!important;min-height:38px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#304769!important;box-shadow:none!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;}
.panel504 #user-badge-text>svg{width:37px!important;height:37px!important;padding:9px!important;border:1px solid #f0d682!important;border-radius:50%!important;background:linear-gradient(140deg,#ffe797,#ffcc33)!important;color:#112342!important;stroke-width:1.5!important;}
.panel504 #user-badge-text>span{max-width:180px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;}
.panel504 #user-badge-text small{display:block!important;margin-top:4px!important;color:#7996c2!important;font-size:9px!important;font-weight:400!important;}
.panel504 .main-workspace{position:relative!important;flex:1!important;min-height:0!important;margin:0!important;padding:40px 42px 30px!important;background:radial-gradient(ellipse at 75% 0,#fff4cd20,transparent 50%),#f0f3f7!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#ccd6e4 transparent!important;}
.panel504 #view-home{position:relative!important;width:100%!important;max-width:1380px!important;margin:0 auto!important;padding:0!important;border:0!important;background:transparent!important;color:#112342!important;box-shadow:none!important;animation:none!important;}
.panel504 #view-home.active{display:flex!important;flex-direction:column!important;}
.panel504 .p504-welcome{position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important;min-height:150px!important;margin:0 0 30px!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:30px!important;}
.panel504 .p504-eyebrow{display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 13px!important;color:#8a9bb1!important;font-size:8px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:1.9px!important;margin-bottom:14px!important;}
.panel504 .p504-eyebrow:before{content:''!important;height:2px!important;width:21px!important;background:#ffcc33!important;}
.panel504 .p504-welcome h2{margin:0 0 11px!important;color:#142d54!important;font-size:34px!important;font-weight:450!important;letter-spacing:-1.2px!important;line-height:1.2!important;}
.panel504 .p504-greeting-dot{color:#4d72a9!important;}
.panel504 .p504-welcome>div>p:last-child{margin:0!important;color:#7d8fa9!important;font-size:12px!important;font-weight:400!important;line-height:1.7!important;}
.panel504 .p504-welcome-right{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;min-width:0!important;flex:1!important;position:relative!important;align-self:stretch!important;flex-direction:column!important;padding:4px 0 10px!important;}
.panel504 .p504-date{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;gap:9px!important;padding:10px 13px!important;border:1px solid #e1e8f2!important;border-radius:7px!important;background:#fff!important;font-size:9px!important;font-weight:400!important;color:#8294ad!important;line-height:1.5!important;right:auto!important;top:auto!important;inset:auto!important;}
.panel504 .p504-date>.p504-icon{width:15px!important;height:15px!important;color:#91a3bd!important;}
.panel504 .p504-main-wave{position:absolute!important;z-index:-1!important;right:-24px!important;top:-24px!important;width:390px!important;height:205px!important;overflow:hidden!important;pointer-events:none!important;opacity:.38!important;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 95%,transparent)!important;}
.panel504 .p504-main-wave>svg{display:block!important;width:110%!important;height:100%!important;animation:p504-wave 18s ease-in-out infinite alternate!important;}
.panel504 .p504-section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0 0 20px!important;padding:0!important;}
.panel504 .p504-section-heading>div{display:flex!important;align-items:center!important;gap:10px!important;}
.panel504 .p504-heading-icon{display:grid!important;place-items:center!important;color:#7e9ac4!important;}
.panel504 .p504-heading-icon>.p504-icon{width:17px!important;height:17px!important;}
.panel504 .p504-section-heading h2{margin:0!important;color:#3e5b87!important;font-size:14px!important;font-weight:500!important;letter-spacing:-.2px!important;line-height:1.5!important;}
.panel504 .p504-section-heading>span{color:#849fc7!important;font-size:10px!important;font-weight:400!important;}
.panel504 .p504-module-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;margin:0!important;padding:0!important;}
.panel504 .p504-module{--p504-icon-surface:var(--p504-tile-icon-to)!important;position:relative!important;isolation:isolate!important;display:flex!important;align-items:center!important;gap:22px!important;min-width:0!important;min-height:150px!important;margin:0!important;padding:27px!important;border:1px solid var(--p504-tile-line)!important;border-radius:16px!important;background:linear-gradient(120deg,var(--p504-tile-from),var(--p504-tile-to))!important;color:#446495!important;box-shadow:inset 0 1px #ffffffb3,0 7px 20px #253e5909!important;text-align:left!important;font-weight:400!important;cursor:pointer!important;transition:box-shadow .24s,border-color .24s,transform .24s!important;animation:p504-reveal .55s cubic-bezier(.2,.7,.2,1) calc(var(--p504-order,0)*.065s) both!important;--p504-tile-from:#e8eff9!important;--p504-tile-to:#f0f5fc!important;--p504-tile-line:#c3d2e5!important;--p504-tile-accent:#31577f!important;--p504-tile-muted:#5c6f89!important;--p504-tile-icon-from:#426a96!important;--p504-tile-icon-to:#294e78!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-bg:#ffffff80!important;--p504-tile-action-line:#31577f25!important;}
.panel504 .p504-module-icon{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 66px!important;width:66px!important;height:66px!important;margin:0!important;padding:0!important;border:1px solid #ffffff60!important;border-radius:18px!important;background:linear-gradient(145deg,var(--p504-tile-icon-from),var(--p504-tile-icon-to))!important;color:var(--p504-tile-icon-ink)!important;box-shadow:inset 0 1px #ffffff45,0 5px 12px #142c5114!important;transition:transform .25s,box-shadow .25s!important;}
.panel504 .p504-module-icon>.p504-icon{width:33px!important;height:33px!important;stroke-width:1.5!important;}


.panel504 .p504-module-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;min-width:0!important;flex:1!important;}
.panel504 .p504-module-copy strong{display:block!important;margin:0 0 7px!important;color:#142d54!important;font-size:18px!important;font-weight:550!important;line-height:1.35!important;letter-spacing:-.4px!important;}
.panel504 .p504-module-copy>span{display:block!important;color:var(--p504-tile-muted)!important;font-size:12px!important;font-weight:400!important;line-height:1.6!important;}
.panel504 .p504-module-copy>small{display:block!important;margin-top:10px!important;color:var(--p504-tile-accent)!important;font-size:10px!important;font-weight:550!important;line-height:1.5!important;background:var(--p504-tile-action-bg)!important;border:1px solid var(--p504-tile-action-line)!important;padding:4px 9px!important;border-radius:5px!important;}
.panel504 .p504-module-arrow{display:grid!important;place-items:center!important;flex:0 0 31px!important;width:31px!important;height:31px!important;border:1px solid var(--p504-tile-action-line)!important;border-radius:8px!important;background:#ffffff90!important;color:var(--p504-tile-accent)!important;transition:background .2s,color .2s,transform .2s,border-color .2s!important;border-color:var(--p504-tile-action-line)!important;}
.panel504 .p504-module-arrow>.p504-icon{width:15px!important;height:15px!important;}
.panel504 .p504-module:hover{border-color:var(--p504-tile-accent)!important;box-shadow:inset 0 1px #ffffffb3,0 13px 27px #253e5916!important;transform:translateY(-4px)!important;}
.panel504 .p504-module:hover .p504-module-icon{transform:translateY(-2px) rotate(-4deg)!important;box-shadow:inset 0 1px #ffffff45,0 8px 17px #142c5121!important;}
.panel504 .p504-module:hover .p504-module-arrow{background:var(--p504-tile-accent)!important;border-color:var(--p504-tile-accent)!important;color:#fff!important;transform:translateX(2px)!important;}
.panel504 .p504-module-primary{--p504-icon-surface:var(--p504-tile-icon-to)!important;border-color:var(--p504-tile-line)!important;background:linear-gradient(120deg,var(--p504-tile-from),var(--p504-tile-to))!important;box-shadow:inset 0 1px #ffffffb3,0 7px 20px #916a1d0e!important;border:1px solid var(--p504-tile-line)!important;}
.panel504 .p504-module-primary .p504-module-icon{background:linear-gradient(145deg,var(--p504-tile-icon-from),var(--p504-tile-icon-to))!important;color:var(--p504-tile-icon-ink)!important;border-color:#e6ba48!important;box-shadow:inset 0 1px #ffffff70,0 6px 13px #b8872026!important;}
.panel504 .p504-module-primary .p504-module-copy strong{color:#142d54!important;}
.panel504 .p504-module-primary .p504-module-copy>span{color:var(--p504-tile-muted)!important;}
.panel504 .p504-module-primary .p504-module-copy>small{color:#3b3219!important;background:#f4c54a!important;padding:5px 10px!important;border-radius:5px!important;font-weight:600!important;margin-top:10px!important;border:1px solid #dcad35!important;}
.panel504 .p504-module-primary .p504-module-arrow{border-color:#112b53!important;background:#112b53!important;color:#ffcc33!important;}
.panel504 .p504-module-primary:hover{border-color:#c69729!important;box-shadow:inset 0 1px #ffffffb3,0 13px 27px #8b65261b!important;}
.panel504 .p504-card-flow{position:absolute!important;z-index:-1!important;inset:0 0 0 36%!important;overflow:hidden!important;border-radius:0 16px 16px 0!important;opacity:.31!important;pointer-events:none!important;}
.panel504 .p504-card-flow>svg{display:block!important;width:160%!important;height:160%!important;margin-top:-28px!important;margin-left:-15%!important;animation:p504-wave 14s ease-in-out infinite alternate!important;}
.panel504 .p504-home-end{display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;margin-top:40px!important;color:#b0bfd6!important;font-size:7px!important;font-weight:400!important;letter-spacing:2.5px!important;}
.panel504 .p504-end-line{width:45px!important;height:1px!important;background:#d8e1ef!important;}
.panel504 .bottom-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important;gap:20px!important;min-height:56px!important;height:56px!important;margin:0!important;padding:0 40px!important;border:0!important;border-top:1px solid #dee6f1!important;background:#fff!important;color:#7694c0!important;box-shadow:none!important;}
.panel504 .bottom-tools{display:flex!important;align-items:center!important;gap:23px!important;}
.panel504 .tool-btn{display:flex!important;align-items:center!important;gap:8px!important;min-height:32px!important;margin:0!important;padding:5px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#4b6ea2!important;box-shadow:none!important;font-size:11px!important;font-weight:450!important;cursor:pointer!important;}
.panel504 .tool-btn>.p504-icon{height:15px!important;width:15px!important;color:#809bc4!important;}
.panel504 .tool-btn:hover{background:transparent!important;color:#446493!important;}
.panel504 .p504-motion-toggle{display:flex!important;align-items:center!important;gap:7px!important;margin-left:auto!important;padding:5px 7px!important;min-height:30px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#8fa5c5!important;font-size:9px!important;font-weight:400!important;cursor:pointer!important;}
.panel504 .p504-motion-symbol{font-size:11px!important;color:#94a9c8!important;}
.panel504 .p504-footer-note{font-size:9px!important;color:#a0b2ce!important;}
.panel504.p504-motion-paused :is(.p504-main-wave>svg,.p504-card-flow>svg,.p504-module){animation-play-state:paused!important;}
.panel504 .mobile-menu-toggle,.panel504 .mobile-menu-close{display:none!important;}
}
@media screen and (min-width:1750px){.panel504 #app-sidebar{width:280px!important;min-width:280px!important;flex-basis:280px!important;background:#fff!important;border-right:1px solid #e4e9f1!important;}.panel504 .sidebar-brand{padding-inline:32px!important;background:#fff!important;border-bottom:1px solid #e4e9f1!important;color:#112342!important;}.panel504 .menu-item{font-size:13px!important;min-height:47px!important;color:#657a97!important;}.panel504 .main-workspace{padding:48px 56px 35px!important;background:radial-gradient(ellipse at 75% 0,#fff4cd20,transparent 50%),#f0f3f7!important;}.panel504 .p504-topbar,.panel504 .bottom-bar{padding-inline:56px!important;}.panel504 .p504-welcome{min-height:150px!important;margin-bottom:30px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;}.panel504 .p504-welcome h2{font-size:40px!important;color:#142d54!important;font-weight:450!important;letter-spacing:-1.2px!important;}.panel504 .p504-module{min-height:160px!important;padding:29px!important;gap:25px!important;--p504-tile-from:#e8eff9!important;--p504-tile-to:#f0f5fc!important;--p504-tile-line:#c3d2e5!important;--p504-tile-accent:#31577f!important;--p504-tile-muted:#5c6f89!important;--p504-tile-icon-from:#426a96!important;--p504-tile-icon-to:#294e78!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-bg:#ffffff80!important;--p504-tile-action-line:#31577f25!important;--p504-icon-surface:var(--p504-tile-icon-to)!important;background:linear-gradient(120deg,var(--p504-tile-from),var(--p504-tile-to))!important;border:1px solid var(--p504-tile-line)!important;box-shadow:inset 0 1px #ffffffb3,0 7px 20px #253e5909!important;}.panel504 .p504-module-copy strong{font-size:20px!important;}.panel504 .p504-module-copy>span{font-size:13px!important;color:var(--p504-tile-muted)!important;}.panel504 .p504-module-copy>small{font-size:11px!important;color:var(--p504-tile-accent)!important;background:var(--p504-tile-action-bg)!important;border:1px solid var(--p504-tile-action-line)!important;padding:4px 9px!important;border-radius:5px!important;font-weight:550!important;margin-top:10px!important;}.panel504 .p504-module-icon{width:72px!important;height:72px!important;flex-basis:72px!important;background:linear-gradient(145deg,var(--p504-tile-icon-from),var(--p504-tile-icon-to))!important;border:1px solid #ffffff60!important;color:var(--p504-tile-icon-ink)!important;box-shadow:inset 0 1px #ffffff45,0 5px 12px #142c5114!important;}.panel504 .p504-module-icon>.p504-icon{width:36px!important;height:36px!important;}}
@media screen and (min-width:1024px) and (max-width:1240px){.panel504 #app-sidebar{width:230px!important;min-width:230px!important;flex-basis:230px!important;background:#fff!important;border-right:1px solid #e4e9f1!important;}.panel504 .sidebar-brand{padding-inline:23px!important;gap:12px!important;background:#fff!important;border-bottom:1px solid #e4e9f1!important;color:#112342!important;}.panel504 .menu-item{font-size:11px!important;gap:11px!important;color:#657a97!important;}.panel504 .sidebar-menu{padding-inline:13px!important;scrollbar-color:#d0dbe9 transparent!important;}.panel504 .main-workspace{padding:30px 26px!important;background:radial-gradient(ellipse at 75% 0,#fff4cd20,transparent 50%),#f0f3f7!important;}.panel504 .p504-topbar,.panel504 .bottom-bar{padding-inline:26px!important;gap:18px!important;}.panel504 #header-title{font-size:17px!important;}.panel504 .p504-search-launch>span{display:none!important;}.panel504 .p504-search-launch kbd{margin-left:6px!important;}.panel504 .p504-welcome h2{font-size:30px!important;color:#142d54!important;font-weight:450!important;letter-spacing:-1.2px!important;}.panel504 .p504-module-grid{gap:16px!important;}.panel504 .p504-module{gap:15px!important;min-height:153px!important;padding:20px!important;--p504-tile-from:#e8eff9!important;--p504-tile-to:#f0f5fc!important;--p504-tile-line:#c3d2e5!important;--p504-tile-accent:#31577f!important;--p504-tile-muted:#5c6f89!important;--p504-tile-icon-from:#426a96!important;--p504-tile-icon-to:#294e78!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-bg:#ffffff80!important;--p504-tile-action-line:#31577f25!important;--p504-icon-surface:var(--p504-tile-icon-to)!important;background:linear-gradient(120deg,var(--p504-tile-from),var(--p504-tile-to))!important;border:1px solid var(--p504-tile-line)!important;box-shadow:inset 0 1px #ffffffb3,0 7px 20px #253e5909!important;}.panel504 .p504-module-icon{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:14px!important;background:linear-gradient(145deg,var(--p504-tile-icon-from),var(--p504-tile-icon-to))!important;border:1px solid #ffffff60!important;color:var(--p504-tile-icon-ink)!important;box-shadow:inset 0 1px #ffffff45,0 5px 12px #142c5114!important;}.panel504 .p504-module-icon>.p504-icon{width:27px!important;height:27px!important;}.panel504 .p504-module-copy strong{font-size:16px!important;}.panel504 .p504-module-copy>span{font-size:10px!important;color:var(--p504-tile-muted)!important;}.panel504 .p504-module-arrow{display:none!important;background:#ffffff90!important;border:1px solid var(--p504-tile-action-line)!important;border-color:var(--p504-tile-action-line)!important;color:var(--p504-tile-accent)!important;}.panel504 .p504-footer-note{display:none!important;}}
@media screen and (max-width:1023px){
.panel504 #app-sidebar{position:fixed!important;inset:0 auto 0 0!important;height:100dvh!important;width:270px!important;min-width:270px!important;z-index:2000!important;transform:translateX(-100%)!important;visibility:hidden!important;transition:transform .22s,visibility .22s!important;background:#fff!important;border-right:1px solid #e4e9f1!important;}
.panel504 #app-sidebar.open:not(.collapsed){transform:translateX(0)!important;visibility:visible!important;box-shadow:15px 0 60px #202e4530!important;}
.panel504 #app-sidebar .mobile-menu-close{display:flex!important;position:absolute!important;align-items:center!important;justify-content:center!important;right:8px!important;top:8px!important;width:auto!important;height:auto!important;min-width:28px!important;min-height:28px!important;margin:0!important;padding:5px 7px!important;border:1px solid #d5dde9!important;border-radius:5px!important;background:#f7f9fc!important;color:#7c90ac!important;font-size:8px!important;font-weight:400!important;cursor:pointer!important;border-color:#dce5f0!important;}
.panel504 .sidebar-brand{height:100px!important;min-height:100px!important;padding-top:14px!important;background:#fff!important;border-bottom:1px solid #e4e9f1!important;color:#112342!important;}
.panel504 .main-container{width:100%!important;height:100dvh!important;}
.panel504 .p504-topbar{height:72px!important;min-height:72px!important;padding:0 26px!important;gap:18px!important;}
.panel504 .mobile-menu-toggle{display:grid!important;place-items:center!important;width:34px!important;height:36px!important;min-width:34px!important;min-height:36px!important;flex:0 0 34px!important;margin:0!important;padding:0!important;border:1px solid #d7e1ef!important;border-radius:7px!important;background:#f7faff!important;color:#7b97c2!important;font-size:19px!important;font-weight:400!important;cursor:pointer!important;}
.panel504 #header-title{font-size:17px!important;}
.panel504 .main-workspace{padding:30px 27px!important;background:radial-gradient(ellipse at 75% 0,#fff4cd20,transparent 50%),#f0f3f7!important;}
.panel504 .p504-module{gap:17px!important;min-height:145px!important;padding:22px!important;--p504-tile-from:#e8eff9!important;--p504-tile-to:#f0f5fc!important;--p504-tile-line:#c3d2e5!important;--p504-tile-accent:#31577f!important;--p504-tile-muted:#5c6f89!important;--p504-tile-icon-from:#426a96!important;--p504-tile-icon-to:#294e78!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-bg:#ffffff80!important;--p504-tile-action-line:#31577f25!important;--p504-icon-surface:var(--p504-tile-icon-to)!important;background:linear-gradient(120deg,var(--p504-tile-from),var(--p504-tile-to))!important;border:1px solid var(--p504-tile-line)!important;box-shadow:inset 0 1px #ffffffb3,0 7px 20px #253e5909!important;}
.panel504 .p504-module-icon{width:53px!important;height:53px!important;flex-basis:53px!important;border-radius:14px!important;background:linear-gradient(145deg,var(--p504-tile-icon-from),var(--p504-tile-icon-to))!important;border:1px solid #ffffff60!important;color:var(--p504-tile-icon-ink)!important;box-shadow:inset 0 1px #ffffff45,0 5px 12px #142c5114!important;}
.panel504 .p504-module-icon>.p504-icon{width:29px!important;height:29px!important;}
.panel504 .p504-module-copy strong{font-size:16px!important;}
.panel504 .p504-module-copy>span{font-size:11px!important;color:var(--p504-tile-muted)!important;}
.panel504 .p504-module-arrow{display:none!important;background:#ffffff90!important;border:1px solid var(--p504-tile-action-line)!important;border-color:var(--p504-tile-action-line)!important;color:var(--p504-tile-accent)!important;}
.panel504 .p504-search-launch>span{display:none!important;}
.panel504 .p504-search-launch kbd{margin-left:6px!important;}
.panel504 .p504-account{padding-left:18px!important;}
.panel504 .bottom-bar{padding-inline:27px!important;}
.panel504 .p504-footer-note{display:none!important;}
}
@media screen and (max-width:650px){
.panel504 .p504-topbar{height:66px!important;min-height:66px!important;padding:0 17px!important;gap:12px!important;}
.panel504 .p504-page-identity{gap:0!important;}
.panel504 .p504-page-identity>span{display:none!important;}
.panel504 #header-title{font-size:16px!important;}
.panel504 .p504-search-launch{justify-content:center!important;width:30px!important;min-height:34px!important;margin-left:auto!important;padding:7px!important;border:0!important;background:transparent!important;}
.panel504 .p504-search-launch kbd{display:none!important;}
.panel504 .p504-account{padding-left:0!important;border:0!important;}
.panel504 #user-badge-text{min-width:34px!important;min-height:34px!important;}
.panel504 #user-badge-text>span{display:none!important;}
.panel504 #user-badge-text>svg{width:34px!important;height:34px!important;}
.panel504 .main-workspace{padding:27px 18px 25px!important;background:radial-gradient(ellipse at 75% 0,#fff4cd20,transparent 50%),#f0f3f7!important;}
.panel504 .p504-welcome{display:block!important;min-height:150px!important;margin-bottom:30px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;overflow:visible!important;}
.panel504 .p504-eyebrow{font-size:7px!important;letter-spacing:1.9px!important;margin-bottom:14px!important;color:#8a9bb1!important;}
.panel504 .p504-welcome h2{font-size:31px!important;color:#142d54!important;font-weight:450!important;letter-spacing:-1.2px!important;}
.panel504 .p504-welcome>div>p:last-child{font-size:12px!important;color:#7d8fa9!important;}
.panel504 .p504-welcome-right{justify-content:space-between!important;margin-top:17px!important;position:relative!important;align-self:stretch!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;padding:4px 0 10px!important;}
.panel504 .p504-date{padding:10px 13px!important;border:1px solid #e1e8f2!important;background:#fff!important;font-size:9px!important;position:relative!important;right:auto!important;top:auto!important;inset:auto!important;color:#8294ad!important;}
.panel504 .p504-main-wave{right:-24px!important;top:-24px!important;width:390px!important;height:205px!important;opacity:.38!important;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 95%,transparent)!important;}
.panel504 .p504-section-heading{margin-bottom:17px!important;}
.panel504 .p504-section-heading h2{font-size:13px!important;}
.panel504 .p504-section-heading>span{display:none!important;}
.panel504 .p504-module-grid{grid-template-columns:1fr!important;gap:15px!important;}
.panel504 .p504-module{min-height:138px!important;padding:23px 21px!important;gap:17px!important;border-radius:13px!important;--p504-tile-from:#e8eff9!important;--p504-tile-to:#f0f5fc!important;--p504-tile-line:#c3d2e5!important;--p504-tile-accent:#31577f!important;--p504-tile-muted:#5c6f89!important;--p504-tile-icon-from:#426a96!important;--p504-tile-icon-to:#294e78!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-bg:#ffffff80!important;--p504-tile-action-line:#31577f25!important;--p504-icon-surface:var(--p504-tile-icon-to)!important;background:linear-gradient(120deg,var(--p504-tile-from),var(--p504-tile-to))!important;border:1px solid var(--p504-tile-line)!important;box-shadow:inset 0 1px #ffffffb3,0 7px 20px #253e5909!important;}
.panel504 .p504-module-icon{width:53px!important;height:53px!important;flex-basis:53px!important;border-radius:15px!important;background:linear-gradient(145deg,var(--p504-tile-icon-from),var(--p504-tile-icon-to))!important;border:1px solid #ffffff60!important;color:var(--p504-tile-icon-ink)!important;box-shadow:inset 0 1px #ffffff45,0 5px 12px #142c5114!important;}
.panel504 .p504-module-copy strong{font-size:17px!important;line-height:1.4!important;}
.panel504 .p504-module-copy>span{font-size:11px!important;color:var(--p504-tile-muted)!important;}
.panel504 .p504-module-copy>small{font-size:10px!important;margin-top:10px!important;color:var(--p504-tile-accent)!important;background:var(--p504-tile-action-bg)!important;border:1px solid var(--p504-tile-action-line)!important;padding:4px 9px!important;border-radius:5px!important;font-weight:550!important;}
.panel504 .p504-home-end{margin-top:30px!important;}
.panel504 .bottom-bar{padding-inline:18px!important;gap:12px!important;min-height:52px!important;height:52px!important;}
.panel504 .bottom-tools{gap:18px!important;}
.panel504 .tool-btn{font-size:10px!important;}
.panel504 .tool-btn:last-child{display:none!important;}
.panel504 .p504-motion-toggle{font-size:8px!important;gap:4px!important;}
.panel504 .p504-dialog{padding:20px!important;}
}
@media(prefers-reduced-motion:reduce){.panel504 :is(.p504-main-wave>svg,.p504-card-flow>svg,.p504-module){animation:none!important;}.panel504 :is(#app-sidebar,.p504-module,.p504-module-icon,.p504-module-arrow){transition:none!important;}.panel504 .p504-module:hover,.panel504 .p504-module:hover .p504-module-icon{transform:none!important;box-shadow:inset 0 1px #ffffff45,0 8px 17px #142c5121!important;}.panel504 .p504-motion-toggle{display:none!important;}}
}

@layer panel504 {@media screen {
.panel504 .p504-welcome h2 em{font-style:normal!important;color:#3a5d88!important;font-weight:400!important;display:inline-block!important;background-image:linear-gradient(transparent 76%,#fff0b5 76%,#fff0b5 96%,transparent 96%)!important;}







.panel504 .p504-module-primary:before{content:''!important;position:absolute!important;top:0!important;left:27px!important;right:auto!important;height:3px!important;border-radius:0 0 3px 3px!important;background:linear-gradient(90deg,#ffcc33 80%,#e63245 80%)!important;width:42px!important;}

}
@media screen and (max-width:1240px){.panel504 .p504-welcome h2{font-size:29px!important;color:#142d54!important;font-weight:450!important;letter-spacing:-1.2px!important;}.panel504 .p504-welcome{padding:0!important;gap:20px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;min-height:150px!important;margin-bottom:30px!important;}.panel504 .p504-welcome-right{min-width:0!important;position:relative!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:space-between!important;padding:4px 0 10px!important;}.panel504 .p504-date{font-size:8px!important;position:relative!important;right:auto!important;top:auto!important;inset:auto!important;background:#fff!important;border:1px solid #e1e8f2!important;color:#8294ad!important;padding:10px 13px!important;}.panel504 .p504-welcome>div>p:last-child{font-size:11px!important;color:#7d8fa9!important;}}
@media screen and (max-width:1023px){.panel504 #app-sidebar .mobile-menu-close{background:#f7f9fc!important;color:#7c90ac!important;border-color:#dce5f0!important;}}
@media screen and (max-width:650px){.panel504 .p504-welcome{padding:0!important;min-height:150px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;margin-bottom:30px!important;}.panel504 .p504-welcome h2{font-size:29px!important;max-width:270px!important;color:#142d54!important;font-weight:450!important;letter-spacing:-1.2px!important;}.panel504 .p504-welcome h2 em{display:inline-block!important;color:#3a5d88!important;font-weight:400!important;font-style:normal!important;background-image:linear-gradient(transparent 76%,#fff0b5 76%,#fff0b5 96%,transparent 96%)!important;}.panel504 .p504-welcome-right{min-width:0!important;min-height:27px!important;margin-top:18px!important;justify-content:space-between!important;position:relative!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;padding:4px 0 10px!important;}.panel504 .p504-date{position:relative!important;inset:auto!important;font-size:8px!important;padding:10px 13px!important;background:#fff!important;border:1px solid #e1e8f2!important;right:auto!important;top:auto!important;color:#8294ad!important;}.panel504 .p504-main-wave{right:-24px!important;top:-24px!important;width:390px!important;height:205px!important;opacity:.38!important;mask-image:linear-gradient(90deg,transparent,#000 40%,#000 95%,transparent)!important;}}
@media(prefers-reduced-motion:reduce){}
}

@layer panel504 {@media screen {.panel504 .p504-welcome-note{position:relative!important;display:flex!important;align-items:center!important;gap:8px!important;color:#95a6bc!important;font-size:9px!important;line-height:1.7!important;font-weight:400!important;}.panel504 .p504-welcome-note i{width:5px!important;height:5px!important;border-radius:50%!important;background:#ffd85f!important;}}@media screen and (max-width:650px){.panel504 .p504-welcome{min-height:0!important;}.panel504 .p504-welcome-right{align-items:flex-start!important;padding:0!important;min-height:0!important;}.panel504 .p504-date{padding:0!important;border:0!important;background:transparent!important;}.panel504 .p504-welcome-note{display:none!important;}.panel504 .p504-main-wave{right:-30px!important;top:-125px!important;width:290px!important;height:180px!important;opacity:.18!important;}}}

@layer panel504 {@media screen {
.panel504 .p504-module[data-panel-go="pos"]{--p504-tile-from:#ffedb4!important;--p504-tile-to:#fff5d8!important;--p504-tile-line:#e1c16e!important;--p504-tile-accent:#8e681e!important;--p504-tile-muted:#776037!important;--p504-tile-icon-from:#ffdf78!important;--p504-tile-icon-to:#f5be32!important;--p504-tile-icon-ink:#24354d!important;--p504-tile-action-bg:#f4c54a!important;--p504-tile-action-line:#dcad35!important;}
.panel504 .p504-module[data-panel-go="ventas"],.panel504 .p504-module[data-panel-go="clientes"],.panel504 .p504-module[data-panel-go="clientes-creditos"]{--p504-tile-from:#e4f0eb!important;--p504-tile-to:#eff7f3!important;--p504-tile-line:#b9d5ca!important;--p504-tile-accent:#356e60!important;--p504-tile-muted:#577368!important;--p504-tile-icon-from:#4f8b7a!important;--p504-tile-icon-to:#346c5c!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-line:#356e6030!important;}
.panel504 .p504-module[data-panel-go="productos"],.panel504 .p504-module[data-panel-go="inventario-catalogo"],.panel504 .p504-module[data-panel-go="ingreso-series"],.panel504 .p504-module[data-panel-go="ajustes-inventario"]{--p504-tile-from:#e8eff9!important;--p504-tile-to:#f0f5fc!important;--p504-tile-line:#c3d2e5!important;--p504-tile-accent:#31577f!important;--p504-tile-muted:#5c6f89!important;--p504-tile-icon-from:#426a96!important;--p504-tile-icon-to:#294e78!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-bg:#ffffff80!important;--p504-tile-action-line:#31577f25!important;}
.panel504 .p504-module[data-panel-go="compras"],.panel504 .p504-module[data-panel-go="devoluciones"]{--p504-tile-from:#f7e7dc!important;--p504-tile-to:#fcf1e8!important;--p504-tile-line:#e3c4ae!important;--p504-tile-accent:#9b5a36!important;--p504-tile-muted:#80604c!important;--p504-tile-icon-from:#c2875b!important;--p504-tile-icon-to:#a9663e!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-line:#9b5a3630!important;}
.panel504 .p504-module[data-panel-go="consignaciones"]{--p504-tile-from:#f0e5eb!important;--p504-tile-to:#f8f0f4!important;--p504-tile-line:#d8bfcb!important;--p504-tile-accent:#89566d!important;--p504-tile-muted:#7d6372!important;--p504-tile-icon-from:#b08096!important;--p504-tile-icon-to:#915f79!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-line:#89566d30!important;}
.panel504 .p504-module[data-panel-go="reportes"],.panel504 .p504-module[data-panel-go="facturas"],.panel504 .p504-module[data-panel-go="tickets"],.panel504 .p504-module[data-panel-go="cotizaciones"],.panel504 .p504-module[data-panel-go="productos-vendidos"],.panel504 .p504-module[data-panel-go="utilidades"],.panel504 .p504-module[data-panel-go="cierres-caja"]{--p504-tile-from:#eae8f3!important;--p504-tile-to:#f3f1f9!important;--p504-tile-line:#cbc6df!important;--p504-tile-accent:#67578b!important;--p504-tile-muted:#706780!important;--p504-tile-icon-from:#8a7ca7!important;--p504-tile-icon-to:#695b87!important;--p504-tile-icon-ink:#ffffff!important;--p504-tile-action-line:#67578b30!important;}
}}

@layer panel504 {
@media screen {
.panel504 .p504-dialog{position:fixed!important;inset:0!important;width:min(530px,calc(100vw - 32px))!important;max-height:calc(100dvh - 48px)!important;height:fit-content!important;margin:auto!important;padding:24px!important;border:1px solid #dce4f1!important;border-radius:16px!important;background:#fff!important;color:#2e4465!important;box-shadow:0 25px 100px #1d2b3f33!important;overflow:auto!important;}
.panel504 .p504-dialog::backdrop{background:#18233475!important;backdrop-filter:blur(4px)!important;}
.panel504 .p504-dialog-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;margin-bottom:20px!important;}
.panel504 .p504-dialog-head h2{font-size:18px!important;line-height:1.5!important;font-weight:550!important;color:#2e4363!important;margin:0!important;}
.panel504 .p504-dialog-head button{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;margin:0!important;padding:7px!important;border:1px solid #e3e9f3!important;border-radius:8px!important;background:#fff!important;color:#7794c0!important;cursor:pointer!important;}
.panel504 .p504-search-field{display:flex!important;align-items:center!important;gap:10px!important;padding:0 14px!important;min-height:48px!important;border:1px solid #d2dbe8!important;border-radius:8px!important;background:#fff!important;color:#7895c1!important;}
.panel504 .p504-search-field input{display:block!important;min-width:0!important;width:100%!important;height:46px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;color:#2e4465!important;font-size:14px!important;font-weight:400!important;}
.panel504 .p504-search-field:focus-within{outline:2px solid #e63245!important;outline-offset:2px!important;}
.panel504 .p504-search-field input:focus-visible{outline:none!important;}
.panel504 .p504-search-results{display:grid!important;gap:4px!important;max-height:330px!important;overflow:auto!important;padding-top:16px!important;}
.panel504 .p504-search-results button{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;min-height:44px!important;padding:10px 12px!important;border:0!important;border-radius:7px!important;background:#f4f7fa!important;color:#4b6fa4!important;font-size:12px!important;font-weight:400!important;text-align:left!important;cursor:pointer!important;}
.panel504 .p504-search-results button:hover{background:#dee6f1!important;color:#4a6da1!important;}
.panel504 .p504-search-results>p{font-size:13px!important;color:#718fbd!important;padding:14px 0!important;line-height:1.6!important;}
.panel504 .p504-search-hint{display:flex!important;align-items:center!important;gap:5px!important;margin:20px 0 0!important;color:#8da3c4!important;font-size:9px!important;font-weight:400!important;}
.panel504 .p504-search-hint>span{margin-left:auto!important;}
.panel504 .p504-account-dialog{width:min(340px,calc(100vw - 32px))!important;}
.panel504 [data-panel-identity]{margin:0 0 22px!important;font-size:12px!important;color:#567ab1!important;line-height:1.6!important;}
.panel504 :is(.p504-logout,#configureAdminPin){display:flex!important;align-items:center!important;gap:10px!important;min-height:44px!important;width:100%!important;margin:8px 0 0!important;padding:10px 14px!important;border:1px solid #efc7d2!important;border-radius:8px!important;background:#fff4f6!important;color:#c7283c!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;}
}
}

/* One icon contract and consistent native submenus. No markup or action replacement. */
@layer panel504 {
@media screen {
.panel504 .svg-icon{width:24px!important;height:24px!important;flex:0 0 auto!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.panel504 .svg-icon.svg-sm{width:18px!important;height:18px!important;}
.panel504 .svg-icon.svg-lg{width:32px!important;height:32px!important;}
.panel504 .p504-page-identity{overflow:hidden!important;}
.panel504 #header-title{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.panel504 .p504-account{flex-shrink:0!important;}
.panel504 .p504-search-launch{flex-shrink:0!important;}
.panel504 .menu-item:not(.active) .p504-nav-dot{display:none!important;}
.panel504 .main-workspace>.view-section{display:none!important;min-width:0!important;width:100%!important;max-width:1380px!important;margin:0 auto!important;}
.panel504 .main-workspace>.view-section.active{display:flex!important;flex-direction:column!important;}
.panel504 .main-workspace>.view-section:not(#view-home),.panel504 .main-workspace>.view-section:not(#view-home) *{box-sizing:border-box!important;font-family:Inter,"Segoe UI",system-ui,sans-serif!important;}
.panel504 .back-nav{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:18px!important;width:100%!important;margin:0 0 25px!important;padding:0!important;border:0!important;background:transparent!important;}
.panel504 .btn-back{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex:0 0 auto!important;width:auto!important;min-height:39px!important;height:auto!important;max-width:100%!important;margin:0!important;padding:9px 13px!important;border:1px solid #d5dde9!important;border-radius:8px!important;background:#fff!important;color:#4d71a8!important;box-shadow:0 2px 5px #293d5a06!important;font-size:11px!important;font-weight:500!important;line-height:1.5!important;text-decoration:none!important;cursor:pointer!important;transition:background .2s,border-color .2s,color .2s!important;}
.panel504 .btn-back>.svg-icon{width:17px!important;height:17px!important;}
.panel504 .btn-back:hover{background:#f2f5f9!important;border-color:#a7b8d1!important;color:#405e8b!important;}
.panel504 .sub-menu-title{display:block!important;min-width:0!important;color:#142d54!important;font-size:20px!important;font-weight:550!important;letter-spacing:-.5px!important;line-height:1.4!important;}
.panel504 .admin-catalog-link{display:inline-flex!important;align-self:flex-start!important;align-items:center!important;min-height:34px!important;max-width:100%!important;margin:0 0 19px!important;padding:7px 0!important;border:0!important;background:transparent!important;color:#557ab1!important;font-size:11px!important;font-weight:450!important;line-height:1.6!important;text-decoration:none!important;}
.panel504 .admin-catalog-link:hover{color:#436393!important;text-decoration:underline!important;}
.panel504 .sub-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;}
.panel504 .sub-card{display:flex!important;align-items:center!important;gap:19px!important;min-width:0!important;width:100%!important;min-height:116px!important;margin:0!important;padding:23px!important;border:1px solid #d9e1ec!important;border-radius:13px!important;background:linear-gradient(125deg,#fff,#ffffff)!important;color:#39537b!important;box-shadow:0 4px 16px #2c416004!important;font-size:13px!important;font-weight:400!important;line-height:1.5!important;text-align:left!important;transition:box-shadow .22s,border-color .22s,transform .22s!important;}
.panel504 .sub-card:hover{border-color:#afbfd6!important;box-shadow:0 10px 22px #354e7310!important;transform:translateY(-2px)!important;}
.panel504 .sub-icon{display:grid!important;place-items:center!important;flex:0 0 54px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;margin:0!important;padding:0!important;border:1px solid #d6deea!important;border-radius:15px!important;background:linear-gradient(145deg,#f9fafc,#e6ecf5)!important;color:#597db2!important;box-shadow:inset 0 1px 1px #fff!important;}
.panel504 .sub-icon>.svg-icon{display:block!important;width:27px!important;height:27px!important;}
.panel504 .sub-text{display:block!important;min-width:0!important;flex:1!important;margin:0!important;padding:0!important;}
.panel504 .sub-text h4{display:block!important;margin:0 0 7px!important;padding:0!important;color:#142d54!important;font-size:16px!important;font-weight:550!important;line-height:1.4!important;letter-spacing:-.25px!important;overflow-wrap:break-word!important;}
.panel504 .sub-text p{display:block!important;margin:0!important;padding:0!important;color:#5d80b5!important;font-size:12px!important;font-weight:400!important;line-height:1.65!important;overflow-wrap:break-word!important;}
.panel504 .sub-card :is(.card-arrow,.backup-card-state,.database-card-action){flex:0 0 auto!important;max-width:100px!important;margin-left:auto!important;color:#7795c1!important;font-size:10px!important;font-weight:450!important;line-height:1.6!important;text-align:right!important;}
.panel504 .sub-card .card-arrow{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border:1px solid #dce4f1!important;border-radius:50%!important;font-size:15px!important;}
.panel504 #view-basedatos .sub-card{flex-wrap:wrap!important;}
.panel504 #view-basedatos .sub-text{flex-basis:calc(100% - 80px)!important;}
.panel504 #view-basedatos .sub-card :is(.backup-card-state,.database-card-action){flex:1 1 100%!important;max-width:none!important;padding-top:7px!important;margin-left:73px!important;text-align:left!important;}
.panel504 #backup-status{margin:20px 0!important;padding:14px 17px!important;border:1px solid #dae3f0!important;border-radius:9px!important;background:#fff!important;color:#557ab1!important;font-size:12px!important;line-height:1.7!important;}
.panel504 #view-empresa :is(.company-panel,.empresa-fiscal){border:1px solid #d7dfea!important;border-radius:13px!important;background:#fff!important;color:#142d54!important;box-shadow:0 4px 14px #25375203!important;}
.panel504 #view-empresa .empresa-fiscal{width:100%!important;max-width:none!important;margin:22px 0 0!important;padding:25px!important;}
.panel504 #view-empresa :is(.company-heading h3,.empresa-fiscal h3){color:#142d54!important;}
.panel504 #view-empresa :is(.company-heading p,.empresa-fiscal>p){color:#5b7eb3!important;}
.panel504 #view-empresa :is(.company-fields label,.empresa-fields label){color:#426190!important;font-size:12px!important;font-weight:500!important;}
.panel504 #view-empresa :is(.company-fields input,.company-fields select,.company-fields textarea,.empresa-fields input){border-color:#cfd9e7!important;border-radius:7px!important;background:#ffffff!important;color:#142d54!important;box-shadow:none!important;}
.panel504 #view-empresa :is(.company-button,.empresa-fiscal button){border:1px solid #173c74!important;border-radius:8px!important;background:#173c74!important;color:#fff!important;font-size:12px!important;font-weight:550!important;box-shadow:none!important;}
.panel504 #view-empresa .company-tab{border-color:#d7e1ef!important;background:#fff!important;color:#5479b1!important;border-radius:10px!important;box-shadow:none!important;}
.panel504 #view-empresa .company-tab.active{border-color:#acbcd4!important;background:#f2f5f9!important;color:#173c74!important;}
.panel504 #view-empresa .company-tab-icon{color:#6385b7!important;}
.panel504 #view-empresa .company-tab-icon svg{width:23px!important;height:23px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
}
@media screen and (max-width:1100px){.panel504 .sub-card{gap:14px!important;padding:20px!important;}.panel504 .sub-icon{flex-basis:45px!important;width:45px!important;height:45px!important;min-width:45px!important;min-height:45px!important;border-radius:12px!important;}.panel504 .sub-icon>.svg-icon{height:24px!important;width:24px!important;}.panel504 .sub-text h4{font-size:14px!important;}.panel504 .sub-text p{font-size:11px!important;}.panel504 #view-basedatos .sub-card :is(.backup-card-state,.database-card-action){margin-left:59px!important;}}
@media screen and (max-width:650px){.panel504 .p504-page-identity{flex:1!important;min-width:0!important;}.panel504 .back-nav{align-items:flex-start!important;gap:17px!important;margin-bottom:22px!important;}.panel504 .sub-menu-title{flex:1 1 100%!important;font-size:21px!important;}.panel504 .btn-back{min-height:39px!important;font-size:11px!important;}.panel504 .sub-grid{grid-template-columns:1fr!important;gap:14px!important;}.panel504 .sub-card{min-height:116px!important;padding:20px!important;}.panel504 .sub-text h4{font-size:15px!important;}.panel504 .sub-text p{font-size:12px!important;}.panel504 #view-empresa .empresa-fiscal{padding:19px!important;}.panel504 #view-empresa .empresa-fields{grid-template-columns:1fr!important;}}
@media(prefers-reduced-motion:reduce){.panel504 .sub-card,.panel504 .btn-back{transition:none!important;}.panel504 .sub-card:hover{transform:none!important;}}
}

/* Compact graphite navigation and a floating command bar. Access-card styles are unchanged. */
@layer panel504 {
@media screen {
.panel504 #app-sidebar.p504-rail{position:relative!important;display:flex!important;flex-direction:column!important;flex:0 0 104px!important;width:104px!important;min-width:104px!important;height:100dvh!important;margin:0!important;border:0!important;background:linear-gradient(165deg,#2b2e36,#20232b 60%)!important;color:#c2c7d0!important;box-shadow:none!important;overflow:hidden!important;}
.panel504 #app-sidebar.p504-rail.collapsed{width:0!important;min-width:0!important;flex-basis:0!important;}
.panel504 .p504-rail .sidebar-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:100%!important;height:83px!important;min-height:83px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#fff!important;}
.panel504 .p504-rail .logo-box-mini{padding:0!important;border:0!important;background:transparent!important;color:#f6d36b!important;font-size:29px!important;line-height:1!important;letter-spacing:-2.5px!important;box-shadow:none!important;}
.panel504 .p504-rail .logo-box-mini>span{right:-7px!important;top:-3px!important;font-size:6px!important;color:#e4b953!important;}
.panel504 .p504-rail .brand-text-mini{display:none!important;}
.panel504 .p504-rail .sidebar-menu{display:flex!important;flex-direction:column!important;gap:4px!important;min-height:100px!important;flex:1!important;margin:0!important;padding:3px 12px 15px!important;scrollbar-width:thin!important;scrollbar-color:#555861 transparent!important;overflow-y:auto!important;}
.panel504 .p504-rail .menu-category{min-height:12px!important;margin:4px 7px 7px!important;padding:0!important;border-top:1px solid #ffffff12!important;color:transparent!important;font-size:0!important;}
.panel504 .p504-rail .menu-category:first-child{border:0!important;min-height:4px!important;margin:0!important;}
.panel504 .p504-rail .menu-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:5px!important;min-height:53px!important;margin:0!important;padding:9px 4px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:#a2a7b3!important;box-shadow:none!important;text-align:center!important;font-weight:400!important;line-height:1.3!important;transition:background .2s,color .2s,border-color .2s!important;}
.panel504 .p504-rail .menu-icon-side{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;color:#979da9!important;transform:none!important;}
.panel504 .p504-rail .menu-item .p504-icon{height:20px!important;width:20px!important;stroke-width:1.5!important;}
.panel504 .p504-nav-short{display:block!important;font-size:9px!important;line-height:1.3!important;letter-spacing:.1px!important;font-weight:400!important;}
.panel504 .p504-nav-full{display:none!important;}
.panel504 .p504-rail .menu-item.active{border-color:#ffffff16!important;background:#ffffff0c!important;color:#f6d26b!important;box-shadow:inset 0 1px #ffffff08!important;font-weight:500!important;}
.panel504 .p504-rail .menu-item.active .menu-icon-side{color:#f5ce60!important;}
.panel504 .p504-rail .menu-item:hover{border-color:#ffffff0d!important;background:#ffffff07!important;color:#fff!important;transform:none!important;}
.panel504 .p504-rail .menu-item:hover .menu-icon-side{color:#e4e7ed!important;}
.panel504 .p504-rail .p504-service-slot{flex:0 0 auto!important;margin:0 16px 9px!important;padding:10px 0 0!important;border-top:1px solid #ffffff12!important;}
.panel504 .p504-rail .p504-service-slot>p{display:none!important;}
.panel504 #app-sidebar.p504-rail .sc504-launchers{display:grid!important;gap:4px!important;margin:0!important;}
.panel504 #app-sidebar.p504-rail .sc504-launchers button{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;width:100%!important;min-height:37px!important;margin:0!important;padding:4px 0!important;border:0!important;background:transparent!important;color:#9ca3b0!important;font-size:7px!important;font-weight:400!important;line-height:1.4!important;text-align:center!important;}
.panel504 #app-sidebar.p504-rail .sc504-launchers button:before{content:'↗'!important;display:block!important;width:auto!important;color:#c5b16e!important;font-size:15px!important;line-height:1!important;}
.panel504 #app-sidebar.p504-rail .sc504-launchers button:hover{color:#f5d779!important;}
.panel504 .p504-rail .sidebar-footer{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;min-height:42px!important;height:42px!important;padding:10px 0!important;border-top:1px solid #ffffff0c!important;background:transparent!important;}
.panel504 .p504-rail [data-panel-network]{font-size:0!important;}
.panel504 .p504-rail .p504-edition{font-size:6px!important;letter-spacing:.7px!important;color:#7e8798!important;}
.panel504 .p504-rail .p504-network{gap:0!important;}
.panel504 .p504-commandbar{position:relative!important;display:flex!important;align-items:center!important;gap:24px!important;flex:0 0 auto!important;width:calc(100% - 64px)!important;height:68px!important;min-height:68px!important;margin:24px 32px 0!important;padding:0 18px 0 21px!important;border:1px solid #e2e7ef!important;border-radius:15px!important;background:#ffffffec!important;box-shadow:0 7px 24px #263b5705!important;}
.panel504 .p504-commandbar .p504-page-identity{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important;overflow:hidden!important;}
.panel504 .p504-home-control{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;margin:0!important;padding:6px!important;border:0!important;border-radius:8px!important;background:#f2f4f7!important;color:#8291a6!important;cursor:pointer!important;}
.panel504 .p504-home-control>.p504-icon{height:17px!important;width:17px!important;}
.panel504 .p504-commandbar .p504-breadcrumb-divider{display:block!important;flex:0 0 auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#c7d0dc!important;font-size:15px!important;font-weight:300!important;}
.panel504 .p504-commandbar #header-title{display:block!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:-.2px!important;color:#344760!important;}
.panel504 .p504-commandbar .p504-search-launch{display:flex!important;align-items:center!important;gap:10px!important;flex:0 1 310px!important;min-width:150px!important;max-width:350px!important;width:auto!important;min-height:36px!important;height:36px!important;margin:0!important;padding:8px 10px 8px 12px!important;border:0!important;border-radius:9px!important;background:#f0f3f7!important;color:#8c99ab!important;font-size:10px!important;font-weight:400!important;}
.panel504 .p504-commandbar .p504-search-launch>.p504-icon{height:15px!important;width:15px!important;}
.panel504 .p504-commandbar .p504-search-launch>span{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.panel504 .p504-commandbar .p504-search-launch kbd{margin-left:auto!important;padding:3px 5px!important;border:1px solid #e1e6ee!important;background:#fff8!important;border-radius:4px!important;color:#8d9aad!important;font-size:8px!important;white-space:nowrap!important;}
.panel504 .p504-commandbar .p504-account{display:flex!important;align-items:center!important;flex-shrink:0!important;padding:0!important;border:0!important;}
.panel504 .p504-commandbar #user-badge-text{display:flex!important;align-items:center!important;gap:10px!important;min-height:43px!important;height:auto!important;margin:0!important;padding:6px 12px 6px 6px!important;border:1px solid #303640!important;border-radius:11px!important;background:#292e37!important;box-shadow:0 3px 8px #2029350b!important;color:#f5f6f8!important;font-size:10px!important;font-weight:500!important;}
.panel504 .p504-commandbar #user-badge-text>svg{flex:0 0 29px!important;width:29px!important;height:29px!important;padding:7px!important;border:1px solid #f0cc6e!important;border-radius:7px!important;background:linear-gradient(135deg,#ffe49a,#eac25c)!important;color:#3d414a!important;stroke-width:1.5!important;}
.panel504 .p504-commandbar #user-badge-text>span{display:block!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;}
.panel504 .p504-commandbar #user-badge-text small{display:block!important;margin-top:3px!important;color:#a4acb9!important;font-size:8px!important;font-weight:400!important;line-height:1.5!important;}
.panel504 .p504-commandbar #user-badge-text:after{content:''!important;display:block!important;flex:0 0 4px!important;width:4px!important;height:4px!important;margin:0 0 3px 8px!important;border-right:1px solid #969fae!important;border-bottom:1px solid #969fae!important;rotate:45deg!important;}
.panel504 .main-workspace{padding-top:29px!important;}
.panel504 .p504-welcome.p504-editorial{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;position:relative!important;isolation:isolate!important;min-height:144px!important;margin:0 0 25px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;}
.panel504 .p504-editorial-copy{position:relative!important;z-index:1!important;min-width:0!important;}
.panel504 .p504-editorial .p504-eyebrow{display:block!important;margin:0 0 13px!important;color:#95a0b2!important;font-size:8px!important;font-weight:450!important;line-height:1.5!important;letter-spacing:1.8px!important;}
.panel504 .p504-editorial .p504-eyebrow:before{display:none!important;}
.panel504 .p504-editorial h2{display:block!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;color:#2e3644!important;font-size:40px!important;font-weight:500!important;line-height:1.18!important;letter-spacing:-1.5px!important;}
.panel504 .p504-editorial h2 em{display:inline!important;font-style:normal!important;font-weight:400!important;color:#576b85!important;background:none!important;}
.panel504 .p504-editorial .p504-editorial-copy>p:last-child{margin:0!important;color:#8491a5!important;font-size:12px!important;font-weight:400!important;line-height:1.7!important;}
.panel504 .p504-editorial [data-panel-name]{color:#5d718d!important;font-weight:500!important;}
.panel504 .p504-editorial .p504-date-stamp{display:flex!important;align-items:center!important;gap:13px!important;flex:0 0 auto!important;position:relative!important;z-index:1!important;inset:auto!important;min-height:76px!important;margin:0!important;padding:13px 19px 13px 16px!important;border:1px solid #e6dfcc!important;border-radius:13px!important;background:linear-gradient(135deg,#fcf9ef,#f6f3e8)!important;box-shadow:inset 0 1px #fff!important;color:#7c7256!important;}
.panel504 .p504-date-stamp>[data-panel-day]{display:block!important;min-width:37px!important;margin:0!important;padding:0 13px 0 0!important;border-right:1px solid #e4dcc7!important;color:#6c624b!important;font-size:32px!important;font-weight:400!important;line-height:1.1!important;letter-spacing:-1px!important;}
.panel504 .p504-stamp-copy{display:flex!important;flex-direction:column!important;gap:7px!important;}
.panel504 .p504-stamp-copy>[data-panel-weekday]{display:block!important;color:#a99a76!important;font-size:7px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:1.7px!important;text-transform:uppercase!important;}
.panel504 .p504-stamp-copy>[data-panel-date]{display:block!important;color:#8c8168!important;font-size:10px!important;font-weight:400!important;line-height:1.5!important;}
.panel504 .p504-editorial .p504-main-wave{position:absolute!important;z-index:0!important;right:-15px!important;top:-20px!important;width:400px!important;height:175px!important;opacity:.22!important;pointer-events:none!important;overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 50%,#000 90%,transparent)!important;}
.panel504 .p504-editorial .p504-main-wave>svg{height:100%!important;width:100%!important;}
}
@media screen and (min-width:1750px){.panel504 .p504-commandbar{width:calc(100% - 88px)!important;margin-inline:44px!important;}.panel504 .p504-editorial h2{font-size:44px!important;}}
@media screen and (min-width:1024px) and (max-width:1240px){.panel504 .p504-commandbar{width:calc(100% - 48px)!important;margin-inline:24px!important;gap:17px!important;}.panel504 .p504-commandbar .p504-search-launch{flex-basis:225px!important;}.panel504 .p504-commandbar #user-badge-text>span{max-width:124px!important;}.panel504 .p504-editorial h2{font-size:35px!important;}}
@media screen and (max-width:1023px){.panel504 #app-sidebar.p504-rail{position:fixed!important;inset:0 auto 0 0!important;z-index:2000!important;width:265px!important;min-width:265px!important;flex-basis:265px!important;transform:translateX(-100%)!important;visibility:hidden!important;}.panel504 #app-sidebar.p504-rail.open:not(.collapsed){transform:translateX(0)!important;visibility:visible!important;}.panel504 .p504-rail .sidebar-brand{justify-content:flex-start!important;height:100px!important;min-height:100px!important;padding:15px 28px 0!important;gap:15px!important;}.panel504 .p504-rail .logo-box-mini{padding-right:15px!important;border-right:1px solid #ffffff20!important;}.panel504 .p504-rail .logo-box-mini>span{right:8px!important;}.panel504 .p504-rail .brand-text-mini{display:flex!important;}.panel504 .p504-rail .brand-text-mini>strong{color:#e7e9ed!important;}.panel504 .p504-rail #sidebar-subtitle{color:#8893a8!important;}.panel504 .p504-rail .sidebar-menu{padding:18px 17px!important;gap:5px!important;}.panel504 .p504-rail .menu-category{min-height:0!important;margin:8px 0 11px!important;padding:6px 12px 0!important;border:0!important;color:#79869b!important;font-size:8px!important;}.panel504 .p504-rail .menu-item{flex-direction:row!important;justify-content:flex-start!important;min-height:44px!important;gap:13px!important;padding:11px 13px!important;text-align:left!important;}.panel504 .p504-nav-short{display:none!important;}.panel504 .p504-nav-full{display:block!important;font-size:12px!important;line-height:1.5!important;}.panel504 .p504-rail .p504-service-slot{margin:0 26px 15px!important;padding-top:15px!important;}.panel504 .p504-rail .p504-service-slot>p{display:block!important;color:#79869b!important;font-size:8px!important;}.panel504 #app-sidebar.p504-rail .sc504-launchers button{flex-direction:row!important;justify-content:flex-start!important;min-height:35px!important;gap:12px!important;padding:6px 0!important;font-size:11px!important;text-align:left!important;}.panel504 .p504-rail .sidebar-footer{justify-content:space-between!important;padding-inline:28px!important;min-height:52px!important;height:52px!important;}.panel504 .p504-rail [data-panel-network]{font-size:9px!important;color:#909bae!important;}.panel504 .p504-rail .p504-network{gap:7px!important;}.panel504 .p504-rail #sidebar-subtitle{color:#8793a8!important;}.panel504 .p504-rail .mobile-menu-close{background:#30343e!important;color:#b6becc!important;border-color:#454b57!important;}.panel504 .p504-commandbar{width:calc(100% - 48px)!important;height:66px!important;min-height:66px!important;margin:20px 24px 0!important;padding:0 13px!important;gap:14px!important;}.panel504 .p504-commandbar .p504-search-launch{flex:0 0 34px!important;min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:9px!important;}.panel504 .p504-commandbar .p504-search-launch>span,.panel504 .p504-commandbar .p504-search-launch>kbd{display:none!important;}.panel504 .main-workspace{padding-top:27px!important;}.panel504 .p504-editorial h2{font-size:34px!important;}.panel504 .p504-editorial .p504-editorial-copy>p:last-child{font-size:11px!important;}}
@media screen and (max-width:650px){.panel504 .p504-commandbar{width:calc(100% - 28px)!important;height:60px!important;min-height:60px!important;margin:14px 14px 0!important;padding:0 10px!important;gap:10px!important;border-radius:13px!important;}.panel504 .p504-commandbar .p504-home-control,.panel504 .p504-commandbar .p504-breadcrumb-divider{display:none!important;}.panel504 .p504-commandbar #header-title{font-size:14px!important;}.panel504 .p504-commandbar #user-badge-text{min-height:34px!important;padding:3px!important;border-radius:8px!important;}.panel504 .p504-commandbar #user-badge-text>svg{width:26px!important;height:26px!important;flex-basis:26px!important;padding:6px!important;border-radius:5px!important;}.panel504 .p504-commandbar #user-badge-text>span,.panel504 .p504-commandbar #user-badge-text:after{display:none!important;}.panel504 .main-workspace{padding-top:29px!important;}.panel504 .p504-welcome.p504-editorial{align-items:flex-start!important;flex-direction:column!important;gap:19px!important;min-height:0!important;margin-bottom:28px!important;}.panel504 .p504-editorial h2{font-size:34px!important;max-width:300px!important;}.panel504 .p504-editorial .p504-eyebrow{font-size:7px!important;letter-spacing:1.4px!important;}.panel504 .p504-editorial .p504-date-stamp{min-height:59px!important;padding:10px 14px!important;gap:11px!important;border-radius:10px!important;}.panel504 .p504-date-stamp>[data-panel-day]{font-size:27px!important;min-width:32px!important;padding-right:11px!important;}.panel504 .p504-stamp-copy{gap:5px!important;}.panel504 .p504-stamp-copy>[data-panel-weekday]{font-size:6px!important;}.panel504 .p504-stamp-copy>[data-panel-date]{font-size:9px!important;}.panel504 .p504-editorial .p504-main-wave{right:-20px!important;top:0!important;width:300px!important;height:180px!important;opacity:.18!important;}}
@media(prefers-reduced-motion:reduce){.panel504 .p504-rail .menu-item{transition:none!important;}}
}

/* Website-style top navigation. No sidebar or desktop drawer remains. */
@layer panel504 {
@media screen {
.panel504 .main-container{width:100%!important;height:100dvh!important;}
.panel504 .p504-horizontal-header{position:relative!important;display:flex!important;align-items:center!important;gap:25px!important;flex:0 0 auto!important;width:100%!important;height:83px!important;min-height:83px!important;margin:0!important;padding:0 max(28px,calc((100vw - 1440px)/2))!important;border:0!important;border-bottom:1px solid #e1e6ed!important;border-radius:0!important;background:#ffffffec!important;box-shadow:0 2px 10px #233d5702!important;overflow:visible!important;z-index:2001!important;}
.panel504 .p504-horizontal-header .sidebar-brand{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex:0 0 auto!important;width:auto!important;min-width:147px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#263d5d!important;box-shadow:none!important;}
.panel504 .p504-horizontal-header .logo-box-mini{font-size:31px!important;line-height:1!important;font-weight:800!important;letter-spacing:-2.8px!important;padding:0 12px 0 0!important;border:0!important;border-right:1px solid #dce4ef!important;background:transparent!important;color:#263d5d!important;}
.panel504 .p504-horizontal-header .logo-box-mini>span{top:-2px!important;right:5px!important;font-size:6px!important;color:#d9b14a!important;}
.panel504 .p504-horizontal-header .brand-text-mini{display:flex!important;flex-direction:column!important;gap:6px!important;}
.panel504 .p504-horizontal-header .brand-text-mini>strong{font-size:10px!important;font-weight:600!important;line-height:1!important;letter-spacing:2.2px!important;color:#2b4161!important;}
.panel504 .p504-horizontal-header #sidebar-subtitle{font-size:5px!important;font-weight:400!important;line-height:1.4!important;letter-spacing:1px!important;color:#97a4b6!important;}
.panel504 .p504-horizontal-header #header-title{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;}
.panel504 #app-sidebar.p504-horizontal-nav{position:static!important;inset:auto!important;display:block!important;flex:1!important;min-width:0!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transform:none!important;visibility:visible!important;z-index:auto!important;}
.panel504 #app-sidebar.p504-horizontal-nav.collapsed{display:none!important;}
.panel504 .p504-horizontal-nav .sidebar-menu{display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:row!important;gap:5px!important;width:100%!important;height:83px!important;min-height:0!important;margin:0!important;padding:0!important;list-style:none!important;overflow:visible!important;}
.panel504 .p504-horizontal-nav .menu-item,.panel504 .p504-nav-group-item{position:relative!important;display:block!important;flex:0 0 auto!important;width:auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#78889f!important;box-shadow:none!important;transform:none!important;}
.panel504 .p504-horizontal-nav .menu-item.active,.panel504 .p504-horizontal-nav .menu-item:hover{border:0!important;background:transparent!important;color:#314660!important;box-shadow:none!important;transform:none!important;}
.panel504 .p504-horizontal-nav .menu-item>button,.panel504 .p504-nav-group>summary{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:48px!important;margin:0!important;padding:12px 12px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#52647d!important;box-shadow:none!important;font-size:15px!important;line-height:1.5!important;font-weight:500!important;white-space:nowrap!important;text-align:left!important;cursor:pointer!important;text-decoration:none!important;}
.panel504 .p504-horizontal-nav .menu-item>button:hover,.panel504 .p504-nav-group>summary:hover{background:#f5f7fa!important;color:#2a4160!important;}
.panel504 .p504-horizontal-nav .menu-item.active>button{color:#2d435f!important;font-weight:600!important;}
.panel504 .p504-horizontal-nav .sidebar-menu>.menu-item.active>button:after{content:''!important;position:absolute!important;bottom:1px!important;left:50%!important;width:26px!important;height:2px!important;margin-left:-13px!important;border-radius:2px!important;background:#e6be51!important;}
.panel504 .p504-nav-group{position:relative!important;display:block!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
.panel504 .p504-nav-group>summary{list-style:none!important;}
.panel504 .p504-nav-group>summary::-webkit-details-marker{display:none!important;}
.panel504 .p504-nav-chevron{display:block!important;width:5px!important;height:5px!important;margin:0 0 3px 4px!important;border-right:1px solid #91a0b3!important;border-bottom:1px solid #91a0b3!important;rotate:45deg!important;transition:rotate .18s!important;}
.panel504 .p504-nav-group[open]>.p504-nav-chevron,.panel504 .p504-nav-group[open]>summary>.p504-nav-chevron{rotate:225deg!important;}
.panel504 .p504-nav-group[open]>summary{background:#f4f6f9!important;color:#334b68!important;}
.panel504 .p504-nav-panel{position:absolute!important;top:calc(100% + 7px)!important;right:0!important;display:grid!important;gap:3px!important;width:226px!important;max-height:65dvh!important;margin:0!important;padding:8px!important;list-style:none!important;border:1px solid #dfe6ef!important;border-radius:11px!important;background:#fff!important;box-shadow:0 17px 42px #2b435d17!important;overflow:auto!important;z-index:2010!important;}
.panel504 .p504-nav-panel .menu-item{width:100%!important;}
.panel504 .p504-nav-panel .menu-item>button{justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:44px!important;padding:11px 12px!important;font-size:14px!important;border-radius:6px!important;}
.panel504 .p504-nav-panel .menu-item>button>.p504-icon{width:18px!important;height:18px!important;color:#7e91aa!important;}
.panel504 .p504-nav-panel .menu-item.active>button{background:#fbf5e6!important;color:#79652c!important;}
.panel504 .p504-horizontal-nav .menu-item[hidden],.panel504 .p504-horizontal-nav .menu-item[style*="display: none"],.panel504 .p504-horizontal-nav .menu-item[style*="display:none"]{display:none!important;}
.panel504 .p504-nav-panel.p504-service-slot{margin:0!important;padding:13px 8px 8px!important;border-top:1px solid #dfe6ef!important;}
.panel504 .p504-nav-panel.p504-service-slot>p{display:block!important;margin:0!important;padding:0 12px 8px!important;color:#a0acbc!important;font-size:7px!important;line-height:1.5!important;font-weight:450!important;letter-spacing:1.3px!important;}
.panel504 #app-sidebar.p504-horizontal-nav .sc504-launchers{display:grid!important;gap:3px!important;margin:0!important;padding:0!important;}
.panel504 #app-sidebar.p504-horizontal-nav .sc504-launchers button{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:44px!important;width:100%!important;margin:0!important;padding:11px 12px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#52647d!important;font-size:14px!important;font-weight:450!important;text-align:left!important;}
.panel504 #app-sidebar.p504-horizontal-nav .sc504-launchers button:hover{background:#f5f7fa!important;color:#314e70!important;}
.panel504 #app-sidebar.p504-horizontal-nav .sc504-launchers button:before{display:block!important;content:'↗'!important;width:16px!important;color:#a3b0c1!important;font-size:16px!important;}
.panel504 .p504-top-utilities{display:flex!important;align-items:center!important;gap:15px!important;flex:0 0 auto!important;}
.panel504 .p504-horizontal-header .p504-search-launch{display:grid!important;place-items:center!important;flex:0 0 31px!important;width:31px!important;min-width:31px!important;height:34px!important;min-height:34px!important;margin:0!important;padding:7px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#91a0b4!important;}
.panel504 .p504-horizontal-header .p504-search-launch:hover{background:#f2f5f9!important;color:#4e678a!important;}
.panel504 .p504-horizontal-header .p504-search-launch>.p504-icon{height:17px!important;width:17px!important;}
.panel504 .p504-horizontal-header .p504-account{display:flex!important;align-items:center!important;flex-shrink:0!important;margin:0!important;padding:0 0 0 15px!important;border:0!important;border-left:1px solid #e8ecf2!important;}
.panel504 .p504-horizontal-header #user-badge-text{display:flex!important;align-items:center!important;gap:9px!important;min-height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#536b87!important;box-shadow:none!important;font-size:10px!important;font-weight:500!important;}
.panel504 .p504-horizontal-header #user-badge-text>svg{display:block!important;flex:0 0 31px!important;width:31px!important;height:31px!important;padding:7px!important;border:1px solid #eee1b8!important;border-radius:9px!important;background:linear-gradient(135deg,#fff7de,#f5e6b4)!important;color:#96804a!important;stroke-width:1.5!important;}
.panel504 .p504-horizontal-header #user-badge-text>span{display:block!important;max-width:135px!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important;}
.panel504 .p504-horizontal-header #user-badge-text small{display:block!important;margin-top:3px!important;font-size:8px!important;font-weight:400!important;color:#9daabd!important;line-height:1.5!important;}
.panel504 .p504-top-menu-toggle{display:none!important;}
.panel504 .main-workspace{padding-top:32px!important;}
.panel504 .bottom-bar .p504-network{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#98a8bc!important;font-size:8px!important;}
.panel504 .bottom-bar .p504-network i{width:4px!important;height:4px!important;}
}
@media screen and (min-width:1200px) and (max-width:1340px){.panel504 .p504-horizontal-header{gap:17px!important;padding-inline:25px!important;}.panel504 .p504-horizontal-header #user-badge-text>span{display:none!important;}.panel504 .p504-horizontal-header .sidebar-brand{min-width:140px!important;}.panel504 .p504-horizontal-nav .menu-item>button,.panel504 .p504-nav-group>summary{padding-inline:8px!important;}}
@media screen and (max-width:1199px){.panel504 .p504-horizontal-header{height:72px!important;min-height:72px!important;gap:13px!important;padding:0 24px!important;}.panel504 .p504-top-menu-toggle{display:grid!important;place-items:center!important;flex:0 0 33px!important;width:33px!important;min-width:33px!important;height:35px!important;min-height:35px!important;margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;background:#f3f6fa!important;color:#879bb7!important;font-size:18px!important;font-weight:400!important;cursor:pointer!important;}.panel504 .p504-top-utilities{margin-left:auto!important;gap:12px!important;}.panel504 .p504-horizontal-header #user-badge-text>span{display:none!important;}.panel504 #app-sidebar.p504-horizontal-nav{position:absolute!important;inset:calc(100% - 1px) 20px auto!important;display:none!important;flex:none!important;width:calc(100% - 40px)!important;max-height:66dvh!important;margin:0!important;padding:9px!important;border:1px solid #dfe6ef!important;border-radius:0 0 12px 12px!important;background:#fff!important;box-shadow:0 20px 35px #29425f1a!important;overflow:auto!important;transform:none!important;visibility:visible!important;z-index:2005!important;}.panel504 .p504-horizontal-header.p504-nav-open #app-sidebar.p504-horizontal-nav:not(.collapsed){display:block!important;}.panel504 .p504-horizontal-nav .sidebar-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;}.panel504 .p504-horizontal-nav .sidebar-menu>.menu-item{width:100%!important;}.panel504 .p504-horizontal-nav .menu-item>button,.panel504 .p504-nav-group>summary{justify-content:flex-start!important;width:100%!important;min-height:46px!important;padding:12px 13px!important;font-size:15px!important;}.panel504 .p504-horizontal-nav .sidebar-menu>.menu-item.active>button{background:#fff8e5!important;border-radius:7px!important;}.panel504 .p504-horizontal-nav .sidebar-menu>.menu-item.active>button:after{display:none!important;}.panel504 .p504-nav-group-item,.panel504 .p504-nav-group{width:100%!important;}.panel504 .p504-nav-chevron{margin-left:auto!important;}.panel504 .p504-nav-panel{position:static!important;width:100%!important;max-height:none!important;margin:4px 0 6px!important;padding:4px 8px!important;border:0!important;border-radius:7px!important;background:#f8fafc!important;box-shadow:none!important;overflow:visible!important;}.panel504 .p504-nav-panel .menu-item>button{font-size:14px!important;padding-left:13px!important;}.panel504 .p504-nav-panel.p504-service-slot{margin:4px 0 6px!important;padding:10px 8px 5px!important;border:0!important;}}
@media screen and (max-width:650px){.panel504 .p504-horizontal-header{height:65px!important;min-height:65px!important;padding:0 16px!important;gap:11px!important;}.panel504 .p504-horizontal-header .sidebar-brand{min-width:0!important;gap:9px!important;}.panel504 .p504-horizontal-header .logo-box-mini{font-size:29px!important;padding-right:10px!important;}.panel504 .p504-horizontal-header .brand-text-mini>strong{font-size:9px!important;letter-spacing:1.5px!important;}.panel504 .p504-horizontal-header #sidebar-subtitle{font-size:4px!important;letter-spacing:.7px!important;}.panel504 .p504-top-utilities{gap:6px!important;}.panel504 .p504-horizontal-header .p504-account{padding-left:7px!important;}.panel504 .p504-horizontal-header #user-badge-text>svg{height:29px!important;width:29px!important;flex-basis:29px!important;}.panel504 #app-sidebar.p504-horizontal-nav{inset:calc(100% - 1px) 12px auto!important;width:calc(100% - 24px)!important;}.panel504 .main-workspace{padding-top:27px!important;}}
@media(prefers-reduced-motion:reduce){.panel504 .p504-nav-chevron{transition:none!important;}}
}

/* Personal greeting, terminal clock and real weather. Approved navigation/cards stay intact. */
@layer panel504 {
@media screen {
.panel504 .p504-welcome.p504-personal{gap:32px!important;min-height:170px!important;margin-bottom:28px!important;}
.panel504 .p504-personal .p504-editorial-copy{flex:1!important;min-width:0!important;}
.panel504 .p504-personal h2{font-size:38px!important;line-height:1.2!important;max-width:660px!important;text-wrap:balance!important;overflow-wrap:anywhere!important;}
.panel504 .p504-personal [data-panel-name]{color:#506782!important;font-weight:450!important;}
.panel504 .p504-personal .p504-editorial-copy>p:last-child{font-size:13px!important;color:#7c8da3!important;}
.panel504 .p504-context{display:grid!important;grid-template-columns:205px 245px!important;gap:12px!important;flex:0 0 auto!important;position:relative!important;z-index:1!important;}
.panel504 .p504-context-card{display:flex!important;flex-direction:column!important;justify-content:center!important;position:relative!important;min-width:0!important;min-height:137px!important;padding:17px 19px!important;border:1px solid #e2e6ec!important;border-radius:15px!important;box-shadow:inset 0 1px #fff,0 5px 16px #273e5503!important;}
.panel504 .p504-clock-card{background:linear-gradient(135deg,#fbf8ef,#f4f0e5)!important;border-color:#e5dfcf!important;color:#73664b!important;}
.panel504 .p504-context-heading{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 9px!important;color:#9c9077!important;font-size:8px!important;font-weight:550!important;letter-spacing:1.5px!important;line-height:1.4!important;}
.panel504 .p504-live-dot{height:4px!important;width:4px!important;border-radius:50%!important;background:#9bad8d!important;box-shadow:0 0 0 3px #9bad8d15!important;}
.panel504 .p504-clock{display:flex!important;align-items:baseline!important;gap:7px!important;min-height:39px!important;color:#73664d!important;font-size:34px!important;line-height:1.1!important;letter-spacing:-1px!important;font-weight:450!important;font-variant-numeric:tabular-nums!important;}
.panel504 .p504-clock small{font-size:10px!important;letter-spacing:0!important;color:#9a8c70!important;font-weight:450!important;}
.panel504 .p504-context-date{display:block!important;position:static!important;inset:auto!important;min-height:0!important;margin:7px 0 0!important;padding:0!important;border:0!important;background:none!important;color:#8c7e64!important;font-size:10px!important;font-weight:450!important;line-height:1.5!important;white-space:normal!important;}
.panel504 .p504-clock-zone{display:block!important;margin-top:3px!important;color:#a99c82!important;font-size:8px!important;line-height:1.3!important;}
.panel504 .p504-weather-card{background:linear-gradient(135deg,#f6f9fd,#eef3f8)!important;color:#607590!important;}
.panel504 .p504-weather-location{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-height:20px!important;margin:0 0 6px!important;padding:0!important;border:0!important;border-radius:4px!important;background:transparent!important;color:#687e99!important;font-size:11px!important;font-weight:550!important;text-align:left!important;cursor:pointer!important;}
.panel504 .p504-weather-location:hover{color:#2e4b70!important;}
.panel504 [data-panel-weather-city]{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.panel504 .p504-location-pin{flex:0 0 auto!important;font-size:16px!important;color:#9bafc4!important;line-height:1!important;}
.panel504 .p504-location-pin>.p504-icon{display:block!important;width:13px!important;height:13px!important;}
.panel504 .p504-weather-chevron{flex:0 0 auto!important;width:4px!important;height:4px!important;border-right:1px solid #a0b0c2!important;border-bottom:1px solid #a0b0c2!important;rotate:45deg!important;margin-left:auto!important;margin-bottom:3px!important;}
.panel504 .p504-weather-reading{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;}
.panel504 .p504-weather-icon{display:block!important;flex:0 0 52px!important;width:52px!important;height:52px!important;overflow:visible!important;}
.panel504 .p504-weather-reading>div{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;}
.panel504 [data-panel-temperature]{display:block!important;color:#4e6682!important;font-size:30px!important;font-weight:450!important;line-height:1.1!important;letter-spacing:-1px!important;font-variant-numeric:tabular-nums!important;}
.panel504 [data-panel-condition]{display:block!important;color:#8395ab!important;font-size:10px!important;font-weight:400!important;line-height:1.4!important;}
.panel504 .p504-weather-meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;flex-wrap:wrap!important;margin-top:10px!important;line-height:1.3!important;}
.panel504 .p504-weather-meta small,.panel504 .p504-weather-meta>a{color:#9babc0!important;font-size:8px!important;font-weight:400!important;text-decoration:none!important;}
.panel504 .p504-weather-meta>a:hover{text-decoration:underline!important;}
.panel504 [data-panel-weather-retry]{min-height:22px!important;margin:-3px 0!important;padding:3px 6px!important;border:1px solid #d8e1ec!important;border-radius:5px!important;background:#fff8!important;color:#607d9e!important;font-size:9px!important;cursor:pointer!important;}
.panel504 [data-panel-weather-retry][hidden]{display:none!important;}
.panel504 .p504-weather-card.is-unavailable .p504-weather-icon{opacity:.5!important;}
.panel504 .p504-weather-dialog{width:430px!important;max-width:calc(100vw - 32px)!important;padding:25px!important;}
.panel504 .p504-dialog-eyebrow{display:block!important;margin-bottom:7px!important;font-size:7px!important;letter-spacing:1.6px!important;color:#9ba8b9!important;}
.panel504 .p504-weather-dialog h2{margin:0!important;font-size:23px!important;font-weight:500!important;letter-spacing:-.7px!important;}
.panel504 .p504-weather-help{margin:13px 0 22px!important;color:#8191a6!important;font-size:12px!important;line-height:1.6!important;}
.panel504 #p504-weather-form{display:grid!important;gap:10px!important;}
.panel504 #p504-weather-form>label{color:#5f738f!important;font-size:11px!important;font-weight:500!important;}
.panel504 #p504-weather-city-select{width:100%!important;min-height:45px!important;padding:10px 12px!important;border:1px solid #dce4ef!important;border-radius:9px!important;background:#f8fafc!important;color:#3a526f!important;font-size:13px!important;}
.panel504 .p504-weather-save{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;margin-top:3px!important;padding:10px 14px!important;border:1px solid #e4c76e!important;border-radius:9px!important;background:#f6d77e!important;color:#665125!important;font-size:12px!important;font-weight:550!important;cursor:pointer!important;}
.panel504 .p504-weather-save>.p504-icon{height:16px!important;width:16px!important;}
.panel504 .p504-location-current{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:40px!important;width:100%!important;margin:13px 0 0!important;padding:8px!important;border:0!important;border-radius:8px!important;background:#f2f5f9!important;color:#7087a2!important;font-size:11px!important;cursor:pointer!important;}
.panel504 .p504-location-current>.p504-icon{width:16px!important;height:16px!important;}
.panel504 .p504-location-current:disabled{opacity:.5!important;cursor:wait!important;}
.panel504 .p504-weather-message{min-height:16px!important;margin:8px 0 0!important;color:#8d7043!important;font-size:10px!important;line-height:1.5!important;}
.panel504 .p504-weather-attribution{margin:12px 0 0!important;padding-top:13px!important;border-top:1px solid #e9edf3!important;color:#9da9ba!important;font-size:8px!important;line-height:1.7!important;}
.panel504 .p504-weather-attribution a{color:#8096af!important;text-decoration:underline!important;text-underline-offset:2px!important;}
}
@media screen and (min-width:1750px){.panel504 .p504-personal h2{font-size:44px!important;}}
@media screen and (max-width:1100px){.panel504 .p504-welcome.p504-personal{gap:22px!important;}.panel504 .p504-personal h2{font-size:32px!important;}.panel504 .p504-context{grid-template-columns:175px 215px!important;gap:10px!important;}.panel504 .p504-context-card{padding:15px!important;}.panel504 .p504-clock{font-size:30px!important;}}
@media screen and (max-width:800px){.panel504 .p504-welcome.p504-personal{flex-direction:column!important;align-items:stretch!important;gap:23px!important;min-height:0!important;margin-bottom:27px!important;}.panel504 .p504-personal h2{max-width:100%!important;font-size:34px!important;}.panel504 .p504-context{grid-template-columns:1fr 1.1fr!important;width:100%!important;}.panel504 .p504-context-card{min-height:130px!important;padding:16px!important;}.panel504 .p504-context-date{font-size:10px!important;}}
@media screen and (max-width:400px){.panel504 .p504-personal h2{font-size:30px!important;}.panel504 .p504-personal .p504-editorial-copy>p:last-child{font-size:12px!important;}.panel504 .p504-context{gap:8px!important;grid-template-columns:1fr 1.1fr!important;}.panel504 .p504-context-card{padding:13px 11px!important;border-radius:12px!important;}.panel504 .p504-clock{font-size:27px!important;gap:4px!important;}.panel504 .p504-clock small{font-size:8px!important;}.panel504 .p504-context-heading{font-size:7px!important;letter-spacing:1.1px!important;}.panel504 .p504-weather-icon{width:37px!important;height:37px!important;flex-basis:37px!important;}.panel504 .p504-weather-reading{gap:6px!important;}.panel504 [data-panel-temperature]{font-size:26px!important;}.panel504 [data-panel-condition]{font-size:9px!important;}.panel504 .p504-weather-location{font-size:10px!important;}.panel504 .p504-weather-meta{gap:5px!important;margin-top:8px!important;}.panel504 .p504-weather-meta small,.panel504 .p504-weather-meta>a{font-size:7px!important;}.panel504 .p504-context-date{font-size:9px!important;}.panel504 .p504-clock-zone{font-size:7px!important;}}
}

@layer panel504 {
@media screen {
.panel504 .p504-horizontal-nav .sidebar-menu>.menu-item>button>.p504-icon{display:none!important;}
.panel504 .p504-side-host{display:none!important;}
.panel504 .p504-layout-control{position:relative!important;flex:0 0 auto!important;margin:0!important;padding:0!important;}
.panel504 .p504-layout-control>summary{display:flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:8px 10px!important;border:1px solid #e4e9ee!important;border-radius:9px!important;background:#f8fafbcc!important;color:#72849a!important;font-size:11px!important;font-weight:500!important;line-height:1.4!important;list-style:none!important;cursor:pointer!important;}
.panel504 .p504-layout-control>summary::-webkit-details-marker{display:none!important;}
.panel504 .p504-layout-control>summary>.p504-icon{width:17px!important;height:17px!important;color:#8ea2b6!important;}
.panel504 .p504-layout-control>summary>i{width:4px!important;height:4px!important;margin:0 1px 3px 4px!important;border-right:1px solid #a4b1bf!important;border-bottom:1px solid #a4b1bf!important;rotate:45deg!important;}
.panel504 .p504-layout-control[open]>summary{border-color:#d6dfdc!important;background:#f0f5f2!important;color:#526b64!important;}
.panel504 .p504-layout-popover{position:absolute!important;top:calc(100% + 14px)!important;right:0!important;z-index:2100!important;width:285px!important;padding:19px!important;border:1px solid #dfe6e8!important;border-radius:15px!important;background:#fff!important;box-shadow:0 20px 60px #263e561b!important;}
.panel504 .p504-layout-popover>p{margin:0 0 7px!important;color:#a1acb8!important;font-size:7px!important;font-weight:500!important;letter-spacing:1.5px!important;line-height:1.4!important;}
.panel504 .p504-layout-popover>strong{display:block!important;margin:0 0 17px!important;color:#3a5269!important;font-size:17px!important;font-weight:500!important;letter-spacing:-.5px!important;}
.panel504 .p504-layout-popover>div{display:grid!important;gap:7px!important;}
.panel504 [data-panel-layout-choice]{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:67px!important;margin:0!important;padding:12px!important;border:1px solid #e3e8ed!important;border-radius:10px!important;background:#f9fafc!important;color:#526d87!important;text-align:left!important;cursor:pointer!important;}
.panel504 [data-panel-layout-choice]>.p504-icon{flex:0 0 28px!important;width:28px!important;height:28px!important;color:#99aebf!important;}
.panel504 [data-panel-layout-choice]>span{flex:1!important;min-width:0!important;font-size:12px!important;font-weight:550!important;line-height:1.5!important;}
.panel504 [data-panel-layout-choice] small{display:block!important;margin-top:3px!important;color:#94a3b4!important;font-size:9px!important;font-weight:400!important;}
.panel504 [data-panel-layout-choice]>i{display:block!important;width:11px!important;height:11px!important;border:1px solid #ced8e0!important;border-radius:50%!important;background:transparent!important;}
.panel504 [data-panel-layout-choice][aria-pressed=true]{border-color:#d2dfd7!important;background:#f0f6f1!important;color:#536d5b!important;box-shadow:inset 0 1px #fff!important;}
.panel504 [data-panel-layout-choice][aria-pressed=true]>.p504-icon{color:#7d9d86!important;}
.panel504 [data-panel-layout-choice][aria-pressed=true]>i{border:3px solid #fff!important;background:#8ba292!important;box-shadow:0 0 0 1px #b4c8b9!important;}
.panel504 .p504-replay{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:38px!important;width:100%!important;margin:15px 0 0!important;padding:8px!important;border:0!important;border-top:1px solid #ecf0f3!important;border-radius:0!important;background:transparent!important;color:#8d805c!important;font-size:10px!important;cursor:pointer!important;}
.panel504 .p504-replay>.p504-icon{width:15px!important;height:15px!important;}
.panel504 .p504-replay:disabled{opacity:.4!important;cursor:default!important;}
.panel504 .p504-layout-hint{display:block!important;margin-top:4px!important;color:#a8b1bd!important;font-size:8px!important;line-height:1.5!important;text-align:center!important;}
}
@media screen and (min-width:1200px){
.panel504[data-panel-layout=sidebar].p504-layout-ready .p504-side-host{display:flex!important;flex-direction:column!important;flex:0 0 232px!important;width:232px!important;min-width:232px!important;height:100dvh!important;position:relative!important;z-index:2010!important;margin:0!important;padding:0!important;border:0!important;background:linear-gradient(160deg,#2c343c,#222c34 75%)!important;box-shadow:5px 0 30px #17313a06!important;overflow:hidden!important;}
.panel504 .p504-side-host[hidden]{display:none!important;}
.panel504[data-panel-layout=sidebar] .main-container{width:0!important;flex:1!important;min-width:0!important;}
.panel504 .p504-side-brand-slot{display:flex!important;align-items:center!important;flex:0 0 83px!important;min-height:83px!important;padding:0 23px!important;border-bottom:1px solid #ffffff0b!important;}
.panel504 .p504-side-brand-slot .sidebar-brand{display:flex!important;align-items:center!important;gap:11px!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
.panel504 .p504-side-brand-slot .logo-box-mini{padding:0 13px 0 0!important;border:0!important;border-right:1px solid #ffffff20!important;background:transparent!important;color:#efd489!important;font-size:33px!important;font-weight:800!important;line-height:1!important;letter-spacing:-2.8px!important;}
.panel504 .p504-side-brand-slot .logo-box-mini>span{top:-3px!important;right:5px!important;color:#d2ba80!important;font-size:6px!important;}
.panel504 .p504-side-brand-slot .brand-text-mini{display:flex!important;flex-direction:column!important;gap:7px!important;}
.panel504 .p504-side-brand-slot .brand-text-mini>strong{color:#dbe1e7!important;font-size:10px!important;line-height:1!important;font-weight:500!important;letter-spacing:2px!important;}
.panel504 .p504-side-brand-slot #sidebar-subtitle{color:#8796a2!important;font-size:5px!important;line-height:1.4!important;letter-spacing:.8px!important;}
.panel504 .p504-side-nav-slot{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow:hidden!important;}
.panel504 .p504-side-host #app-sidebar.p504-horizontal-nav{display:block!important;flex:1!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:19px 13px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#4c5963 transparent!important;transform:none!important;visibility:visible!important;box-shadow:none!important;}
.panel504 .p504-side-host #app-sidebar.collapsed{display:none!important;}
.panel504 .p504-side-host .sidebar-menu{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:4px!important;height:auto!important;width:100%!important;margin:0!important;padding:0!important;}
.panel504 .p504-side-host .menu-item{width:100%!important;}
.panel504 .p504-side-host .menu-item>button{justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:45px!important;padding:12px 10px!important;border:1px solid transparent!important;border-radius:8px!important;color:#b0bdc7!important;background:transparent!important;font-size:12px!important;font-weight:450!important;white-space:normal!important;line-height:1.45!important;}
.panel504 .p504-side-host .sidebar-menu>.menu-item>button>.p504-icon{display:block!important;flex:0 0 19px!important;width:19px!important;height:19px!important;color:#8e9eab!important;}
.panel504 .p504-side-host .menu-item.active>button{border-color:#dfcb8c20!important;background:#e7d29a0d!important;color:#e7d39a!important;font-weight:500!important;}
.panel504 .p504-side-host .menu-item.active>button>.p504-icon{color:#d7c388!important;}
.panel504 .p504-side-host .sidebar-menu>.menu-item.active>button:after{display:none!important;}
.panel504 .p504-side-host .menu-item>button:hover{background:#ffffff08!important;color:#edf0f3!important;}
.panel504 .p504-side-host .p504-nav-group-item{width:100%!important;margin-top:16px!important;}
.panel504 .p504-side-host .p504-nav-group>summary{justify-content:flex-start!important;min-height:30px!important;margin:0 4px 6px!important;padding:7px 7px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#738894!important;font-size:8px!important;font-weight:500!important;letter-spacing:1.5px!important;text-transform:uppercase!important;}
.panel504 .p504-side-host .p504-nav-chevron{margin-left:auto!important;border-color:#768b96!important;}
.panel504 .p504-side-host .p504-nav-panel{position:static!important;inset:auto!important;display:grid!important;gap:3px!important;width:100%!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
.panel504 .p504-side-host .p504-nav-panel .menu-item>button{min-height:41px!important;padding:10px!important;font-size:12px!important;}
.panel504 .p504-side-host .p504-nav-panel .p504-icon{flex:0 0 19px!important;width:19px!important;height:19px!important;color:#8e9eab!important;}
.panel504 .p504-side-host .p504-service-slot>p{display:none!important;}
.panel504 .p504-side-host #app-sidebar .sc504-launchers button{gap:12px!important;min-height:38px!important;padding:9px 10px!important;border-radius:7px!important;background:transparent!important;color:#a4b2bc!important;font-size:11px!important;}
.panel504 .p504-side-host #app-sidebar .sc504-launchers button:before{width:19px!important;color:#beaf7f!important;}
.panel504 .p504-side-host #app-sidebar .sc504-launchers button:hover{background:#ffffff08!important;color:#d9c58d!important;}
.panel504 .p504-side-signature{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;flex:0 0 56px!important;margin:0 21px!important;padding:14px 0!important;border-top:1px solid #ffffff0a!important;color:#697e8a!important;font-size:7px!important;font-weight:500!important;letter-spacing:1.3px!important;}
.panel504 .p504-side-signature>span{width:4px!important;height:4px!important;border-radius:50%!important;background:#8ba295!important;}
.panel504[data-panel-layout=sidebar] .p504-horizontal-header{gap:22px!important;padding-inline:30px!important;}
.panel504[data-panel-layout=sidebar] .p504-horizontal-header #header-title{display:block!important;position:static!important;flex:1!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;font-size:18px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:-.5px!important;color:#3b5267!important;}
.panel504[data-panel-layout=sidebar] .p504-top-utilities{margin-left:auto!important;}
}
@media screen and (min-width:1200px) and (max-width:1500px){.panel504 .p504-horizontal-header{gap:17px!important;}.panel504 .p504-top-utilities{gap:11px!important;}.panel504 .p504-horizontal-header #user-badge-text>span{max-width:100px!important;}.panel504 .p504-horizontal-nav .sidebar-menu{gap:2px!important;}.panel504 .p504-horizontal-nav .menu-item>button,.panel504 .p504-nav-group>summary{padding-inline:10px!important;}.panel504 .p504-side-host .menu-item>button{padding-inline:10px!important;}}
@media screen and (max-width:650px){.panel504 .p504-layout-control>summary{width:31px!important;min-width:31px!important;height:34px!important;min-height:34px!important;padding:7px!important;border:0!important;background:transparent!important;}.panel504 .p504-layout-control>summary>span,.panel504 .p504-layout-control>summary>i{display:none!important;}.panel504 .p504-layout-popover{position:fixed!important;top:73px!important;right:12px!important;width:min(285px,calc(100vw - 24px))!important;}.panel504 .p504-top-utilities{gap:3px!important;}}
@media print{.panel504 :is(.p504-side-host,.p504-layout-control){display:none!important;}}
}

@layer panel504 {
@media screen {
.panel504 .p504-horizontal-header:after{content:''!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:2px!important;background:linear-gradient(90deg,#c5d6d700,#bfd6d9 22%,#e8d4a3 49%,#c1d8d5 76%,#c5d6d700)!important;background-size:200% 100%!important;opacity:.65!important;animation:p504-water-thread 20s ease-in-out infinite alternate!important;pointer-events:none!important;}
.panel504 .p504-welcome.p504-personal{min-height:206px!important;gap:30px!important;margin-bottom:28px!important;padding:26px 28px!important;border:1px solid #fff!important;border-radius:22px!important;background:radial-gradient(ellipse at 72% 110%,#d7e4df7a,transparent 58%),linear-gradient(125deg,#ffffffde,#f6f8f3dc 58%,#f5f1e5d9)!important;box-shadow:inset 0 1px #fff,0 9px 35px #314f5907!important;overflow:hidden!important;}
.panel504 .p504-personal .p504-eyebrow{color:#8d9e9f!important;font-size:8px!important;letter-spacing:1.6px!important;}
.panel504 .p504-personal h2{color:#30434a!important;font-size:37px!important;letter-spacing:-1.5px!important;}
.panel504 .p504-personal [data-panel-name]{color:#758f8f!important;}
.panel504 .p504-personal .p504-editorial-copy>p:last-child{color:#8a9a9d!important;font-size:12px!important;}
.panel504 .p504-personal .p504-water-art{position:absolute!important;z-index:0!important;inset:0!important;width:100%!important;height:100%!important;opacity:1!important;overflow:hidden!important;border-radius:inherit!important;mask-image:linear-gradient(90deg,transparent,#000 25%,#000)!important;pointer-events:none!important;transform:translate3d(var(--p504-water-x,0px),var(--p504-water-y,0px),0)!important;transition:transform 1.5s cubic-bezier(.2,.7,.2,1)!important;}
.panel504 .p504-personal .p504-water-art>svg{display:block!important;width:110%!important;height:110%!important;max-width:none!important;animation:p504-wave 22s ease-in-out infinite alternate!important;}
.panel504 .p504-liquid-fold{transform-origin:65% 95%!important;will-change:transform!important;}
.panel504 .p504-liquid-fold-a{animation:p504-water-fold 19s ease-in-out infinite alternate!important;}
.panel504 .p504-liquid-fold-b{animation:p504-water-fold 25s ease-in-out -9s infinite alternate-reverse!important;}
.panel504 .p504-liquid-caustics{transform-origin:60% 100%!important;animation:p504-water-glow 18s ease-in-out -5s infinite alternate!important;}
.panel504 .p504-personal .p504-context{grid-template-columns:180px 220px!important;gap:12px!important;}
.panel504 .p504-personal .p504-context-card{min-height:134px!important;padding:16px 17px!important;border-color:#ffffffd9!important;border-radius:14px!important;box-shadow:inset 0 1px #fff,0 7px 20px #29445004!important;backdrop-filter:blur(8px)!important;}
.panel504 .p504-personal .p504-clock-card{background:linear-gradient(135deg,#fdfbf4c4,#f5eddb80)!important;}
.panel504 .p504-personal .p504-weather-card{background:linear-gradient(135deg,#fbfdfce8,#e9f2f1a3)!important;}
.panel504 .p504-personal .p504-clock{font-size:32px!important;}
.panel504 .p504-personal .p504-weather-icon{width:47px!important;height:47px!important;flex-basis:47px!important;}
.panel504 .p504-personal .p504-weather-meta>a{color:#99adae!important;}
.panel504 .p504-module{animation:none!important;}
.panel504 .p504-module:after{content:''!important;position:absolute!important;z-index:-1!important;inset:0!important;border-radius:inherit!important;background:linear-gradient(115deg,transparent 10%,#fff5 48%,transparent 83%)!important;opacity:0!important;transition:opacity .4s!important;pointer-events:none!important;}
.panel504 .p504-module:hover:after{opacity:.45!important;}
.panel504 .p504-touch-wave{position:absolute!important;z-index:0!important;display:block!important;width:30px!important;height:30px!important;margin:-15px!important;border:1px solid #a4c4bf6b!important;border-radius:50%!important;pointer-events:none!important;animation:p504-touch-ripple 1s cubic-bezier(.15,.5,.25,1) both!important;}
.panel504 .p504-arrival{display:block!important;position:fixed!important;z-index:2300!important;inset:0!important;overflow:hidden!important;background:radial-gradient(ellipse at 50% 55%,#ecf4efe8,#f6f7f4f5 70%)!important;pointer-events:none!important;animation:p504-arrival-veil 1.65s cubic-bezier(.3,.1,.2,1) both!important;}
.panel504 .p504-arrival[hidden]{display:none!important;}
.panel504 .p504-arrival-ring{position:absolute!important;left:50%!important;top:47%!important;display:block!important;width:min(48vw,480px)!important;aspect-ratio:1!important;border:1px solid #b4cdca65!important;border-radius:50%!important;background:radial-gradient(circle,transparent 55%,#d5e4de30 72%,transparent 73%)!important;box-shadow:0 0 70px #e2d6b926,inset 0 0 40px #c3dcd315!important;animation:p504-arrival-ring 1.65s cubic-bezier(.15,.55,.35,1) both!important;}
.panel504 .p504-arrival-ring-b{animation-delay:.13s!important;border-color:#d9c79d50!important;}
.panel504 .p504-arrival-ring-c{animation-delay:.26s!important;border-color:#c5dbd94a!important;}
.panel504 .p504-arrival-mark{position:absolute!important;left:50%!important;top:47%!important;display:flex!important;flex-direction:column!important;align-items:center!important;transform:translate(-50%,-50%)!important;animation:p504-arrival-mark 1.4s cubic-bezier(.2,.65,.2,1) both!important;}
.panel504 .p504-arrival-mark>span{position:relative!important;color:#304d51!important;font-size:90px!important;font-weight:800!important;line-height:1!important;letter-spacing:-7px!important;}
.panel504 .p504-arrival-mark>span>i{position:absolute!important;right:-13px!important;top:2px!important;color:#b69e67!important;font-size:9px!important;font-style:normal!important;letter-spacing:0!important;}
.panel504 .p504-arrival-mark>b{margin-top:12px!important;color:#75918f!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;letter-spacing:7px!important;padding-left:7px!important;}
.panel504 .p504-arrival-mark>small{margin-top:18px!important;color:#9ba9a4!important;font-size:7px!important;line-height:1.4!important;letter-spacing:2px!important;white-space:nowrap!important;}
.panel504 .p504-arrival-mark>em{display:block!important;height:1px!important;width:70px!important;margin-top:18px!important;background:linear-gradient(90deg,transparent,#cfbb84,transparent)!important;transform-origin:center!important;animation:p504-arrival-line 1.2s ease both!important;}
.panel504.p504-entering .p504-horizontal-header{animation:p504-arrival-header .7s cubic-bezier(.16,1,.3,1) .45s both!important;}
.panel504.p504-entering .p504-welcome{animation:p504-arrival-content .85s cubic-bezier(.16,1,.3,1) .6s both!important;}
.panel504.p504-entering .p504-section-heading{animation:p504-arrival-content .75s cubic-bezier(.16,1,.3,1) .73s both!important;}
.panel504.p504-entering .p504-module{animation:p504-arrival-content .8s cubic-bezier(.16,1,.3,1) calc(.8s + var(--p504-order,0)*.075s) both!important;}
.panel504.p504-entering .p504-side-brand-slot{animation:p504-arrival-content .7s cubic-bezier(.16,1,.3,1) .5s both!important;}
.panel504.p504-entering .p504-side-host .sidebar-menu{animation:p504-arrival-content .8s cubic-bezier(.16,1,.3,1) .65s both!important;}
.panel504.p504-layout-settling .main-workspace{animation:p504-layout-settle .36s cubic-bezier(.16,1,.3,1) both!important;}
.panel504:is(.p504-motion-paused,.p504-backgrounded) :is(.p504-liquid-fold,.p504-liquid-caustics),.panel504:is(.p504-motion-paused,.p504-backgrounded) .p504-horizontal-header:after{animation-play-state:paused!important;}
.panel504.p504-motion-paused .p504-water-art{transition:none!important;transform:none!important;}
.panel504.p504-motion-paused .p504-module{animation:none!important;}
.panel504:is(.p504-motion-paused,.p504-backgrounded) :is(.p504-main-wave>svg,.p504-card-flow>svg){animation-play-state:paused!important;}
}
@media screen and (min-width:1750px){.panel504 .p504-personal h2{font-size:43px!important;}.panel504 .p504-personal .p504-context{grid-template-columns:205px 245px!important;}}
@media screen and (min-width:1200px) and (max-width:1500px){.panel504[data-panel-layout=sidebar] .p504-welcome.p504-personal{padding:23px!important;gap:22px!important;}.panel504[data-panel-layout=sidebar] .p504-personal h2{font-size:32px!important;}.panel504[data-panel-layout=sidebar] .p504-personal .p504-context{grid-template-columns:165px 195px!important;gap:10px!important;}.panel504[data-panel-layout=sidebar] .p504-context-card{padding:13px!important;}.panel504[data-panel-layout=sidebar] .p504-weather-icon{width:39px!important;height:39px!important;flex-basis:39px!important;}}
@media screen and (max-width:1100px){.panel504 .p504-welcome.p504-personal{padding:23px!important;gap:20px!important;}.panel504 .p504-personal h2{font-size:31px!important;}.panel504 .p504-personal .p504-context{grid-template-columns:165px 200px!important;gap:9px!important;}.panel504 .p504-personal .p504-context-card{padding:14px!important;}}
@media screen and (max-width:800px){.panel504 .p504-welcome.p504-personal{padding:23px 21px!important;gap:23px!important;min-height:0!important;border-radius:18px!important;}.panel504 .p504-personal h2{font-size:33px!important;}.panel504 .p504-personal .p504-context{width:100%!important;grid-template-columns:1fr 1.1fr!important;gap:10px!important;}.panel504 .p504-personal .p504-context-card{padding:14px!important;}.panel504 .p504-personal .p504-water-art{mask-image:linear-gradient(180deg,transparent,#000 55%,#000)!important;}.panel504 .p504-personal .p504-water-art>svg{height:105%!important;width:170%!important;}}
@media screen and (max-width:400px){.panel504 .p504-welcome.p504-personal{padding:22px 16px!important;}.panel504 .p504-personal h2{font-size:29px!important;}.panel504 .p504-personal .p504-context{gap:7px!important;}.panel504 .p504-personal .p504-context-card{padding:12px 9px!important;min-height:132px!important;}.panel504 .p504-personal .p504-clock{font-size:26px!important;}.panel504 .p504-personal .p504-weather-icon{width:31px!important;height:31px!important;flex-basis:31px!important;}.panel504 .p504-personal .p504-weather-reading{gap:5px!important;}.panel504 .p504-personal [data-panel-temperature]{font-size:24px!important;}.panel504 .p504-personal .p504-weather-location{font-size:9px!important;}.panel504 .p504-personal [data-panel-condition]{font-size:8px!important;}.panel504 .p504-personal .p504-eyebrow{font-size:7px!important;letter-spacing:1.2px!important;}}
@media(prefers-reduced-motion:reduce){.panel504 .p504-arrival{display:none!important;}.panel504 .p504-personal .p504-water-art>svg{animation:none!important;}.panel504 :is(.p504-liquid-fold,.p504-liquid-caustics,.p504-touch-wave),.panel504 .p504-horizontal-header:after{animation:none!important;}.panel504.p504-entering :is(.p504-horizontal-header,.p504-welcome,.p504-section-heading,.p504-module,.p504-side-brand-slot,.sidebar-menu),.panel504.p504-layout-settling .main-workspace{animation:none!important;}.panel504 .p504-water-art{transition:none!important;transform:none!important;}.panel504 .p504-module:after{transition:none!important;}}
@media print{.panel504 :is(.p504-arrival,.p504-water-art,.p504-touch-wave){display:none!important;}}
}

@layer panel504 {@media screen {
.panel504 .p504-layout-popover{max-height:calc(100dvh - 110px)!important;overflow-y:auto!important;scrollbar-width:thin!important;}
.panel504 .p504-sound-options{margin:9px 0 0!important;padding:13px 0 0!important;border-top:1px solid #ecf0f3!important;}
.panel504 .p504-sound-toggle{display:flex!important;align-items:center!important;gap:9px!important;min-height:38px!important;width:100%!important;margin:0!important;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#798c9b!important;font-size:10px!important;font-weight:450!important;text-align:left!important;cursor:pointer!important;}
.panel504 .p504-sound-toggle>.p504-icon{flex:0 0 17px!important;width:17px!important;height:17px!important;color:#97a99f!important;}
.panel504 .p504-sound-toggle>span{flex:1!important;}
.panel504 .p504-sound-toggle>i{position:relative!important;display:block!important;flex:0 0 27px!important;width:27px!important;height:16px!important;border:1px solid #d9e0e4!important;border-radius:12px!important;background:#e9edf0!important;}
.panel504 .p504-sound-toggle>i:after{content:''!important;position:absolute!important;left:2px!important;top:2px!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 3px #26405215!important;transition:translate .2s!important;}
.panel504 .p504-sound-toggle[aria-checked=true]>i{background:#8ca694!important;border-color:#8ca694!important;}
.panel504 .p504-sound-toggle[aria-checked=true]>i:after{translate:11px 0!important;}
.panel504 .p504-sound-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;}
.panel504 [data-panel-sound-status]{color:#637984!important;font-size:10px!important;line-height:1.5!important;}
.panel504 [data-panel-sound-status][data-playback=blocked]{color:#97733b!important;}
.panel504 .p504-sound-help{display:block!important;margin-top:7px!important;color:#687d86!important;font-size:9px!important;line-height:1.5!important;}
.panel504 [data-panel-sound-preview]{min-height:28px!important;margin:0!important;padding:5px 8px!important;border:1px solid #e8e4d8!important;border-radius:6px!important;background:#fbf8f0!important;color:#a08a5b!important;font-size:9px!important;font-weight:450!important;cursor:pointer!important;}
.panel504 .p504-sound-toggle:disabled,.panel504 [data-panel-sound-preview]:disabled{opacity:.4!important;cursor:default!important;}
}@media(prefers-reduced-motion:reduce){.panel504 .p504-sound-toggle>i:after{transition:none!important;}}}

/* Reviewed working density: available content width chooses the card grid. */
@layer panel504 {
@media screen {
.panel504[data-panel-density=balanced]{--p504-space:clamp(18px,1.6vw,48px)!important;--p504-bar-height:clamp(72px,4.6vw,90px)!important;--p504-foot-height:clamp(44px,2.6vw,56px)!important;--p504-card-height:clamp(120px,calc(56px + 5vw),168px)!important;--p504-card-pad:clamp(16px,1.35vw,26px)!important;--p504-card-gap:clamp(12px,1vw,20px)!important;--p504-card-title:clamp(16px,calc(11px + .4vw),20px)!important;--p504-card-body:clamp(12px,calc(8.8px + .25vw),14px)!important;--p504-card-action:clamp(11px,calc(8.5px + .2vw),13px)!important;--p504-tile-size:clamp(44px,3vw,60px)!important;--p504-hero-title:clamp(28px,2.45vw,44px)!important;--p504-hero-pad:clamp(16px,1.6vw,28px)!important;--p504-hero-height:clamp(140px,9.2vw,184px)!important;--p504-widget-height:clamp(104px,6.2vw,132px)!important;--p504-widget-pad:clamp(11px,.8vw,18px)!important;--p504-clock-width:clamp(160px,12vw,232px)!important;--p504-weather-width:clamp(190px,15vw,280px)!important;--p504-nav-font:clamp(15px,calc(11.5px + .3vw),17px)!important;--p504-nav-pad:clamp(8px,.7vw,14px)!important;--p504-nav-gap:clamp(2px,.25vw,7px)!important;--p504-side-width:clamp(220px,16vw,272px)!important;}
.panel504[data-panel-density=balanced] .main-workspace{padding:var(--p504-space)!important;}
.panel504[data-panel-density=balanced] #view-home{width:100%!important;max-width:1920px!important;container:panel-home / inline-size!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header{padding-inline:max(var(--p504-space),calc((100% - 1920px)/2))!important;gap:clamp(14px,1.1vw,25px)!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header #user-badge-text>span{max-width:clamp(100px,9vw,160px)!important;white-space:nowrap!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header .sidebar-menu{gap:var(--p504-nav-gap)!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header .sidebar-menu>.menu-item>button,.panel504[data-panel-density=balanced] .p504-horizontal-header .sidebar-menu>.p504-nav-group-item>details>summary{font-size:var(--p504-nav-font)!important;padding-inline:var(--p504-nav-pad)!important;}
.panel504[data-panel-density=balanced] .p504-welcome.p504-personal{min-height:var(--p504-hero-height)!important;margin-bottom:clamp(18px,1.4vw,26px)!important;padding:var(--p504-hero-pad)!important;gap:clamp(18px,1.7vw,32px)!important;border-radius:18px!important;box-shadow:inset 0 1px #fff,0 6px 24px #314f5905!important;}
.panel504[data-panel-density=balanced] .p504-personal h2{margin-bottom:8px!important;font-size:var(--p504-hero-title)!important;line-height:1.2!important;letter-spacing:-1.1px!important;color:#30434a!important;}
.panel504[data-panel-density=balanced] .p504-personal [data-panel-name]{color:#536f72!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-eyebrow{margin-bottom:10px!important;color:#607276!important;font-size:9px!important;letter-spacing:1.3px!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-editorial-copy>p:last-child{color:#5e7379!important;font-size:var(--p504-card-body)!important;line-height:1.6!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-context{grid-template-columns:minmax(0,var(--p504-clock-width)) minmax(0,var(--p504-weather-width))!important;gap:clamp(10px,.8vw,16px)!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-context-card{min-height:var(--p504-widget-height)!important;padding:var(--p504-widget-pad)!important;border-radius:12px!important;box-shadow:inset 0 1px #fff!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-clock-card{background:linear-gradient(135deg,#fcfaf2ed,#f5eddbd9)!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-weather-card{background:linear-gradient(135deg,#f9fcfbf5,#edf4f2eb)!important;}
.panel504[data-panel-density=balanced] .p504-context-heading{margin-bottom:5px!important;color:#786a51!important;font-size:clamp(9px,.65vw,11px)!important;letter-spacing:1px!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-clock{min-height:30px!important;color:#675940!important;font-size:clamp(26px,1.85vw,36px)!important;}
.panel504[data-panel-density=balanced] .p504-clock small{color:#7c6c50!important;font-size:clamp(10px,.7vw,12px)!important;}
.panel504[data-panel-density=balanced] .p504-context-date{margin-top:4px!important;color:#75644b!important;font-size:clamp(10.5px,.7vw,12px)!important;line-height:1.5!important;}
.panel504[data-panel-density=balanced] .p504-clock-zone{display:none!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-weather-location{min-height:24px!important;margin-bottom:2px!important;color:#486873!important;font-size:clamp(11px,.75vw,13px)!important;}
.panel504[data-panel-density=balanced] .p504-location-pin,.panel504[data-panel-density=balanced] .p504-weather-chevron{color:#708b94!important;border-color:#708b94!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-weather-icon{width:clamp(34px,2.5vw,48px)!important;height:clamp(34px,2.5vw,48px)!important;flex-basis:clamp(34px,2.5vw,48px)!important;}
.panel504[data-panel-density=balanced] .p504-weather-reading{gap:10px!important;}
.panel504[data-panel-density=balanced] .p504-personal [data-panel-temperature]{color:#46616b!important;font-size:clamp(25px,1.8vw,34px)!important;white-space:nowrap!important;}
.panel504[data-panel-density=balanced] .p504-personal [data-panel-condition]{color:#5b7079!important;font-size:clamp(10.5px,.7vw,12px)!important;line-height:1.4!important;}
.panel504[data-panel-density=balanced] .p504-weather-meta{gap:5px!important;margin-top:5px!important;}
.panel504[data-panel-density=balanced] .p504-personal .p504-weather-meta small,.panel504[data-panel-density=balanced] .p504-personal .p504-weather-meta>a{color:#526a72!important;font-size:clamp(9px,.6vw,11px)!important;line-height:1.5!important;}
.panel504[data-panel-density=balanced] .p504-section-heading{min-height:24px!important;margin-bottom:14px!important;}
.panel504[data-panel-density=balanced] .p504-section-heading h2{color:#41596d!important;font-size:clamp(14px,.9vw,17px)!important;font-weight:550!important;letter-spacing:-.2px!important;}
.panel504[data-panel-density=balanced] .p504-section-heading>span{display:none!important;}
.panel504[data-panel-density=balanced] .p504-heading-icon{color:#768f9a!important;}
.panel504[data-panel-density=balanced] .p504-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--p504-card-gap)!important;}
.panel504[data-panel-density=balanced] .p504-module{min-height:var(--p504-card-height)!important;padding:var(--p504-card-pad)!important;gap:var(--p504-card-gap)!important;border-radius:14px!important;box-shadow:inset 0 1px #ffffffb3,0 5px 16px #253e5906!important;}
.panel504[data-panel-density=balanced] .p504-module .p504-module-icon{flex:0 0 var(--p504-tile-size)!important;width:var(--p504-tile-size)!important;height:var(--p504-tile-size)!important;border-radius:13px!important;box-shadow:inset 0 1px #ffffff45,0 3px 8px #142c5110!important;}
.panel504[data-panel-density=balanced] .p504-module-icon>.p504-icon{width:clamp(25px,1.7vw,32px)!important;height:clamp(25px,1.7vw,32px)!important;stroke-width:1.6!important;}
.panel504[data-panel-density=balanced] .p504-module-copy strong{margin-bottom:4px!important;font-size:var(--p504-card-title)!important;line-height:1.35!important;letter-spacing:-.3px!important;font-weight:550!important;overflow-wrap:anywhere!important;}
.panel504[data-panel-density=balanced] .p504-module-copy>span{color:#53666f!important;font-size:var(--p504-card-body)!important;line-height:1.5!important;}
.panel504[data-panel-density=balanced] .p504-module:is([data-panel-go=compras],[data-panel-go=devoluciones]){--p504-tile-accent:#8e4f2e!important;}
.panel504[data-panel-density=balanced] .p504-module .p504-module-copy>small{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:18px!important;margin-top:8px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font-size:var(--p504-card-action)!important;font-weight:550!important;line-height:1.5!important;}
.panel504[data-panel-density=balanced] .p504-module-copy>small:after{content:'→'!important;font-size:14px!important;line-height:1!important;transition:translate .2s!important;}
.panel504[data-panel-density=balanced] .p504-module-arrow{display:none!important;}
.panel504[data-panel-density=balanced] .p504-module:hover{transform:translateY(-2px)!important;box-shadow:inset 0 1px #ffffffb3,0 8px 20px #253e5910!important;}
.panel504[data-panel-density=balanced] .p504-module:hover .p504-module-icon{transform:none!important;}
.panel504[data-panel-density=balanced] .p504-module:hover .p504-module-copy>small:after{translate:2px 0!important;}
.panel504[data-panel-density=balanced] .p504-home-end{display:none!important;}
.panel504[data-panel-density=balanced] .bottom-bar{height:var(--p504-foot-height)!important;min-height:var(--p504-foot-height)!important;padding-inline:max(var(--p504-space),calc((100% - 1920px)/2))!important;}
.panel504[data-panel-density=balanced] .tool-btn{min-height:32px!important;color:#4e6a7a!important;}
.panel504[data-panel-density=balanced] .p504-motion-toggle,.panel504[data-panel-density=balanced] .p504-motion-symbol{color:#5e7481!important;}
.panel504[data-panel-density=balanced] .p504-footer-note,.panel504[data-panel-density=balanced] .bottom-bar .p504-network{color:#526d64!important;font-size:9.5px!important;}
.panel504[data-panel-density=balanced] .p504-layout-control>summary{color:#526873!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header .p504-search-launch{color:#697e8a!important;}
.panel504[data-panel-density=balanced] :is(button,a,input,select):focus-visible{outline:2px solid #517f88!important;outline-offset:3px!important;}
.panel504[data-panel-density=balanced][data-panel-layout=sidebar].p504-layout-ready .p504-side-host{width:var(--p504-side-width)!important;min-width:var(--p504-side-width)!important;flex-basis:var(--p504-side-width)!important;}
.panel504[data-panel-density=balanced] .p504-side-host .menu-item>button{font-size:clamp(12px,calc(10px + .15vw),14px)!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .p504-top-menu-toggle{display:grid!important;place-items:center!important;flex:0 0 33px!important;width:33px!important;min-width:33px!important;height:35px!important;min-height:35px!important;margin:0!important;padding:0!important;border:0!important;border-radius:7px!important;background:#f3f6fa!important;color:#6a8493!important;font-size:18px!important;font-weight:400!important;cursor:pointer!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .p504-top-utilities{margin-left:auto!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] #app-sidebar.p504-horizontal-nav{position:absolute!important;inset:calc(100% - 1px) 16px auto!important;display:none!important;flex:none!important;width:calc(100% - 32px)!important;max-height:min(70dvh,calc(100dvh - 100px))!important;margin:0!important;padding:9px!important;border:1px solid #dfe6ef!important;border-radius:0 0 12px 12px!important;background:#fff!important;box-shadow:0 20px 35px #29425f1a!important;overflow:auto!important;transform:none!important;visibility:visible!important;z-index:2005!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact].p504-nav-open #app-sidebar.p504-horizontal-nav:not(.collapsed){display:block!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .sidebar-menu{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:2px!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .sidebar-menu>li,.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .p504-nav-group{width:100%!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .sidebar-menu>.menu-item>button,.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .sidebar-menu>.p504-nav-group-item>details>summary{justify-content:flex-start!important;width:100%!important;min-height:44px!important;padding:11px 13px!important;font-size:15px!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .sidebar-menu>.menu-item.active>button{background:#fff8e5!important;border-radius:7px!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .sidebar-menu>.menu-item.active>button:after{display:none!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .p504-nav-chevron{margin-left:auto!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header[data-nav-fit=compact] .p504-nav-panel{position:static!important;inset:auto!important;width:100%!important;max-height:none!important;margin:4px 0 6px!important;padding:4px 8px!important;border:0!important;border-radius:7px!important;background:#f8fafc!important;box-shadow:none!important;overflow:visible!important;}
/* Measure the natural full row before selecting its presentation; no copied controls. */
.panel504[data-panel-density=balanced] .p504-horizontal-header.p504-nav-measuring #app-sidebar.p504-horizontal-nav{display:block!important;position:absolute!important;inset:0 auto auto -10000px!important;flex:none!important;width:max-content!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;border:0!important;transform:none!important;visibility:hidden!important;opacity:0!important;overflow:visible!important;pointer-events:none!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header.p504-nav-measuring .sidebar-menu{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:var(--p504-nav-gap)!important;width:max-content!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header.p504-nav-measuring .sidebar-menu>li,.panel504[data-panel-density=balanced] .p504-horizontal-header.p504-nav-measuring .p504-nav-group{flex:0 0 auto!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header.p504-nav-measuring .sidebar-menu>.menu-item>button,.panel504[data-panel-density=balanced] .p504-horizontal-header.p504-nav-measuring .sidebar-menu>.p504-nav-group-item>details>summary{width:auto!important;min-height:48px!important;padding:12px var(--p504-nav-pad)!important;gap:8px!important;font-size:var(--p504-nav-font)!important;white-space:nowrap!important;}
.panel504[data-panel-density=balanced] .p504-horizontal-header.p504-nav-measuring .p504-nav-panel{display:none!important;}
}
@container panel-home (min-width:1000px){.panel504[data-panel-density=balanced] .p504-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@container panel-home (max-width:740px){.panel504[data-panel-density=balanced] .p504-welcome.p504-personal{align-items:stretch!important;flex-direction:column!important;gap:18px!important;padding:21px!important;}.panel504[data-panel-density=balanced] .p504-personal .p504-context{width:100%!important;grid-template-columns:1fr 1.1fr!important;}}
@media screen and (min-width:1200px){.panel504[data-panel-density=balanced] .p504-horizontal-header{height:var(--p504-bar-height)!important;min-height:var(--p504-bar-height)!important;}.panel504[data-panel-density=balanced] .p504-horizontal-header .sidebar-menu{height:var(--p504-bar-height)!important;}.panel504[data-panel-density=balanced] .p504-side-brand-slot{min-height:var(--p504-bar-height)!important;flex-basis:var(--p504-bar-height)!important;}}
@media screen and (max-width:650px){.panel504[data-panel-density=balanced] .main-workspace{padding:22px 18px!important;}.panel504[data-panel-density=balanced] .p504-module-grid{grid-template-columns:1fr!important;gap:13px!important;}.panel504[data-panel-density=balanced] .p504-module{min-height:112px!important;padding:17px!important;gap:14px!important;}.panel504[data-panel-density=balanced] .p504-module-copy strong{font-size:16px!important;}.panel504[data-panel-density=balanced] .p504-personal h2{font-size:28px!important;}.panel504[data-panel-density=balanced] .p504-welcome.p504-personal{padding:20px 16px!important;margin-bottom:22px!important;}.panel504[data-panel-density=balanced] .p504-personal .p504-context{gap:8px!important;}.panel504[data-panel-density=balanced] .p504-personal .p504-context-card{padding:11px 10px!important;}.panel504[data-panel-density=balanced] .p504-context-date{font-size:10px!important;}.panel504[data-panel-density=balanced] .bottom-bar{padding-inline:18px!important;}}
@media screen and (max-width:380px){.panel504[data-panel-density=balanced] .p504-personal .p504-context{grid-template-columns:1fr 1.1fr!important;gap:6px!important;}.panel504[data-panel-density=balanced] .p504-personal .p504-context-card{padding:10px 8px!important;}.panel504[data-panel-density=balanced] .p504-personal .p504-clock{font-size:25px!important;}.panel504[data-panel-density=balanced] .p504-context-date{font-size:9.5px!important;}.panel504[data-panel-density=balanced] .p504-personal .p504-weather-icon{width:26px!important;height:26px!important;flex-basis:26px!important;}.panel504[data-panel-density=balanced] .p504-weather-reading{gap:5px!important;}.panel504[data-panel-density=balanced] .p504-personal [data-panel-temperature]{font-size:24px!important;}.panel504[data-panel-density=balanced] .p504-personal .p504-weather-location{font-size:10px!important;}.panel504[data-panel-density=balanced] .p504-personal [data-panel-condition]{font-size:10px!important;}.panel504[data-panel-density=balanced] .p504-module-copy strong{font-size:15.5px!important;}.panel504[data-panel-density=balanced] .p504-module .p504-module-icon{width:42px!important;height:42px!important;flex-basis:42px!important;}}
@media screen and (min-width:1000px) and (max-height:760px){.panel504[data-panel-density=balanced]{--p504-bar-height:72px!important;--p504-foot-height:44px!important;--p504-card-height:112px!important;--p504-card-pad:16px!important;--p504-widget-height:94px!important;--p504-widget-pad:10px!important;--p504-hero-height:132px!important;--p504-hero-pad:14px!important;--p504-card-gap:14px!important;}.panel504[data-panel-density=balanced] .main-workspace{padding-top:16px!important;padding-bottom:16px!important;}.panel504[data-panel-density=balanced] .p504-welcome.p504-personal{margin-bottom:18px!important;}.panel504[data-panel-density=balanced] .p504-module{padding-block:16px!important;}}
@media(prefers-reduced-motion:reduce){.panel504[data-panel-density=balanced] .p504-module-copy>small:after{transition:none!important;}.panel504[data-panel-density=balanced] .p504-module:hover{transform:none!important;}}
}

/* Compact read-only summary, aligned with the reviewed panel. */
@layer panel504 {
@media screen {
.panel504 .p504-day-preview{position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:0 0 18px!important;padding:8px 0!important;border:1px solid #dce5e8!important;border-radius:13px!important;background:linear-gradient(110deg,#ffffffdc,#f9fcfbdc)!important;box-shadow:inset 0 1px #fff!important;}
.panel504 .p504-day-demo{position:absolute!important;top:-8px!important;right:14px!important;padding:1px 7px!important;border:1px solid #dce5e8!important;border-radius:5px!important;background:#f4f7f8!important;color:#60737a!important;font-size:9px!important;font-weight:450!important;line-height:1.4!important;letter-spacing:.1px!important;}
.panel504 .p504-day-metric{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;min-height:61px!important;margin:0!important;padding:3px clamp(14px,1.2vw,24px)!important;border:0!important;border-right:1px solid #e2e9eb!important;border-radius:0!important;background:transparent!important;text-align:left!important;font-family:inherit!important;cursor:pointer!important;box-shadow:none!important;transition:background .18s!important;}
.panel504 .p504-day-metric:last-child{border-right:0!important;}
.panel504 .p504-day-metric:hover{background:#eaf1f45c!important;}
.panel504 .p504-day-metric:focus-visible{outline:2px solid #517f88!important;outline-offset:2px!important;border-radius:7px!important;}
.panel504 .p504-day-icon{--p504-summary-accent:#548879!important;--p504-summary-wash:#edf4f1!important;display:grid!important;place-items:center!important;flex:0 0 35px!important;width:35px!important;height:35px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#405b67!important;box-shadow:none!important;}
.panel504 .p504-day-icon .p504-icon{display:block!important;flex:none!important;width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;}
.panel504 .p504-day-cash .p504-day-icon{--p504-summary-accent:#a38a46!important;--p504-summary-wash:#f8f2de!important;}
.panel504 .p504-day-stock .p504-day-icon{--p504-summary-accent:#a77332!important;--p504-summary-wash:#fcf1df!important;color:#87623b!important;}
.panel504 .p504-day-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;gap:2px!important;min-width:0!important;}
.panel504 .p504-day-label{color:#5e7179!important;font-size:clamp(10px,.65vw,12px)!important;font-weight:500!important;line-height:1.4!important;}
.panel504 .p504-day-copy>strong{display:flex!important;align-items:center!important;gap:6px!important;color:#304955!important;font-size:clamp(17px,1.05vw,21px)!important;font-weight:550!important;line-height:1.25!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;letter-spacing:-.3px!important;}
.panel504 .p504-day-hint{color:#60767e!important;font-size:clamp(10px,.6vw,11px)!important;font-weight:400!important;line-height:1.4!important;}
.panel504 .p504-day-dot{display:block!important;flex:0 0 5px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#548879!important;}
.panel504 .p504-day-arrow{flex:0 0 16px!important;color:#84999f!important;font-size:15px!important;line-height:1!important;}
}
@media screen and (min-width:1000px) and (max-height:760px){.panel504 .p504-day-preview{margin-bottom:12px!important;padding-block:4px!important;}.panel504 .p504-day-metric{min-height:52px!important;padding-block:1px!important;}.panel504 .p504-day-copy{gap:1px!important;}}
@media screen and (max-width:650px){.panel504 .p504-day-preview{grid-template-columns:1fr!important;padding:3px 13px!important;margin-bottom:22px!important;}.panel504 .p504-day-metric{min-height:70px!important;padding:10px 0!important;border-right:0!important;border-bottom:1px solid #e2e9eb!important;}.panel504 .p504-day-metric:last-child{border-bottom:0!important;}.panel504 .p504-day-copy{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;column-gap:10px!important;}.panel504 .p504-day-label{font-size:11px!important;}.panel504 .p504-day-copy>strong{grid-column:2!important;grid-row:1 / span 2!important;justify-content:flex-end!important;font-size:17px!important;}.panel504 .p504-day-hint{grid-column:1!important;font-size:10px!important;}.panel504 .p504-day-arrow{display:none!important;}}
@media(prefers-reduced-motion:reduce){.panel504 .p504-day-metric{transition:none!important;}}
}

@layer panel504 {@media screen {.panel504 .p504-day-demo{font-family:inherit!important;cursor:pointer!important;}.panel504 .p504-day-dot[hidden]{display:none!important;}.panel504 .p504-day-dot.is-closing{background:#b28b49!important;}.panel504 .p504-day-metric:disabled{cursor:default!important;opacity:1!important;}.panel504 .p504-day-metric:disabled .p504-day-arrow{visibility:hidden!important;}.panel504 .p504-day-metric[data-metric-state=error] [data-metric-hint]{color:#9b6740!important;}.panel504 .p504-day-metric[data-metric-state=loading] [data-metric-value]{color:#7e939c!important;}}}

@layer panel504 {@media screen {.panel504 .p504-day-copy [data-metric-value]{min-width:0!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;}}@media screen and (max-width:650px){.panel504 .p504-day-copy{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)!important;}.panel504 .p504-day-copy>strong{text-align:right!important;}}}

@layer panel504 {@media screen {.panel504 .p504-day-demo{display:inline-flex!important;align-items:center!important;min-width:0!important;min-height:0!important;width:auto!important;height:auto!important;max-width:calc(100% - 28px)!important;margin:0!important;white-space:nowrap!important;box-shadow:none!important;appearance:none!important;}.panel504 .p504-day-demo:hover{transform:none!important;background:#edf3f5!important;}}}

/* Slate-blue navigation, with small interaction cues and no idle animation. */
@layer panel504 {
@media screen and (min-width:1200px){
.panel504[data-panel-layout=sidebar].p504-layout-ready .p504-side-host{background:linear-gradient(165deg,#2d4657 0%,#263f50 60%,#233b4c 100%)!important;box-shadow:5px 0 25px #203f4d0a!important;}
.panel504 .p504-side-brand-slot{border-bottom-color:#dbe8ed13!important;}
.panel504 .p504-side-brand-slot .brand-text-mini>strong{color:#e5edf1!important;}
.panel504 .p504-side-brand-slot #sidebar-subtitle{color:#b1c3ce!important;}
.panel504 .p504-side-host .menu-item>button{position:relative!important;isolation:isolate!important;overflow:hidden!important;padding-left:14px!important;color:#d1dfe7!important;border-color:transparent!important;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .12s!important;}
.panel504 .p504-side-host .menu-item>button>.p504-icon{position:relative!important;z-index:1!important;color:#a9c0cd!important;transition:color .2s,transform .22s cubic-bezier(.2,.8,.2,1)!important;}
.panel504 .p504-side-host .menu-item>button>span{position:relative!important;z-index:1!important;transition:translate .22s cubic-bezier(.2,.8,.2,1)!important;}
.panel504 .p504-side-host .menu-item>button:before{content:''!important;position:absolute!important;z-index:2!important;left:3px!important;top:50%!important;width:3px!important;height:18px!important;margin-top:-9px!important;border-radius:3px!important;background:#e9cd87!important;opacity:0!important;transform:scaleY(.35)!important;transition:opacity .2s,transform .24s cubic-bezier(.2,.8,.2,1)!important;}
.panel504 .p504-side-host .menu-item.active>button{border-color:#ecd39038!important;background:linear-gradient(90deg,#e3c77920,#e3c77909)!important;color:#f3dfaa!important;box-shadow:inset 0 1px #ffffff05!important;}
.panel504 .p504-side-host .menu-item.active>button:before{opacity:1!important;transform:scaleY(1)!important;}
.panel504 .p504-side-host .menu-item.active>button>.p504-icon{color:#eed28d!important;}
.panel504 .p504-side-host .p504-nav-group>summary{position:relative!important;isolation:isolate!important;overflow:hidden!important;color:#b4c7d2!important;font-size:8.5px!important;transition:color .2s,background .2s!important;}
.panel504 .p504-side-host .p504-nav-chevron{border-color:#a4bdcc!important;transition:rotate .2s,border-color .2s!important;}
.panel504 .p504-side-host #app-sidebar .sc504-launchers button{position:relative!important;isolation:isolate!important;overflow:hidden!important;color:#c7d8e2!important;transition:background .2s,color .2s,transform .12s!important;}
.panel504 .p504-side-host #app-sidebar .sc504-launchers button:before{color:#e5cd96!important;transition:translate .22s,color .2s!important;}
.panel504 .p504-side-signature{border-top-color:#dbe8ed12!important;color:#a9bfcc!important;}
.panel504 .p504-side-signature>span{background:#b6cdbd!important;}
.panel504 .p504-side-host :is(.menu-item>button,.sc504-launchers button,.p504-nav-group>summary):focus-visible{outline:2px solid #e5cf91!important;outline-offset:-3px!important;box-shadow:none!important;}
.panel504 .p504-side-host :is(.menu-item>button,.sc504-launchers button):active{transform:scale(.985)!important;}
.panel504 .p504-side-press{position:absolute!important;z-index:0!important;left:var(--p504-press-x,50%)!important;top:var(--p504-press-y,50%)!important;display:block!important;width:180px!important;height:180px!important;margin:-90px 0 0 -90px!important;border:0!important;border-radius:50%!important;background:radial-gradient(circle,#d8e8ed2b,transparent 70%)!important;pointer-events:none!important;animation:p504-sidebar-ripple .5s ease-out both!important;}
}
@media screen and (min-width:1200px) and (hover:hover) and (pointer:fine){
.panel504 .p504-side-host .menu-item>button:hover{border-color:#d6e5ee12!important;background:#d6e5ee0c!important;color:#f0f5f8!important;box-shadow:inset 0 1px #ffffff05!important;}
.panel504 .p504-side-host .menu-item>button:hover>span{translate:3px 0!important;}
.panel504 .p504-side-host .menu-item>button:hover>.p504-icon{color:#e6d8ae!important;transform:translateX(1px) scale(1.04)!important;}
.panel504 .p504-side-host .menu-item.active>button:hover{background:linear-gradient(90deg,#e3c77929,#e3c7790e)!important;color:#f7e8c2!important;}
.panel504 .p504-side-host .p504-nav-group>summary:hover{color:#edf3f6!important;background:#ffffff05!important;}
.panel504 .p504-side-host #app-sidebar .sc504-launchers button:hover{background:#d6e5ee0c!important;color:#f1dfb2!important;}
.panel504 .p504-side-host #app-sidebar .sc504-launchers button:hover:before{translate:2px 0!important;color:#f1d490!important;}
}
@media screen {
.panel504:is(.p504-motion-paused,.p504-backgrounded)[data-panel-layout=sidebar] .p504-side-host #app-sidebar .sidebar-menu :is(button,summary,.p504-icon,button>span,.p504-nav-chevron),.panel504:is(.p504-motion-paused,.p504-backgrounded)[data-panel-layout=sidebar] .p504-side-host #app-sidebar .sidebar-menu button:before{transition:none!important;transform:none!important;translate:none!important;}
.panel504:is(.p504-motion-paused,.p504-backgrounded) .p504-side-press{display:none!important;animation:none!important;}
}
@media(prefers-reduced-motion:reduce){.panel504[data-panel-layout=sidebar] .p504-side-host #app-sidebar .sidebar-menu :is(button,summary,.p504-icon,button>span,.p504-nav-chevron),.panel504[data-panel-layout=sidebar] .p504-side-host #app-sidebar .sidebar-menu button:before{transition:none!important;transform:none!important;translate:none!important;}.panel504 .p504-side-press{display:none!important;animation:none!important;}}
}

@layer panel504 {
@keyframes p504-sidebar-ripple{from{opacity:.65;transform:scale(.08)}to{opacity:0;transform:scale(2)}}
@keyframes p504-wave{from{translate:-1% 4%;rotate:-3deg;scale:1}to{translate:3% -3%;rotate:3deg;scale:1.05}}
@keyframes p504-reveal{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes p504-card-float{0%,100%{translate:0 0;rotate:-12deg}50%{translate:0 -5px;rotate:-10deg}}
@keyframes p504-water-thread{from{background-position:0 50%}to{background-position:100% 50%}}
@keyframes p504-water-fold{from{transform:translate(-1%,4%) scaleY(.96)}to{transform:translate(2%,-7%) scaleY(1.12)}}
@keyframes p504-water-glow{from{opacity:.32;transform:translate(-2%,3%)}to{opacity:.85;transform:translate(3%,-4%)}}
@keyframes p504-touch-ripple{from{opacity:.6;transform:scale(.2)}to{opacity:0;transform:scale(12)}}
@keyframes p504-arrival-veil{0%,38%{opacity:1}100%{opacity:0}}
@keyframes p504-arrival-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.18)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}
@keyframes p504-arrival-mark{0%{opacity:0;filter:blur(7px);translate:0 12px;scale:.92}26%,57%{opacity:1;filter:blur(0);translate:0 0;scale:1}100%{opacity:0;filter:blur(0);translate:0 -14px;scale:1.025}}
@keyframes p504-arrival-line{0%{scale:0 1;opacity:0}35%,70%{scale:1 1;opacity:1}100%{scale:1.4 1;opacity:0}}
@keyframes p504-arrival-header{from{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}
@keyframes p504-arrival-content{from{opacity:0;translate:0 20px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes p504-layout-settle{from{opacity:.75;translate:0 7px}to{opacity:1;translate:0 0}}
}