.access-login{--login-ink:#edf4ff;--login-muted:#a4b5cb;--login-blue:#68b6ff;color:var(--login-ink);background:radial-gradient(ellipse at 18% 44%,#10273c 0,transparent 48%),radial-gradient(ellipse at 95% 2%,#132338 0,transparent 42%),#0b131e;font-family:var(--font-ui);position:relative;isolation:isolate}.access-login:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#87b9ed04 1px,transparent 0),linear-gradient(90deg,#87b9ed04 1px,transparent 0);background-size:64px 64px;mask-image:linear-gradient(#0008,transparent 85%)}.access-login-shell{width:min(1480px,100%);min-height:100svh;margin:0 auto;padding:30px clamp(24px,5vw,76px) 24px;display:flex;flex-direction:column}.access-login-header{min-height:72px;padding-bottom:22px;border-bottom:1px solid #7397bd20}.access-login-brand{display:block;flex-shrink:0;border-radius:5px}.access-login-brand .magic-brand-logo{display:block;width:180px;height:auto;padding:0;background:transparent;filter:brightness(0) invert(.96);border:0;box-shadow:none;border-radius:0}.access-login-school img{width:31px;height:44px;object-fit:contain;filter:brightness(0) invert(.9)}.access-login-school span{display:grid;gap:6px}.access-login-school small{font-size:9px;line-height:1.4;color:#94a9c1;letter-spacing:.17em}.access-login-school strong{font-size:12px;font-weight:550;color:#e2eaf5}.access-login-layout{flex:1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(42px,7vw,108px);padding:38px 0 30px}.access-login-story{min-width:0;padding-left:6px}.access-login-eyebrow{display:flex;align-items:center;gap:10px;margin:0;color:#a8c4e2;font-size:11px;font-weight:550;letter-spacing:.15em;text-transform:uppercase}.access-login-eyebrow>span{width:6px;height:6px;border-radius:50%;background:#69b8ff;box-shadow:0 0 12px #55acff88}.access-login-story h2{margin:22px 0 18px;color:#f0f5fd;font-size:clamp(40px,4.2vw,62px);font-weight:500;letter-spacing:-.055em;line-height:1.09}.access-login-story h2 span{color:#7abfff}.access-login-description{margin:0;font-size:14px;line-height:1.8;color:var(--login-muted);letter-spacing:.005em}.access-login-hardware{position:relative;margin:0 -10px 0 -24px;height:clamp(290px,26vw,370px)}.access-login-gates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;height:100%;padding:24px 12px}.access-login-gate{min-width:0;text-align:center}.access-login-gate img{display:block;width:100%;height:clamp(140px,17vw,230px);object-fit:contain;mix-blend-mode:lighten}.access-login-gate>span{display:block;margin-top:10px;color:#b8d6ef;font-size:10px;letter-spacing:.02em}.access-login-orbit{position:absolute;width:75%;height:36%;left:11%;bottom:15%;z-index:-1;border:1px solid #549cd221;border-radius:50%;transform:rotate(-15deg);box-shadow:0 0 50px #2387d013,inset 0 0 35px #2387d00d}.access-login-hardware figcaption{position:absolute;right:6%;bottom:8px;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.09em;color:#95a8bd}.access-login-hardware figcaption span{width:4px;height:4px;border-radius:50%;background:#80a3c4}.access-login-story-footer{margin-top:16px;color:#a4bad1}.access-login-story-footer>svg{width:30px;height:30px;padding:5px;flex-shrink:0;color:#73b8eb;border:1px solid #37516d;border-radius:9px}.access-login-story-footer p{margin:0;font-size:11px;line-height:1.7;color:#c4d4e7}.access-login-story-footer p span{display:block;color:#95a9c1;font-size:10px}.access-login-panel{width:100%;max-width:460px;margin-left:auto;min-width:0}.access-login-card{position:relative;padding:38px;border:1px solid #2c4058;border-radius:23px;background:linear-gradient(145deg,#19283be8,#111d2dfa 68%);box-shadow:0 28px 80px #0005,inset 0 1px #ffffff08}.access-login-card:before{content:"";position:absolute;top:-1px;left:22%;right:22%;height:1px;background:linear-gradient(90deg,transparent,#80b3e9aa,transparent)}.access-login-card.has-form{padding-top:30px;padding-bottom:28px}.access-login-card.has-form .access-login-lock{display:none}.access-login-card.has-form .access-login-heading>p{margin-top:10px;margin-bottom:22px}.access-login-card.has-form .access-login-divider{margin-top:18px;margin-bottom:18px}.access-login-card.has-form .access-login-assurance{margin-top:20px;padding-top:14px;padding-bottom:14px}.access-login-card.has-form .access-login-help-toggle{margin-top:14px}.access-login-lock{width:46px;height:46px;border-radius:14px;margin-bottom:24px;color:#76c4ff;background:linear-gradient(135deg,#2b517149,#19324875);border:1px solid #365a7d;box-shadow:inset 0 1px #9bd7ff15}.access-login-lock svg{width:21px;height:21px;stroke-width:1.5}.access-login-kicker{margin:0 0 12px;font-size:9px;letter-spacing:.17em;line-height:1.5;color:#9eb5ce}.access-login-heading h1{margin:0;font-size:clamp(27px,2.4vw,35px);letter-spacing:-.045em;line-height:1.18;font-weight:500;color:#f3f7ff}.access-login-heading>p{margin:12px 0 28px;max-width:290px;color:var(--login-muted);font-size:12px;line-height:1.8}.access-login-form{display:flex;flex-direction:column;gap:10px}.access-login-form label{display:block;margin:0;font-size:11px;line-height:1.5;color:#d8e5f4;font-weight:500}.access-login-label-row{margin-top:10px}.access-login-input{display:flex;align-items:center;gap:11px;min-height:50px;padding:0 14px;border:1px solid #35475f;border-radius:9px;background:#0d1827;color:#e8f1fd;transition:border-color .14s,box-shadow .14s}.access-login-input:focus-within{border-color:#69b5ff;box-shadow:0 0 0 3px #55acff1c}.access-login-input>svg{width:16px;height:16px;flex-shrink:0;color:#839db9}.access-login-input input{appearance:none;border:0;outline:0;box-shadow:none;background:transparent;color:#eef5ff;width:100%;min-width:0;min-height:48px;padding:0;font-family:inherit;font-size:13px;border-radius:0}.access-login-input input::placeholder{color:#8296b0;opacity:1}.access-login-input input:autofill{-webkit-text-fill-color:#eef5ff;box-shadow:inset 0 0 0 100px #16273c;caret-color:#fff}.access-login-input input#login-code{font-size:22px;letter-spacing:.3em}.access-login-input button{display:grid;place-items:center;flex-shrink:0;width:36px;min-height:44px;padding:0;border:0;border-radius:5px;background:transparent;color:#9cb2cc;cursor:pointer;margin-right:-9px}.access-login-input button svg{width:17px;height:17px}.access-login-provider,.access-login-submit{display:flex;justify-content:center;align-items:center;gap:11px;width:100%;min-height:50px;padding:12px 16px;border-radius:9px;font-family:inherit;font-size:12px;font-weight:550;line-height:1.5;text-decoration:none;cursor:pointer;transition:background .14s,border-color .14s,box-shadow .14s}.access-login-submit{margin-top:12px;border:1px solid #61b6ff;color:#071526;background:linear-gradient(110deg,#7ec7ff,#50a9f8);box-shadow:0 5px 18px #248fef20,inset 0 1px #fff3}.access-login-submit:hover:not(:disabled){background:linear-gradient(110deg,#98d3ff,#77bdff);box-shadow:0 6px 24px #248fef38}.access-login-provider>svg,.access-login-submit svg{width:17px;height:17px;flex-shrink:0}.access-login-submit>svg:last-child{margin-left:auto}.access-login-provider:disabled,.access-login-submit:disabled{opacity:.58;cursor:not-allowed}.access-login-text-button{padding:4px 0;border:0;background:transparent;color:#8ac5ff;font-family:inherit;font-size:10px;line-height:1.5;cursor:pointer}.access-login-legal a:hover,.access-login-text-button:hover{color:#c4e3ff;text-decoration:underline;text-underline-offset:3px}.access-login-divider{display:flex;align-items:center;gap:15px;margin:24px 0;color:#9caec4}.access-login-divider:after,.access-login-divider:before{content:"";height:1px;flex:1;background:#304057}.access-login-divider span{font-size:10px;white-space:nowrap}.access-login-providers{display:flex;flex-direction:column;gap:12px}.access-login-provider{background:#1a2b40;border:1px solid #3b5270;color:#e8f2ff}.access-login-provider:hover:not(:disabled){background:#243b55;border-color:#6993be}.access-login-provider>svg:last-child{width:15px;height:15px;margin-left:auto;color:#98b5d4}.access-login-provider>.access-login-google-mark{width:20px;height:20px;margin:0;padding:3px;background:#fff;border-radius:4px}.access-login-google{min-height:44px;width:100%;display:flex;justify-content:center}.access-login-google>div{max-width:100%}.access-login-microsoft-icon{display:grid;grid-template-columns:repeat(2,8px);gap:2px;width:18px;height:18px;flex-shrink:0}.access-login-microsoft-icon i:first-child{background:#f25022}.access-login-microsoft-icon i:nth-child(2){background:#7fba00}.access-login-microsoft-icon i:nth-child(3){background:#00a4ef}.access-login-microsoft-icon i:nth-child(4){background:#ffb900}.access-login-provider-note{margin:-2px 0 4px;font-size:10px;line-height:1.65;color:#a3b6ce}.access-login-assurance{display:flex;align-items:center;gap:12px;padding:20px 0;margin:27px 0 0;border-top:1px solid #304056;border-bottom:1px solid #304056}.access-login-assurance>svg:first-child{width:19px;height:19px;flex-shrink:0;color:#78b7e7}.access-login-assurance span{color:#cbd9e9;font-size:10px;line-height:1.6}.access-login-assurance small{display:block;color:#95a9c2;font-size:9px}.access-login-assurance>svg:last-child{margin-left:auto;width:14px;height:14px;color:#65d4a5}.access-login-help-toggle{margin:20px auto 0;padding:5px;border:0;background:transparent;color:#b1c3da;font-family:inherit;font-size:10px;line-height:1.6;cursor:pointer}.access-login-help-toggle svg{width:13px;height:13px}.access-login-help-toggle:hover{color:#f0f6ff}.access-login-enrollment,.access-login-help{border:1px solid #405c7b;background:#0d1b2c;border-radius:9px;padding:14px;margin-top:16px;color:#d9e7f7;font-size:11px;line-height:1.75;overflow-wrap:anywhere}.access-login-enrollment p,.access-login-help p{font-size:11px;color:#b5c7dd;margin:6px 0 0;line-height:1.8}.access-login-enrollment{margin:0 0 10px}.access-login-enrollment code{display:block;padding:12px 0;color:#a5d6ff;font-size:15px;letter-spacing:.06em;user-select:all}.access-login-enrollment span{display:block}.access-login-error{background:#4a263940;border:1px solid #825061;color:#ffc3cc;border-radius:8px;padding:12px;margin:14px 0;font-size:11px;line-height:1.75;overflow-wrap:anywhere}.access-login-loading{min-height:62px;margin:0;color:#b5cae1;font-size:11px}.access-login-loading svg{width:17px;height:17px}.access-login-notice{margin:0;border:1px solid #735d38;border-radius:9px;background:#6d4f1826;color:#f0d09e;padding:16px;font-size:12px;line-height:1.8}.access-login-legal{margin-top:22px;color:#8098b4;font-size:10px}.access-login-legal a{padding:5px;color:#a1b5cd;text-decoration:none}.access-login-footer{border-top:1px solid #7397bd20;padding-top:22px;min-height:53px}.access-login-footer>p{margin:0;font-size:10px;color:#b6c8df}.access-login-footer>p>span{color:#8da3bd}.access-login-footer>p>span[aria-hidden]{display:inline-block;padding:0 11px;color:#4d6681}.access-login-partner{text-decoration:none}.access-login-partner span{font-size:8px;letter-spacing:.13em;color:#94abc5}.access-login-partner img{width:122px;height:auto;object-fit:contain;background:transparent;filter:drop-shadow(0 1px 1px #c3dfff33)}.access-login :is(a,button):focus-visible{outline:2px solid #8ccbff;outline-offset:4px}@media (min-width:1440px) and (min-height:950px){.access-login-layout{padding-top:42px;padding-bottom:38px}.access-login-hardware{height:385px}}@media (max-width:1000px){.access-login-shell{padding-inline:30px}.access-login-layout{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.access-login-story h2{font-size:42px}.access-login-card{padding:28px}.access-login-hardware{height:290px;margin-left:-20px;margin-right:-20px}}@media (max-width:760px){.access-login-shell{padding:22px 24px 20px}.access-login-header{min-height:59px;padding-bottom:18px;gap:14px}.access-login-brand .magic-brand-logo{width:142px}.access-login-school img{width:23px;height:32px}.access-login-school small{display:none}.access-login-school strong{font-size:10px;max-width:92px;line-height:1.5}.access-login-school{gap:8px}.access-login-layout{display:flex;flex-direction:column;gap:30px;padding:30px 0}.access-login-story{width:100%;max-width:480px;padding:0}.access-login-intro{text-align:center}.access-login-eyebrow{justify-content:center;font-size:9px}.access-login-story h2{font-size:36px;margin:15px 0 0}.access-login-story h2 br{display:none}.access-login-story h2 span{display:block}.access-login-description,.access-login-hardware,.access-login-story-footer{display:none}.access-login-panel{margin:0;max-width:440px}.access-login-card{padding:27px;border-radius:19px}.access-login-lock{width:40px;height:40px;border-radius:12px;margin-bottom:21px}.access-login-heading h1{font-size:30px}.access-login-heading>p{margin-bottom:24px}.access-login-input input{font-size:16px}.access-login-input input::placeholder{font-size:12px}.access-login-help-toggle,.access-login-legal a,.access-login-text-button{min-height:44px;display:inline-flex;align-items:center}.access-login-legal{margin-top:18px}.access-login-footer{flex-wrap:wrap;justify-content:center;gap:13px;padding-top:20px}.access-login-footer>p{font-size:9px}.access-login-partner img{width:102px}}@media (max-width:360px){.access-login-shell{padding-inline:16px}.access-login-card{padding:23px}.access-login-brand .magic-brand-logo{width:126px}.access-login-school strong{font-size:9px}.access-login-story h2{font-size:32px}.access-login-assurance{gap:9px}}@media (prefers-reduced-motion:reduce){.access-login *,.access-login :after,.access-login :before{animation:none!important;transition:none!important}}.access-login-school-blue{--login-muted:#c6e9fa;background:#071526;color:#fff}.access-login-split .access-login-shell{width:100%;max-width:none;padding:0}.access-login-split .access-login-footer,.access-login-split .access-login-header{display:none}.access-login-split .access-login-layout{display:grid;grid-template-columns:clamp(400px,31vw,480px) minmax(0,1fr);align-items:stretch;gap:0;padding:0;min-height:100svh}.access-login-school-blue .access-login-panel{grid-column:1;grid-row:1;width:100%;max-width:none;margin:0;padding:26px clamp(22px,2vw,34px) 20px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 0 8%,#007bff66,transparent 58%),radial-gradient(ellipse at 100% 62%,#00b8e81a,transparent 50%),linear-gradient(155deg,#004b93,#082947 48%,#0b1421);border-right:1px solid #00f0ff55;box-shadow:10px 0 36px #00132726;z-index:4}.login-school-badge{width:min(100%,270px);margin:0 auto;padding:12px 18px 10px;background:linear-gradient(135deg,#fff,#eefaff);border:1px solid #fff;border-radius:12px;box-shadow:0 8px 24px #00122555,0 0 24px #00d2ff22;display:flex;flex-direction:column;align-items:center}.login-school-badge .magic-brand-logo{width:100%;max-width:none;height:auto;padding:0;border:0;background:transparent;border-radius:0;box-shadow:none}.login-school-badge>span{margin-top:8px;font-size:10px;line-height:1.5;letter-spacing:.1em;font-weight:700;color:#133653;text-align:center}.access-login-school-blue .access-login-card{width:100%;max-width:420px;margin:22px auto;padding:24px;background:linear-gradient(140deg,#ffffff14,#ffffff03 48%),#081d3399;border:1px solid #00f0ff55;border-top-color:#c7efff80;border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #ffffff29,0 16px 40px #0005,0 0 28px #007bff22}.access-login-school-blue .access-login-card:before{background:linear-gradient(90deg,transparent,#8cf7ff,transparent)}.access-login-school-blue .access-login-lock{display:none}.access-login-school-blue .access-login-kicker{display:block;margin-bottom:10px;color:#7defff;font-weight:700;font-size:10px;letter-spacing:.11em}.access-login-school-blue .access-login-heading h1{color:#ff7a00;font-size:clamp(27px,2.2vw,34px);font-weight:700;line-height:1.22;letter-spacing:-.025em;text-shadow:0 2px 2px #051321,0 0 18px #ff7a0033}.access-login-school-blue .access-login-heading>p{max-width:none;margin:10px 0 22px;font-size:13px;line-height:1.65;color:#d1f5ff}.access-login-school-blue .access-login-form label{color:#fff;font-size:12px;font-weight:700}.access-login-school-blue .access-login-input{min-height:48px;background:#041323b3;border-color:#7dccff66;box-shadow:inset 0 2px 6px #0003}.access-login-school-blue .access-login-input>svg{color:#72dbff}.access-login-school-blue .access-login-input input{color:#fff;font-size:14px}.access-login-school-blue .access-login-input input::placeholder{color:#a6c8dc;font-size:12px}.access-login-school-blue .access-login-input:focus-within{border-color:#00e5ff;box-shadow:0 0 0 3px #00e5ff26,0 0 18px #00bfff1f}.access-login-school-blue .access-login-submit{color:#081322;font-weight:700;background:linear-gradient(135deg,#ffb24d,#ff7a00);border-color:#ffd28c;box-shadow:inset 0 1px #fff6,0 6px 20px #ff7a002e}.access-login-school-blue .access-login-submit:hover:not(:disabled){background:linear-gradient(135deg,#ffc16d,#ff9122);box-shadow:0 6px 26px #ff7a0059}.access-login-school-blue .access-login-submit:disabled{opacity:1;background:#28445b;color:#c4d7e5;border-color:#6ca0c455;box-shadow:inset 0 1px #ffffff0d}.access-login-school-blue .access-login-provider{color:#fff;background:linear-gradient(135deg,#185da16b,#0b2a436b);border-color:#7bd8ff70;font-size:12px}.access-login-school-blue .access-login-provider:hover:not(:disabled){background:#14629b99;border-color:#00e5ff;box-shadow:0 0 18px #00d2ff20}.access-login-school-blue .access-login-provider:disabled{opacity:1;color:#c1d4e2;border-color:#66859c66;background:#193248}.access-login-school-blue .access-login-google{min-height:44px;min-width:0;max-width:100%;overflow:hidden;background:transparent}.access-login-school-blue .access-login-divider{color:#bee4f6;margin:18px 0}.access-login-school-blue .access-login-divider:after,.access-login-school-blue .access-login-divider:before{background:#78d9ff40}.access-login-school-blue .access-login-help-toggle,.access-login-school-blue .access-login-text-button{color:#89e9ff;font-size:11px}.access-login-school-blue .access-login-provider-note{margin:2px 0 0;color:#c6e2f0;font-size:11px;line-height:1.65}.access-login-school-blue .access-login-assurance{border-color:#78d9ff33;margin-top:20px;padding:14px 0}.access-login-school-blue .access-login-assurance span{color:#e5f6ff}.access-login-school-blue .access-login-assurance small{color:#bcdcec}.access-login-school-blue .access-login-enrollment,.access-login-school-blue .access-login-help{background:#071c30;border-color:#54c6ef66;color:#fff}.access-login-school-blue .access-login-error{background:#551b1b80;border-color:#ff736a;color:#ffe1dd}.login-panel-footer{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.access-login-school-blue .access-login-legal{margin:0;font-size:10px}.access-login-school-blue .access-login-legal a{color:#cce7f6}.login-panel-footer .access-login-partner img{width:155px;max-width:100%;height:auto;background:transparent;filter:drop-shadow(0 1px 2px #fff6)}.access-login-brand-stage{grid-column:2;grid-row:1;position:sticky;top:0;align-self:start;background:#fff;overflow:hidden;height:100svh;min-width:0}.access-login-brand-stage .magic-wide-artwork{position:absolute;inset:0;width:100%;height:100%;background:#fff;overflow:hidden}.access-login-school-blue .magic-wide-artwork:after{content:"";position:absolute;inset:8% 28% 8% 12%;background:url(/balwyn-crest-clear.png) 50%/contain no-repeat;opacity:.095;z-index:1;pointer-events:none}.access-login-brand-stage .magic-wide-wordmark{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:62%;height:auto;max-width:none;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;z-index:2}.access-login-brand-stage .magic-wide-ai-head{position:absolute;right:0;top:0;height:100%;width:30%;max-width:none;opacity:1;transform:none;z-index:3}.login-workspace-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px;color:#d1f5ff;background:radial-gradient(ellipse at top,#004b93,#10141d 70%);font-family:var(--font-ui);text-align:center}.login-workspace-loading h1{color:#ff7a00;font-size:28px;font-weight:700}.login-workspace-loading>svg{color:#00e5ff;width:32px;height:32px}@media (max-width:800px){.access-login-split .access-login-layout{display:flex;flex-direction:column}.access-login-school-blue .access-login-brand-stage{display:none}.access-login-school-blue .access-login-panel{min-height:100svh;padding:24px max(16px,calc((100vw - 440px) / 2))}.access-login-school-blue .access-login-card{margin:22px auto;padding:22px}.access-login-school-blue .access-login-input input{font-size:16px}.access-login-school-blue .access-login-heading h1{font-size:30px}.access-login-school-blue .access-login-legal a{min-height:44px}}@media (prefers-reduced-motion:reduce){.login-workspace-loading>svg{animation:none}}.fh{display:grid;gap:16px;font-family:var(--font-ui);color:#14223a}.fh-toolbar{display:grid;gap:10px}.fh-toolbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fh-range{font-size:1.05rem;font-weight:700;margin-right:auto}.fh-nav{display:flex;gap:6px}.fh-3d{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:9px;cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;text-decoration:none;color:#14223a;border:1px solid #aab4c4;background:linear-gradient(180deg,#ffffff,#e9edf3);box-shadow:inset 0 1px 0 #ffffff,0 2px 0 #9aa6b8,0 4px 8px rgba(16,24,40,.14);transition:transform .12s ease,box-shadow .12s ease}.fh-3d svg{width:16px;height:16px}.fh-3d:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff,0 4px 0 #9aa6b8,0 9px 14px rgba(16,24,40,.22)}.fh-3d:active{transform:translateY(1px);box-shadow:inset 0 2px 3px rgba(0,0,0,.18),0 1px 0 #9aa6b8}.fh-3d:focus-visible{outline:3px solid #5b9bff;outline-offset:2px}.fh-primary{color:#ffffff;border-color:#0a2147;background:linear-gradient(180deg,#1f4f99,#0b2a55);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 0 #061a38,0 4px 8px rgba(11,42,85,.3)}.fh-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 0 #061a38,0 9px 14px rgba(11,42,85,.35)}.fh-3d:disabled{opacity:.6;cursor:progress;transform:none}.fh-note{margin:0;padding:10px 14px;border-radius:8px;background:#e7f4ec;color:#1d6b35;font-weight:600}.fh-note-error{background:#fbe9e7;color:#8a1c12}.fh-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.fh-day{min-height:170px;display:flex;flex-direction:column;gap:8px;padding:10px;cursor:pointer;border-radius:12px;background:#ffffff;border:1px solid #d6dce6;box-shadow:0 1px 0 #cdd4df,0 3px 8px rgba(16,24,40,.08)}.fh-day.is-selected{border-color:#1f4f99;box-shadow:0 0 0 2px rgba(31,79,153,.25),0 3px 8px rgba(16,24,40,.08)}.fh-day-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px solid #e3e7ee;font-size:.85rem;font-weight:600;color:#52607a}.fh-day-num{font-size:1.05rem;font-weight:700;color:#14223a;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.fh-cell.is-today .fh-cell-num,.fh-day-num.is-today{border-radius:50%;background:#e5362b;color:#ffffff}.fh-empty{margin:0;font-size:.8rem;color:#7a8599}.fh-booking{display:grid;gap:3px;text-align:left;padding:8px;border-radius:8px;cursor:pointer;font:inherit;background:#f5f7fb;border:1px solid #e0e5ee;border-left:4px solid #1f4f99;color:inherit}.fh-booking:hover{background:#eaf0fa}.fh-booking strong{font-size:.85rem}.fh-booking small,.fh-booking span{font-size:.78rem;color:#45526a}.fh-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.fh-chip{font-style:normal;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;background:#e2f3e7;color:#1d6b35}.fh-chip.is-completed{background:#eceef1;color:#3d4552}.fh-chip.is-enquiry{background:#e2ebfa;color:#1f4f99}.fh-chip.is-cancelled{background:#fbe9e7;color:#8a1c12}.fh-chip.is-deposit{background:#fff4de;color:#7a4f00}.fh-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;align-items:start}.fh-panel{background:#ffffff;border:1px solid #d6dce6;border-radius:14px;padding:14px 16px 16px;box-shadow:0 1px 0 #cdd4df,0 4px 10px rgba(16,24,40,.08)}.fh-panel h2{display:flex!important;align-items:center;gap:8px}.fh-panel h2 svg{width:18px;height:18px}.fh-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.fh-form label{display:grid;gap:4px;font-size:.8rem;font-weight:600;color:#3a4760}.fh-form input:not([type=checkbox]),.fh-form select,.fh-form textarea{font:inherit;font-size:.9rem;min-height:38px;padding:6px 10px;border-radius:8px;border:1px solid #b9c3d3;background:#ffffff;color:#14223a;box-sizing:border-box;width:100%}.fh-form textarea{resize:vertical;min-height:72px}.fh-form input:focus,.fh-form select:focus,.fh-form textarea:focus{outline:3px solid rgba(91,155,255,.45);border-color:#1f4f99}.fh-times{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fh-check{display:flex!important;align-items:center;gap:8px;align-self:end;min-height:38px}.fh-check input{width:18px;height:18px}.fh-wide{grid-column:1/-1}.fh-month-head{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px}.fh-month-title{margin:0;font-size:1.9rem;line-height:1.1;color:#14223a}.fh-month-title strong{font-weight:800}.fh-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #d6dce6;border-left:1px solid #e6eaf0}.fh-month-dow{padding:6px 8px;text-align:right;font-size:.8rem;font-weight:600;color:#52607a;border-bottom:1px solid #d6dce6}.fh-cell,.fh-month-dow{border-right:1px solid #e6eaf0}.fh-cell{position:relative;min-height:84px;padding:4px 4px 6px;display:flex;flex-direction:column;gap:3px;cursor:pointer;border-bottom:1px solid #e6eaf0;background:#ffffff}.fh-cell:nth-child(7n - 1),.fh-cell:nth-child(7n){background:#f7f8fa}.fh-cell.is-outside .fh-cell-num{color:#a3acba}.fh-cell.is-selected{box-shadow:inset 0 0 0 2px #1f4f99}.fh-cell:focus-visible{outline:3px solid #5b9bff;outline-offset:-3px}.fh-cell-num{align-self:flex-end;min-width:26px;height:26px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.fh-event{display:flex;justify-content:space-between;gap:4px;width:100%;padding:1px 4px 1px 6px;cursor:pointer;font:inherit;font-size:.72rem;text-align:left;color:#14223a;background:transparent;border:0;border-left:3px solid #1f4f99;border-radius:2px}.fh-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-event time{color:#6b7585;flex-shrink:0}.fh-event:hover{background:#eaf0fa}.fh-event.is-completed{border-left-color:#8a94a5}.fh-event.is-enquiry{border-left-color:#5b9bff}.fh-more{font-size:.7rem;color:#52607a;padding-left:6px}.fh-detail{margin-top:12px;padding:12px 14px;border-radius:10px;background:#f5f7fb;border:1px solid #e0e5ee;display:grid;gap:4px;font-size:.88rem;color:#3a4760}.fh-detail strong{font-size:1rem;color:#14223a}@media (max-width:1200px){.fh-lower{grid-template-columns:1fr}}@media (max-width:900px){.fh-week{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.fh-3d,.fh-3d:hover{transition:none;transform:none}}.fh-times input,.fh-times>label{min-width:0}.fh-form input[type=date],.fh-form input[type=time]{padding-right:4px}.fh-event{display:grid;grid-template-columns:1fr;gap:0;padding:2px 4px 2px 6px}.fh-event span{font-weight:600}.fh-event time{font-size:.68rem}.fh-booking,.fh-event{--area:#1f4f99;border-left-color:var(--area)!important}.fh-booking{background:color-mix(in srgb,var(--area) 8%,#ffffff)}.fh-event{background:color-mix(in srgb,var(--area) 12%,#ffffff)}.fh-area-stadium{--area:#ff7a00}.fh-area-gymnasium{--area:#1f4f99}.fh-area-oval{--area:#1d8a47}.fh-area-tennis{--area:#e0b800}.fh-area-carpark{--area:#0f8b8d}.fh-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.8rem;color:#3a4760}.fh-legend span{display:inline-flex;align-items:center;gap:6px}.fh-legend i{width:12px;height:12px;background:var(--area);display:inline-block}