.login-layout{background:#f3f6fa;grid-template-columns:46% 54%;min-height:100vh}.brand{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#0c2342,#164680 60%,#2268a1);padding:50px 11%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.brand::before{content:'';position:absolute;inset:-40%;z-index:-1;background:repeating-radial-gradient(ellipse at 30% 50%,transparent 0 34px,#85cdf719 35px 36px,transparent 37px 58px);transform:rotate(-18deg);animation:brandFlow 32s ease-in-out infinite alternate;pointer-events:none}.brand::after{content:'';position:absolute;width:470px;height:470px;border-radius:50%;right:-250px;top:25%;background:radial-gradient(circle,#55afe745,transparent 68%);z-index:-1;animation:brandGlow 20s ease-in-out infinite alternate;pointer-events:none}.brand>img{width:min(340px,100%);height:auto;object-fit:contain;position:relative}.brand>div{position:relative;margin:auto 0}.brand h1{font-size:clamp(30px,3.7vw,52px);font-weight:600;letter-spacing:-1.5px;line-height:1.15;margin:15px 0 24px}.brand .eyebrow{color:#9bcbea;letter-spacing:2px;font-size:10px}.brand p{font-size:13px;line-height:1.9;color:#c1d7e8}.brand>small{font-size:10px;color:#8caeca;letter-spacing:.6px}.access{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top right,#e1edf8,transparent 60%),#f7f9fc;padding:40px}.access form{width:350px;max-width:100%;padding:0;background:transparent;box-shadow:none;border:0}.access h2{font-size:30px;font-weight:600;letter-spacing:-.6px;margin-bottom:12px;color:#24496b}.access .eyebrow{font-size:9px;letter-spacing:1.5px;color:#91a5b6;margin-bottom:13px}.access .muted{font-size:12px;line-height:1.7;margin-bottom:28px}.access label{font-size:11px;color:#728da3;margin:0 0 20px;gap:9px}.access input{border:1px solid #d0dfeb;background:#ffffffa8;border-radius:8px;padding:13px 14px;box-shadow:0 3px 9px #35537104;transition:border-color .18s,box-shadow .18s}.access input:focus{border-color:#4595ca;outline:0;box-shadow:0 0 0 3px #3789c813}.access #loginBtn{width:100%;padding:13px;border-radius:8px;background:linear-gradient(110deg,#1f5b94,#267fb7);border:0;box-shadow:0 7px 20px #1e619526;transition:transform .18s,box-shadow .18s}.access #loginBtn:hover{transform:translateY(-1px);box-shadow:0 9px 24px #1e619534}.access #loginMessage{font-size:11px;line-height:1.7;margin-top:14px}.password-field{position:relative}.password-field input{padding-right:75px}.password-toggle{position:absolute;right:8px;bottom:8px;padding:5px 7px;border:0;background:transparent;font-size:10px;font-weight:400;color:#6c90ad}.password-toggle:hover{background:#eef5fa}.view:not([hidden]){animation:panelArrival .2s ease-out}.sheet-actions button,.apu-library-pick,.navigator-item{transition:background-color .15s,border-color .15s}.studio-icon{transition:transform .18s}.command-group button:hover .studio-icon{transform:translateY(-2px)}.is-working header{position:relative}.is-working header::after{content:'';position:absolute;bottom:-3px;height:3px;width:25%;left:0;background:#70cfed;animation:workProgress 1.4s ease-in-out infinite}dialog[open]{animation:panelArrival .18s ease-out}.daily-table tr:focus-within td,.apu-edit-table tr:focus-within td{transition:background-color .15s}.apu-current{animation:rowArrival .2s ease-out}@keyframes brandFlow{from{transform:rotate(-18deg) translate3d(0,0,0)}to{transform:rotate(-10deg) translate3d(35px,-25px,0)}}@keyframes brandGlow{from{opacity:.55;transform:translate3d(0,-15px,0)}to{opacity:.95;transform:translate3d(-30px,35px,0)}}@keyframes panelArrival{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes rowArrival{from{background:#d5eaf8}to{background:#edf6fc}}@keyframes workProgress{0%{left:-25%}100%{left:100%}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.brand{min-height:230px;padding:25px 30px}.brand>img{width:200px}.brand>div{margin:20px 0 0}.brand h1{font-size:27px;margin:8px 0 12px}.brand p{font-size:11px}.brand>small{display:none}.access{padding:35px 28px}.access form{width:400px}.access h2{font-size:26px}}
.access .password-toggle{width:auto!important;right:8px;bottom:8px;padding:5px 7px;box-shadow:none}