:root {
  --ink:#13251f;--muted:#6c7a74;--line:#dfe6e2;--canvas:#f3f6f2;--card:#fff;
  --lime:#d9f85f;--lime-deep:#b8dc39;--coral:#ff765f;--blue:#75a8ff;--soft:#edf5e8;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}
.app-loading{min-height:100vh;display:grid;place-items:center}.loading-mark{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.noscript{padding:20px;text-align:center;background:#fff0cc}
.brand{display:flex;align-items:center;gap:12px;font-size:20px;letter-spacing:-.04em}.brand-mark{display:inline-block;width:35px;height:35px;border-radius:50%;background:var(--lime);border:1px solid #bfdc4c;position:relative;overflow:hidden;box-shadow:inset -7px -5px 0 rgba(0,0,0,.05)}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:25px;height:25px;border:1.5px solid rgba(19,37,31,.62);border-radius:50%;top:4px}.brand-mark:before{left:-15px}.brand-mark:after{right:-15px}
.topbar{height:76px;padding:0 clamp(22px,4vw,68px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.brand-button{border:0;background:none;cursor:pointer;padding:0}.desktop-nav{display:flex;align-items:center;height:100%;gap:28px}.desktop-nav button{height:100%;border:0;background:none;cursor:pointer;color:#6f7c76;font-weight:650;font-size:14px;position:relative;padding:0 4px}.desktop-nav button.active{color:var(--ink)}.desktop-nav button.active:after{content:"";position:absolute;height:3px;border-radius:4px 4px 0 0;background:var(--ink);bottom:0;left:0;right:0}.count-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--coral);color:#fff;font-size:11px;margin-left:4px}
.account-button{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;padding:7px;border-radius:14px;text-align:left}.account-button:hover{background:#f2f5f1}.avatar,.mini-avatar,.approval-avatar{display:grid;place-items:center;flex:0 0 auto;background:var(--ink);color:#fff;font-weight:800}.avatar{width:38px;height:38px;border-radius:50%;font-size:12px}.account-copy{display:flex;flex-direction:column;min-width:120px}.account-copy b{font-size:13px}.account-copy small{color:var(--muted);font-size:11px;margin-top:2px}.logout-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#69766f;padding:6px 8px;background:#edf1ed;border-radius:8px}
.page-content{width:min(1480px,calc(100% - 48px));margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:48px 0 30px}.eyebrow,.toolbar-label{margin:0 0 8px;font-size:10px;font-weight:850;letter-spacing:.17em;color:#6d7b74}.page-heading h1{font-size:clamp(34px,4vw,54px);letter-spacing:-.06em;line-height:.98;margin:0;font-weight:760}.page-heading>div>p:last-child{margin:14px 0 0;color:var(--muted);font-size:15px}.primary-action,.confirm-button{border:1px solid #bedc49;border-radius:13px;background:var(--lime);padding:14px 20px;font-weight:800;cursor:pointer;box-shadow:0 3px 0 #a8c932;transition:.15s}.primary-action:hover,.confirm-button:hover{transform:translateY(-1px);box-shadow:0 5px 0 #a8c932}.primary-action:disabled,.confirm-button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.status-banner{margin:20px auto 0;width:min(1480px,calc(100% - 48px));border-radius:13px;padding:13px 16px;font-size:12px;line-height:1.5}.status-banner.pending{background:#fff3d6;color:#71571e;border:1px solid #efd48e}.status-banner.success{background:#e7f6dd;color:#3b6543;border:1px solid #badca8}
.facts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid var(--line);background:var(--line);border-radius:15px;overflow:hidden;margin-bottom:18px}.facts-row>div{display:grid;grid-template-columns:16px auto;column-gap:10px;background:#fff;padding:14px 18px;align-items:center}.facts-row b{font-size:13px}.facts-row small{grid-column:2;color:var(--muted);font-size:11px;margin-top:2px}.fact-dot{width:10px;height:10px;border-radius:50%;grid-row:span 2;box-shadow:0 0 0 4px rgba(0,0,0,.035)}.lime{background:var(--lime-deep)}.coral{background:var(--coral)}.blue{background:var(--blue)}
.booking-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.calendar-card,.side-card,.approval-card,.management-stats>div{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px rgba(33,63,49,.035)}.calendar-card{overflow:hidden}.calendar-toolbar{padding:22px 24px 16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.calendar-toolbar h2,.side-title h3,.unit-title h3,.approval-header h2{margin:0;letter-spacing:-.035em}.calendar-toolbar h2{font-size:21px;text-transform:capitalize}.date-controls{display:flex;gap:7px}.date-controls button{border:1px solid var(--line);width:36px;height:36px;border-radius:10px;background:#fff;cursor:pointer;font-size:22px}.date-controls .today-button{width:auto;padding:0 13px;font-size:12px;font-weight:750}.date-controls button:hover{background:#f2f5f2}
.date-strip{display:grid;grid-template-columns:repeat(7,1fr);padding:0 18px 18px;gap:6px;border-bottom:1px solid var(--line)}.date-strip button{border:1px solid transparent;background:transparent;border-radius:13px;min-height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.date-strip button:hover{background:#f4f6f3}.date-strip button.selected{background:var(--ink);color:#fff}.date-strip span{font-size:10px;text-transform:uppercase;color:#7b8982;font-weight:700}.date-strip button.selected span{color:#b9c5bf}.date-strip b{margin-top:3px;font-size:18px}.date-strip i{width:4px;height:4px;border-radius:50%;position:absolute;bottom:7px}.date-strip i.busy{background:var(--coral)}
.mobile-court-tabs{display:none}.schedule{--row-height:54px}.schedule-head{display:grid;grid-template-columns:68px repeat(2,minmax(0,1fr));min-height:58px;border-bottom:1px solid var(--line);background:#fafbf9;position:sticky;top:76px;z-index:3}.schedule-head>span{align-self:center;text-align:center;color:#87928d;font-size:9px;font-weight:800;letter-spacing:.12em}.court-head{display:flex;flex-direction:column;justify-content:center;padding:0 18px;border-left:1px solid var(--line)}.court-head b{font-size:13px}.court-head small{font-size:10px;margin-top:3px;color:var(--muted)}.schedule-body{max-height:596px;overflow-y:auto;scrollbar-width:thin}.schedule-row{display:grid;grid-template-columns:68px repeat(2,minmax(0,1fr));min-height:var(--row-height)}.schedule-row time{padding-top:10px;text-align:center;color:#819087;font-size:10px;border-top:1px dashed #e2e8e4;font-variant-numeric:tabular-nums}.court-cell{border:0;border-left:1px solid var(--line);border-top:1px dashed #e2e8e4;min-width:0;background:#fff;position:relative;cursor:pointer;text-align:left;padding:4px 8px}.court-cell.available:hover{background:#f7fadf}.court-cell.past{background:#f5f6f4;cursor:not-allowed}.court-cell.past:after{content:"";position:absolute;left:45%;right:45%;top:50%;height:1px;background:#cbd2ce}.slot-plus{opacity:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lime);margin:auto;font-weight:850}.court-cell.available:hover .slot-plus,.court-cell.available:focus-visible .slot-plus{opacity:1}.court-cell.booked{background:var(--soft);border-top-color:rgba(59,102,67,.12)}.court-cell.booked:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:3px;background:#7aad62}.court-cell.booked span{display:flex;height:100%;flex-direction:column;justify-content:center;padding-left:7px;overflow:hidden}.court-cell.booked b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.court-cell.booked small{color:#5e7565;font-size:9px;margin-top:3px;white-space:nowrap}.calendar-legend{display:flex;gap:18px;padding:12px 20px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.calendar-legend span{display:flex;gap:6px;align-items:center}.calendar-legend i{width:9px;height:9px;border-radius:3px}.legend-free{border:1px solid #cad3ce;background:#fff}.legend-booked{background:#dcecd5;border-left:3px solid #7aad62}
.side-panel{display:flex;flex-direction:column;gap:18px}.side-card{padding:20px}.side-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.side-title h3,.unit-title h3{font-size:19px}.number-pill{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--lime);font-size:11px;font-weight:800}.booking-item{display:grid;grid-template-columns:45px 1fr 24px;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #e7ece8}.date-tile{width:43px;height:47px;border-radius:10px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile.featured{background:var(--lime);border-color:#c6e352}.date-tile b{font-size:17px;line-height:1}.date-tile span{font-size:9px;text-transform:uppercase;margin-top:3px}.booking-copy{display:flex;flex-direction:column}.booking-copy b{font-size:12px}.booking-copy span{color:var(--muted);font-size:10px;margin-top:4px}.icon-button{border:0;background:#f0f3f0;width:24px;height:24px;border-radius:8px;color:#78847e;cursor:pointer}.icon-button:hover{background:#ffe7e3;color:#b64231}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 12px 12px}.empty-ball{width:37px;height:37px;border:1px solid #bedb4e;background:var(--lime);border-radius:50%;margin-bottom:10px}.empty-state b{font-size:13px}.empty-state p{color:var(--muted);font-size:11px;line-height:1.5;margin:6px 0 0}
.unit-card{background:var(--ink);color:#fff;border-color:var(--ink)}.unit-card .toolbar-label{color:#9eb0a7}.unit-title{display:flex;justify-content:space-between;align-items:center}.unit-title p{color:#a9b8b1;margin:4px 0 0;font-size:11px}.unit-title>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:var(--ink);background:var(--lime);font-size:12px;font-weight:850}.user-stack{margin:18px 0;display:flex;flex-direction:column;gap:10px}.user-stack>div{display:flex;align-items:center;gap:10px}.mini-avatar{width:32px;height:32px;border:1px solid #52665d;background:#294139;border-radius:50%;font-size:9px}.user-copy{display:flex;flex-direction:column}.user-copy b{font-size:11px}.user-copy small{color:#b1beb8;font-size:9px;margin-top:2px}.user-copy small.pending{color:#ffbe73}.unit-note{color:#879b92;font-size:9px;line-height:1.5;margin:11px 0 0}
.management-page{max-width:1180px}.secondary-top{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 18px;font-size:12px;font-weight:750;cursor:pointer}.management-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.management-stats>div{padding:22px;display:grid;grid-template-columns:1fr auto}.management-stats span{color:var(--muted);font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.management-stats b{grid-row:span 2;font-size:34px;letter-spacing:-.05em}.management-stats small{color:#829088;font-size:11px;margin-top:7px}.approval-card{overflow:hidden}.approval-header{display:flex;justify-content:space-between;align-items:center;padding:23px 25px;border-bottom:1px solid var(--line)}.approval-header h2{font-size:23px}.approval-header>span{font-size:11px;color:var(--muted);background:#f1f4f1;padding:7px 10px;border-radius:9px}.approval-row{display:grid;grid-template-columns:46px minmax(170px,1.4fr) .6fr 1fr auto;gap:16px;align-items:center;padding:19px 25px;border-bottom:1px solid var(--line)}.approval-avatar{width:42px;height:42px;border-radius:50%;font-size:11px;background:#dcebd5;color:#42604e}.approval-person,.approval-unit,.approval-capacity{display:flex;flex-direction:column}.approval-person b{font-size:13px}.approval-person span{color:var(--muted);font-size:11px;margin-top:4px}.approval-unit span,.approval-capacity span{font-size:8px;letter-spacing:.12em;font-weight:800;color:#89948f}.approval-unit b,.approval-capacity b{font-size:11px;margin-top:5px}.capacity-bar{width:100%;height:4px;background:#e9eeea;border-radius:3px;margin-top:7px;overflow:hidden}.capacity-bar i{display:block;height:100%;background:var(--lime-deep)}.capacity-bar.count-0 i{width:0}.capacity-bar.count-1 i{width:50%}.capacity-bar.count-2 i{width:100%}.approval-actions{display:flex;gap:7px}.approval-actions button{border-radius:9px;padding:9px 13px;font-size:10px;font-weight:800;cursor:pointer}.reject{border:1px solid var(--line);background:#fff}.approve{border:1px solid #c4df54;background:var(--lime)}.approval-empty{text-align:center;padding:70px 20px}.approval-empty>span{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:50%;background:var(--lime);font-weight:850}.approval-empty h3{margin:13px 0 5px}.approval-empty p{margin:0;color:var(--muted);font-size:12px}
.auth-shell,.setup-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);background:#fff}.auth-visual{background:var(--ink);padding:clamp(32px,5vw,72px);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(217,248,95,.18);border-radius:50%;right:-130px;bottom:-170px;box-shadow:0 0 0 70px rgba(217,248,95,.035),0 0 0 140px rgba(217,248,95,.025)}.auth-visual .brand{position:relative;z-index:1}.auth-copy{position:relative;z-index:1;max-width:560px}.auth-copy h1{font-size:clamp(45px,6vw,79px);line-height:.92;letter-spacing:-.07em;margin:0}.auth-copy p{color:#a9bab2;line-height:1.65;font-size:14px;max-width:460px}.auth-facts{display:flex;gap:25px;color:#aebeb7;font-size:11px;position:relative;z-index:1}.auth-facts span{display:flex;align-items:center;gap:7px}.auth-facts i{width:8px;height:8px;border-radius:50%;background:var(--lime)}.auth-panel{display:grid;place-items:center;padding:30px;background:var(--canvas)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 60px rgba(25,52,40,.08)}.auth-card h2{font-size:30px;letter-spacing:-.05em;margin:0}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef2ee;border-radius:11px;padding:4px;margin:20px 0}.auth-tabs button{border:0;background:transparent;border-radius:8px;padding:10px;font-size:11px;font-weight:750;color:var(--muted);cursor:pointer}.auth-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(15,40,28,.08)}.auth-form,.setup-form{display:flex;flex-direction:column;gap:13px}.auth-form label,.setup-form label{display:flex;flex-direction:column;gap:6px}.auth-form label>span,.setup-form label>span{font-size:10px;font-weight:800;color:#64726a}.auth-form input,.setup-form input{border:1px solid var(--line);border-radius:11px;padding:12px;outline:none;background:#fff}.auth-form input:focus,.setup-form input:focus{border-color:#a8c932;box-shadow:0 0 0 3px #eff7c8}.form-error{padding:11px 13px;border-radius:10px;background:#ffebe7;color:#9c392b;font-size:11px;line-height:1.5;border:1px solid #ffd0c8}.form-success{padding:11px 13px;border-radius:10px;background:#e7f6dd;color:#3b6543;font-size:11px;line-height:1.5;border:1px solid #badca8}.auth-note{text-align:center;color:#849089;font-size:10px;line-height:1.5}
.modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(8,25,19,.58);backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px}.booking-modal{width:min(430px,100%);border-radius:21px;background:#fff;padding:27px;box-shadow:0 28px 80px rgba(0,0,0,.25);position:relative;animation:modal-in .2s ease-out}@keyframes modal-in{from{transform:translateY(12px);opacity:0}}.modal-close{position:absolute;top:17px;right:17px;border:0;background:#eef2ee;width:31px;height:31px;border-radius:50%;cursor:pointer;font-size:18px}.booking-modal h2{font-size:29px;letter-spacing:-.055em;margin:0}.modal-subtitle{color:var(--muted);font-size:12px;line-height:1.5;margin:7px 0 20px}.booking-summary{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:14px;border-radius:14px;background:#f3f6f2}.summary-date{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:11px;background:var(--ink);color:#fff;min-height:77px}.summary-date span,.summary-date small{font-size:9px;text-transform:uppercase}.summary-date b{font-size:25px;line-height:1.1}.summary-details{display:grid;grid-template-columns:62px 1fr;align-items:center}.summary-details span{color:#839088;font-size:8px;font-weight:800;letter-spacing:.1em}.summary-details b{font-size:11px}.duration-field{display:flex;flex-direction:column;gap:7px;margin-top:16px}.duration-field span{font-size:10px;font-weight:800;color:#64726a}.duration-field select{width:100%;border:1px solid var(--line);border-radius:11px;background:#fff;padding:12px}.time-range{display:grid;grid-template-columns:1fr 34px 1fr;gap:8px;align-items:center;margin:15px 0}.time-range>div{border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:flex;flex-direction:column}.time-range span{font-size:8px;letter-spacing:.12em;color:#859089;font-weight:800}.time-range b{margin-top:4px;font-size:18px}.time-range i{text-align:center;font-style:normal;color:#86928c}.modal-note{text-align:center;color:#8a958f;font-size:9px;line-height:1.45;margin:12px 14px 0}.toast{position:fixed;z-index:90;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;border-radius:13px;padding:12px 17px;display:flex;align-items:center;gap:9px;font-size:12px;box-shadow:0 12px 40px rgba(0,0,0,.2);animation:toast-in .2s ease-out}.toast span{color:var(--lime);font-weight:900}@keyframes toast-in{from{transform:translate(-50%,10px);opacity:0}}.mobile-nav{display:none}
.setup-body{background:var(--canvas)}.setup-shell{display:grid;place-items:center;padding:36px;grid-template-columns:1fr}.setup-card{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(25px,5vw,44px);box-shadow:0 20px 70px rgba(23,49,37,.08)}.setup-brand{margin-bottom:34px}.setup-card h1{font-size:42px;letter-spacing:-.06em;margin:0}.setup-intro{color:var(--muted);font-size:13px;line-height:1.65;margin:10px 0 24px}.setup-form{gap:13px}.setup-form label small{font-size:9px;color:var(--muted)}.form-grid.two{display:grid;grid-template-columns:1fr 120px;gap:10px}.form-section-title{display:flex;align-items:center;gap:11px;margin:4px 0}.form-section-title.second{margin-top:15px}.form-section-title>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--lime);font-size:11px;font-weight:850}.form-section-title>div{display:flex;flex-direction:column}.form-section-title b{font-size:12px}.form-section-title small{font-size:9px;color:var(--muted);margin-top:2px}
@media(max-width:1040px){.booking-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:360px}.auth-panel{padding:35px 20px}}
@media(max-width:720px){.topbar{height:65px;padding:0 17px}.brand{font-size:17px}.brand-mark{width:30px;height:30px}.desktop-nav,.account-copy,.logout-label{display:none}.account-button{padding:0}.avatar{width:35px;height:35px}.page-content{width:min(100% - 28px,620px)}.page-heading{padding:30px 0 22px;align-items:flex-start}.page-heading h1{font-size:37px;max-width:330px}.page-heading>div>p:last-child{font-size:13px;max-width:290px;line-height:1.45}.primary-action{display:none}.status-banner{width:calc(100% - 28px)}.facts-row{grid-template-columns:1fr}.facts-row>div{padding:11px 15px}.facts-row small{display:none}.calendar-toolbar{padding:18px 16px 13px}.calendar-toolbar h2{font-size:18px}.date-controls button{width:32px;height:32px}.date-controls .today-button{display:none}.date-strip{padding:0 10px 13px;gap:2px}.date-strip button{min-height:59px}.date-strip b{font-size:16px}.mobile-court-tabs{display:grid;grid-template-columns:1fr 1fr;margin:12px;padding:3px;border-radius:11px;background:#eef2ee}.mobile-court-tabs button{border:0;background:transparent;border-radius:8px;padding:9px;font-size:11px;font-weight:750;color:var(--muted)}.mobile-court-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(15,40,28,.08)}.schedule-head,.schedule-row{grid-template-columns:60px minmax(0,1fr)}.schedule-head{top:65px}.schedule .court-1,.schedule .court-2{display:none}.schedule.mobile-court-1 .court-1,.schedule.mobile-court-2 .court-2{display:flex}.schedule button.court-cell{display:none}.schedule.mobile-court-1 button.court-1,.schedule.mobile-court-2 button.court-2{display:block}.schedule-body{max-height:520px}.side-panel{grid-template-columns:1fr}.management-stats{grid-template-columns:1fr}.approval-header{padding:19px}.approval-header>span{display:none}.approval-row{grid-template-columns:42px 1fr auto;gap:11px;padding:16px 18px}.approval-unit,.approval-capacity{display:none}.approval-actions{grid-column:2/4}.approval-actions button{flex:1}.mobile-nav{position:fixed;display:flex;justify-content:space-around;left:12px;right:12px;bottom:10px;z-index:40;border:1px solid #2e453d;background:rgba(19,37,31,.96);color:#acbcb4;border-radius:16px;padding:7px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.mobile-nav button{min-width:78px;border:0;background:transparent;color:inherit;padding:5px;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:3px}.mobile-nav button span{font-size:16px}.mobile-nav button.active{color:var(--lime)}.toast{bottom:84px;max-width:calc(100% - 28px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-visual{min-height:300px;padding:28px 22px}.auth-copy h1{font-size:47px}.auth-copy p{font-size:12px}.auth-facts{gap:12px;flex-wrap:wrap}.auth-panel{padding:22px 14px}.auth-card{padding:23px 19px}.form-grid.two{grid-template-columns:1fr}.setup-shell{padding:14px}.setup-card{border-radius:18px}.setup-card h1{font-size:35px}}
.swipe-hint{display:none}
@media(max-width:720px){.date-strip{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:8px;padding:0 12px 14px;scrollbar-width:none}.date-strip::-webkit-scrollbar{display:none}.date-strip button{flex:0 0 62px;min-height:62px;scroll-snap-align:start}.mobile-court-tabs{gap:4px;margin:12px 12px 4px;padding:4px;border-radius:13px}.mobile-court-tabs button{min-height:48px;padding:7px 9px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.mobile-court-tabs button>span:not(.court-arrow){display:flex;flex-direction:column;align-items:center;line-height:1.15}.mobile-court-tabs button b{font-size:11px}.mobile-court-tabs button small{margin-top:3px;font-size:8px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;opacity:.72}.court-arrow{font-size:21px;line-height:1;color:var(--green)}.swipe-hint{display:block;margin:0 12px 10px;text-align:center;color:var(--muted);font-size:9px}.schedule{touch-action:pan-y}}
.mobile-first-app{width:min(650px,100%);min-height:100vh;margin:0 auto;background:var(--canvas);box-shadow:0 0 55px rgba(19,37,31,.08)}
.mobile-first-app .topbar{height:65px;padding:0 17px}.mobile-first-app .brand{font-size:17px}.mobile-first-app .brand-mark{width:30px;height:30px}.mobile-first-app .desktop-nav,.mobile-first-app .account-copy,.mobile-first-app .logout-label{display:none}.mobile-first-app .account-button{padding:0}.mobile-first-app .avatar{width:35px;height:35px}.mobile-first-app .page-content{width:min(100% - 28px,620px);padding-bottom:96px}.mobile-first-app .status-banner{width:calc(100% - 28px)}.mobile-first-app .page-heading{padding:30px 0 22px;align-items:flex-start}.mobile-first-app .page-heading h1{font-size:37px;max-width:330px}.mobile-first-app .page-heading>div>p:last-child{font-size:13px;max-width:290px;line-height:1.45}.mobile-first-app .primary-action{display:none}.mobile-first-app .booking-layout{grid-template-columns:1fr}.mobile-first-app .side-panel{display:grid;grid-template-columns:1fr}.mobile-first-app .calendar-toolbar{padding:18px 16px 13px}.mobile-first-app .calendar-toolbar h2{font-size:18px}.mobile-first-app .date-controls button{width:32px;height:32px}.mobile-first-app .date-controls .today-button{display:none}.mobile-first-app .date-strip{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;touch-action:pan-x;gap:8px;padding:0 12px 14px;scrollbar-width:none}.mobile-first-app .date-strip::-webkit-scrollbar{display:none}.mobile-first-app .date-strip button{flex:0 0 62px;min-height:62px;scroll-snap-align:start}.mobile-first-app .mobile-court-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 12px 4px;padding:4px;border-radius:13px;background:#eef2ee}.mobile-first-app .mobile-court-tabs button{border:0;background:transparent;border-radius:10px;min-height:48px;padding:7px 9px;font-size:11px;font-weight:750;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.mobile-first-app .mobile-court-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(15,40,28,.08)}.mobile-first-app .swipe-hint{display:block;margin:0 12px 10px;text-align:center;color:var(--muted);font-size:9px}.mobile-first-app .schedule{touch-action:pan-y}.mobile-first-app .schedule-head,.mobile-first-app .schedule-row{grid-template-columns:60px minmax(0,1fr)}.mobile-first-app .schedule-head{top:65px}.mobile-first-app .schedule .court-1,.mobile-first-app .schedule .court-2{display:none}.mobile-first-app .schedule.mobile-court-1 .court-1,.mobile-first-app .schedule.mobile-court-2 .court-2{display:flex}.mobile-first-app .schedule button.court-cell{display:none}.mobile-first-app .schedule.mobile-court-1 button.court-1,.mobile-first-app .schedule.mobile-court-2 button.court-2{display:block}.mobile-first-app .schedule-body{max-height:520px}.mobile-first-app .management-stats{grid-template-columns:1fr}.mobile-first-app .approval-header{padding:19px}.mobile-first-app .approval-header>span,.mobile-first-app .approval-unit,.mobile-first-app .approval-capacity{display:none}.mobile-first-app .approval-row{grid-template-columns:42px 1fr auto;gap:11px;padding:16px 18px}.mobile-first-app .approval-actions{grid-column:2/4}.mobile-first-app .approval-actions button{flex:1}.mobile-first-app .mobile-nav{position:fixed;display:flex;justify-content:space-around;width:min(calc(100% - 24px),596px);left:50%;right:auto;bottom:10px;transform:translateX(-50%);z-index:40;border:1px solid #2e453d;background:rgba(19,37,31,.96);color:#acbcb4;border-radius:16px;padding:7px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.mobile-first-app .mobile-nav button{min-width:78px;border:0;background:transparent;color:inherit;padding:5px;font-size:9px;display:flex;flex-direction:column;align-items:center;gap:3px}.mobile-first-app .mobile-nav button span{font-size:16px}.mobile-first-app .mobile-nav button.active{color:var(--lime)}
.my-bookings-overview{background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:18px;box-shadow:0 8px 30px rgba(33,63,49,.035);overflow:hidden}.my-bookings-heading{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 12px;border-bottom:1px solid var(--line)}.my-bookings-heading .toolbar-label{margin-bottom:4px}.my-bookings-heading h2{margin:0;font-size:19px;letter-spacing:-.035em}.my-bookings-list{display:flex;gap:10px;overflow-x:auto;padding:11px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.my-bookings-list::-webkit-scrollbar{display:none}.my-bookings-list .booking-item{flex:0 0 min(260px,85vw);scroll-snap-align:start;border:1px solid var(--line);border-radius:13px;padding:9px 10px;background:#fafbf9}.my-bookings-list .booking-item:last-child{border-bottom:1px solid var(--line)}.my-bookings-empty{width:100%;display:flex;align-items:center;gap:12px;padding:4px 2px}.my-bookings-empty .empty-ball{width:34px;height:34px;margin:0;flex:0 0 auto}.my-bookings-empty b{font-size:12px}.my-bookings-empty p{margin:3px 0 0;color:var(--muted);font-size:10px}.floating-book-button{position:fixed;right:max(20px,calc((100vw - 620px)/2 + 20px));bottom:88px;z-index:50;width:58px;height:58px;border:1px solid #b8d83c;border-radius:50%;background:var(--lime);color:var(--ink);font-size:34px;font-weight:500;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px rgba(44,73,38,.28),0 3px 0 #a8c932}.floating-book-button:active{transform:translateY(2px);box-shadow:0 6px 18px rgba(44,73,38,.25)}.floating-book-button:disabled{opacity:.48;cursor:not-allowed}
.quota-courts{display:grid;grid-template-columns:repeat(2,minmax(105px,1fr));gap:12px}.quota-courts .quota-meter{min-width:0;align-items:stretch}.quota-courts .quota-meter>.quota-court-name{width:auto;height:auto;background:none;color:#aebdb6;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.quota-courts .quota-meter strong{text-align:right}.quota-courts .quota-meter>.quota-bar{display:block;width:100%;height:5px;border-radius:4px;background:#385048;overflow:hidden}.quota-courts .quota-bar i{display:block;height:100%;border-radius:4px;background:var(--lime)}@media(max-width:520px){.daily-quota{align-items:flex-start;flex-direction:column}.quota-courts{width:100%}.quota-courts .quota-meter strong{text-align:left}}
.blackout-form-note{grid-column:1/-1;margin:0;color:var(--muted);font-size:9px;line-height:1.5}.auth-form select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;color:var(--ink);outline:none}.auth-form select:invalid{color:#87928c}.auth-form select:focus{border-color:#a8c932;box-shadow:0 0 0 3px #eff7c8}
@media(max-width:720px){.schedule.mobile-show-both .schedule-head,.schedule.mobile-show-both .schedule-row{grid-template-columns:52px repeat(2,minmax(0,1fr))}.schedule.mobile-show-both .court-1,.schedule.mobile-show-both .court-2{display:flex}.schedule.mobile-show-both button.court-1,.schedule.mobile-show-both button.court-2{display:block}.schedule.mobile-show-both .court-head{padding:0 7px;align-items:center;text-align:center}.schedule.mobile-show-both .court-head b{font-size:11px}.schedule.mobile-show-both .court-head small{font-size:8px}.schedule.mobile-show-both .schedule-row time{font-size:9px}.schedule.mobile-show-both .court-cell{padding:4px 5px}.schedule.mobile-show-both .court-cell.booked b,.schedule.mobile-show-both .court-cell.management-closed b{font-size:9px}.schedule.mobile-show-both .court-cell.booked small,.schedule.mobile-show-both .court-cell.management-closed small{font-size:7px}.schedule.mobile-show-both .slot-plus{opacity:.42;width:24px;height:24px;font-size:13px}}
@media(max-width:720px){.schedule.mobile-show-both{--row-height:60px}.schedule.mobile-show-both .court-head b{font-size:13px}.schedule.mobile-show-both .court-head small{font-size:9px}.schedule.mobile-show-both .schedule-row time{font-size:10px;font-weight:650}.schedule.mobile-show-both .court-cell.booked b,.schedule.mobile-show-both .court-cell.management-closed b{font-size:11px}.schedule.mobile-show-both .court-cell.booked small,.schedule.mobile-show-both .court-cell.management-closed small{font-size:9px}.schedule.mobile-show-both .slot-plus{font-size:15px}}
.mobile-approval-button{display:none}.floating-book-button{display:none}@media(max-width:720px){.mobile-approval-button{display:flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;font-weight:850;cursor:pointer}.mobile-approval-button.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}.mobile-approval-button span{display:grid;place-items:center;min-width:17px;height:17px;border-radius:9px;background:var(--coral);color:#fff;font-size:9px}.floating-book-button{display:grid;right:20px;bottom:20px}.toast{bottom:88px}}
.icon-button:disabled{opacity:.35;cursor:not-allowed;background:#f0f2f0;color:#9ba49f}.cancel-modal .booking-summary{margin-top:4px}.cancel-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.cancel-back-button,.danger-button{border-radius:12px;padding:13px 12px;font-size:11px;font-weight:800;cursor:pointer}.cancel-back-button{border:1px solid var(--line);background:#fff}.danger-button{border:1px solid #e55f4a;background:var(--coral);color:#fff;box-shadow:0 3px 0 #d6503c}.danger-button:disabled{opacity:.55;cursor:not-allowed}
.daily-quota{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:16px;padding:17px 19px;margin-bottom:18px;box-shadow:0 9px 30px rgba(19,37,31,.12)}.daily-quota .toolbar-label{color:#9eb0a7;margin-bottom:5px}.daily-quota h2{margin:0;font-size:21px;letter-spacing:-.04em}.daily-quota p:last-child{margin:5px 0 0;color:#9eb0a7;font-size:10px}.quota-meter{min-width:125px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.quota-meter strong{font-size:22px;color:var(--lime)}.quota-meter strong small{margin-left:3px;color:#aebdb6;font-size:9px;font-weight:700}.quota-meter>span{display:block;width:100%;height:5px;border-radius:4px;background:#385048;overflow:hidden}.quota-meter i{display:block;height:100%;border-radius:4px;background:var(--lime)}.court-cell.unit-blocked{background:repeating-linear-gradient(135deg,#f2f4f2,#f2f4f2 5px,#e9ece9 5px,#e9ece9 10px);cursor:not-allowed}.court-cell.unit-blocked:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#a8b1ac;left:50%;top:50%;transform:translate(-50%,-50%)}.legend-gap{background:repeating-linear-gradient(135deg,#f2f4f2,#f2f4f2 3px,#dfe4e0 3px,#dfe4e0 6px);border:1px solid #cbd2ce}@media(max-width:720px){.daily-quota{padding:15px 16px}.daily-quota h2{font-size:19px}.quota-meter{min-width:105px}.calendar-legend{gap:11px;flex-wrap:wrap}}
.court-cell.management-closed{background:#fff0ed;cursor:not-allowed;border-top-color:#f2c9c2}.court-cell.management-closed:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:3px;background:var(--coral)}.court-cell.management-closed span{display:flex;height:100%;flex-direction:column;justify-content:center;padding-left:7px;overflow:hidden}.court-cell.management-closed b{font-size:11px;color:#8f3e32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.court-cell.management-closed small{font-size:9px;color:#a55f54;margin-top:3px;white-space:nowrap}.legend-closed{background:#fff0ed;border-left:3px solid var(--coral)}
.blackout-card{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px rgba(33,63,49,.035);overflow:hidden}.blackout-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:23px 25px;border-bottom:1px solid var(--line)}.blackout-header h2{font-size:23px;letter-spacing:-.035em;margin:0}.blackout-header p:last-child{font-size:11px;color:var(--muted);margin:7px 0 0}.blackout-header>span{font-size:11px;color:var(--muted);background:#f1f4f1;padding:7px 10px;border-radius:9px;white-space:nowrap}.blackout-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 24px;background:#fafbf9;border-bottom:1px solid var(--line)}.blackout-form label{display:flex;flex-direction:column;gap:6px}.blackout-form label>span{font-size:9px;font-weight:800;color:#64726a;text-transform:uppercase;letter-spacing:.06em}.blackout-form input,.blackout-form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;outline:none}.blackout-form input:focus,.blackout-form select:focus{border-color:#a8c932;box-shadow:0 0 0 3px #eff7c8}.blackout-form .check-row{min-height:41px;display:flex;flex-direction:row;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff;text-transform:none;letter-spacing:0}.blackout-form .check-row input{width:18px;height:18px;padding:0;margin:0;accent-color:var(--ink);box-shadow:none}.blackout-form .check-row b{font-size:11px;color:var(--ink)}.blackout-label-field{grid-column:span 2}.blackout-form .confirm-button{align-self:end;min-height:41px}.blackout-list{padding:0 24px}.blackout-row{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.blackout-row:last-child{border-bottom:0}.blackout-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0ed;color:#b84e3d;font-size:19px}.blackout-row>div{display:flex;flex-direction:column}.blackout-row b{font-size:12px}.blackout-row span,.blackout-row small{font-size:10px;color:var(--muted);margin-top:3px}.blackout-row button{border:1px solid #f0c4bc;background:#fff5f3;color:#a44234;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.blackout-empty{display:flex;align-items:center;gap:12px;padding:23px 0}.blackout-empty>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eef2ee}.blackout-empty b{font-size:12px}.blackout-empty p{font-size:10px;color:var(--muted);margin:4px 0 0}@media(max-width:720px){.blackout-header{padding:19px}.blackout-header>span{display:none}.blackout-form{grid-template-columns:1fr 1fr;padding:17px}.blackout-label-field{grid-column:1/-1}.blackout-form .confirm-button{grid-column:1/-1}.blackout-list{padding:0 17px}.blackout-row{grid-template-columns:34px 1fr}.blackout-row button{grid-column:2;justify-self:start}.management-page{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.booking-window-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:18px 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 8px 30px rgba(33,63,49,.035)}.booking-window-card h2{margin:0;font-size:22px;letter-spacing:-.035em}.booking-window-card>div>p:last-child{margin:7px 0 0;color:var(--muted);font-size:11px}.booking-window-card form{display:flex;align-items:flex-end;gap:10px}.booking-window-card label{display:flex;flex-direction:column;gap:6px}.booking-window-card label>span:first-child{font-size:9px;font-weight:800;color:#64726a;text-transform:uppercase;letter-spacing:.06em}.booking-window-input{display:flex;align-items:center;min-width:130px;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.booking-window-input input{width:76px;border:0;padding:12px;outline:0;font-size:15px;font-weight:800}.booking-window-input b{padding-right:12px;color:var(--muted);font-size:11px}.booking-window-card .confirm-button{min-height:43px;padding:11px 18px}.outside-window-date{opacity:.48}.date-strip button.outside-window-date.selected{opacity:.72}.court-cell.outside-window{background:repeating-linear-gradient(135deg,#f5f6f5,#f5f6f5 5px,#ecefed 5px,#ecefed 10px);cursor:not-allowed}.legend-window{background:repeating-linear-gradient(135deg,#f5f6f5,#f5f6f5 3px,#dfe4e0 3px,#dfe4e0 6px);border:1px solid #cbd2ce}.booking-window-closed{background:#263c34}.booking-window-lock{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#385048;color:var(--lime);font-size:22px;font-weight:800}@media(max-width:720px){.booking-window-card{align-items:stretch;flex-direction:column;padding:18px;gap:16px}.booking-window-card form{display:grid;grid-template-columns:1fr auto}.booking-window-input{width:100%}.booking-window-input input{flex:1}.booking-window-card .confirm-button{align-self:end}}
.calendar-page{padding-top:32px}@media(max-width:720px){.calendar-page{padding-top:18px}}
.account-menu-wrap{position:relative}.profile-chevron{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf1ed;color:#69766f;font-size:16px;font-weight:850}.profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:55;width:220px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 18px 55px rgba(16,38,29,.18)}.profile-dropdown button{width:100%;display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;border:0;border-radius:10px;background:#fff;padding:10px;text-align:left;cursor:pointer}.profile-dropdown button:hover{background:#f2f6f1}.profile-dropdown button>span{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#edf4e8;font-size:16px}.profile-dropdown button>div{display:flex;flex-direction:column}.profile-dropdown b{font-size:12px}.profile-dropdown small{margin-top:3px;color:var(--muted);font-size:9px}.profile-dropdown .install-app-item{display:none}.can-install-app .profile-dropdown .install-app-item{display:grid}.profile-dropdown .install-app-item>span{background:#eef7c9;color:#496015}.profile-dropdown .profile-logout{margin-top:3px;border-top:1px solid #edf0ed;border-radius:0 0 10px 10px}.profile-dropdown .profile-logout>span{background:#fff0ed;color:#a44234}.cute-avatar{position:relative;display:grid!important;place-items:center;flex:0 0 auto;border-radius:50%;line-height:1;background:#dff3ba!important;color:var(--ink)!important;isolation:isolate}.cute-avatar>span{display:block;transform:translateY(1px)}.cute-avatar>i{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:var(--lime);font-size:9px;font-style:normal;line-height:1;z-index:2}.cute-avatar.avatar{width:40px;height:40px;font-size:23px}.cute-avatar.mini-avatar{width:34px;height:34px;border:1px solid #52665d;font-size:19px}.cute-avatar.mini-avatar>i{width:13px;height:13px;font-size:7px;border-color:#294139}.cute-avatar.approval-avatar{width:44px;height:44px;font-size:25px}.avatar-tone-1{background:#dff3ba!important}.avatar-tone-2{background:#cdebf2!important}.avatar-tone-3{background:#ffe0b8!important}.avatar-tone-4{background:#e6d8ff!important}.avatar-tone-5{background:#ffd8df!important}.avatar-tone-6{background:#d3e6ff!important}.profile-modal{width:min(520px,100%);max-height:calc(100vh - 36px);overflow-y:auto}.profile-form{display:flex;flex-direction:column;gap:17px}.profile-form>label{display:flex;flex-direction:column;gap:7px}.profile-form label>span,.profile-form legend{font-size:10px;font-weight:800;color:#64726a}.profile-form input[type="text"],.profile-form input[name="name"]{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;outline:none}.profile-form input:focus{border-color:#a8c932;box-shadow:0 0 0 3px #eff7c8}.profile-form fieldset{min-width:0;margin:0;padding:0;border:0}.profile-form legend{margin-bottom:9px}.avatar-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-height:242px;overflow-y:auto;padding:3px}.avatar-option{display:grid;place-items:center;min-width:0;height:58px;border:1px solid var(--line);border-radius:13px;background:#f7f9f6;cursor:pointer}.avatar-option:hover{border-color:#b8d83c;background:#f4fad9}.avatar-option.selected{border:2px solid var(--ink);background:#eff7c8;box-shadow:0 0 0 2px var(--lime)}.avatar-option .cute-avatar{width:40px;height:40px;font-size:23px}.profile-form .confirm-button{width:100%}@media(max-width:720px){.profile-chevron{width:22px;height:22px}.account-button{gap:6px}.profile-dropdown{position:fixed;top:72px;right:14px;width:min(240px,calc(100vw - 28px))}.profile-modal{padding:23px 18px}.avatar-picker{gap:7px}.avatar-option{height:54px}.cute-avatar.avatar{width:37px;height:37px;font-size:21px}}
.floating-book-button{display:none!important}@media(max-width:720px){.toast{bottom:20px}}
.weather-dashboard{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);margin-bottom:18px;border:1px solid #cdded8;border-radius:18px;background:#fff;box-shadow:0 8px 30px rgba(33,63,49,.045);overflow:hidden}.weather-now{padding:20px 22px;color:#fff;background:linear-gradient(145deg,#1d3a32,#315d50);position:relative;overflow:hidden}.weather-now:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-72px;bottom:-90px;border:1px solid rgba(217,248,95,.2);box-shadow:0 0 0 30px rgba(217,248,95,.035),0 0 0 60px rgba(217,248,95,.025)}.weather-heading,.weather-temperature,.weather-facts{position:relative;z-index:1}.weather-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.weather-heading .toolbar-label{color:#a8beb5}.weather-heading h2{margin:0;font-size:18px;letter-spacing:-.035em}.weather-main-icon{font-size:38px;line-height:1}.weather-temperature{display:flex;align-items:center;gap:14px;margin:15px 0}.weather-temperature>strong{font-size:52px;line-height:.9;letter-spacing:-.07em}.weather-temperature>div{display:flex;flex-direction:column}.weather-temperature b{font-size:13px}.weather-temperature span{margin-top:4px;color:#b7c9c2;font-size:10px}.weather-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.weather-facts>span{display:flex;flex-direction:column;gap:4px;padding:8px 9px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.055)}.weather-facts small{color:#abc0b7;font-size:8px}.weather-facts b{font-size:10px;white-space:nowrap}.weather-forecast{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:18px 20px}.weather-forecast-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.weather-forecast-title .toolbar-label{margin-bottom:4px}.weather-forecast-title b{font-size:12px}.weather-forecast-title>small{color:var(--muted);font-size:9px;white-space:nowrap}.weather-hours{display:grid;grid-template-columns:repeat(6,minmax(58px,1fr));gap:7px;margin-top:13px}.weather-hours>div{display:flex;min-width:0;flex-direction:column;align-items:center;padding:9px 5px;border:1px solid var(--line);border-radius:11px;background:#f8faf7}.weather-hours span{color:var(--muted);font-size:8px;font-weight:750}.weather-hours i{margin:5px 0 3px;font-size:20px;font-style:normal}.weather-hours b{font-size:13px}.weather-hours small{margin-top:4px;color:#527169;font-size:8px}.weather-note{margin:10px 0 0;color:#87948e;font-size:8px;line-height:1.4}.weather-loading{min-height:190px;padding:20px}.weather-loading>div:first-child{display:flex;align-items:center;gap:13px}.weather-loading>div:first-child>span:last-child{display:flex;flex-direction:column;gap:8px}.weather-skeleton{display:block;border-radius:10px;background:linear-gradient(90deg,#e8ede9 25%,#f5f7f5 50%,#e8ede9 75%);background-size:200% 100%;animation:weather-shimmer 1.4s infinite}.weather-skeleton-icon{width:54px;height:54px;border-radius:50%}.weather-skeleton-title{width:180px;height:15px}.weather-skeleton-copy{width:120px;height:9px}.weather-loading-hours{display:grid!important;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}.weather-loading-hours i{height:72px}@keyframes weather-shimmer{to{background-position:-200% 0}}.weather-error{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px}.weather-error>span{font-size:32px}.weather-error b{font-size:13px}.weather-error p{margin:4px 0 0;color:var(--muted);font-size:10px}.weather-error button{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 13px;font-size:10px;font-weight:800;cursor:pointer}@media(max-width:860px){.weather-dashboard{grid-template-columns:1fr}.weather-hours{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.weather-hours::-webkit-scrollbar{display:none}.weather-hours>div{flex:0 0 64px;scroll-snap-align:start}}@media(max-width:520px){.weather-now{padding:18px}.weather-forecast{padding:16px}.weather-temperature>strong{font-size:47px}.weather-facts{gap:5px}.weather-facts>span{padding:7px}.weather-facts b{font-size:9px}.weather-error{grid-template-columns:auto 1fr}.weather-error button{grid-column:2;justify-self:start}.weather-loading{min-height:260px}}
.weather-note a{color:#55756a;font-weight:750;text-underline-offset:2px}