@font-face{font-family:Local;src:local(Arial)}*{box-sizing:border-box}body{color:#202321;background:#f5f4f0;margin:0;font:14px Local,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}.main-sidebar{color:#e8e8df;background:#1b201d;flex-direction:column;width:220px;padding:25px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{background:#d4c29b;border-radius:9px;padding:13px 9px}.brand img{object-fit:contain;width:100%;height:95px;display:block}.eyebrow{letter-spacing:1.6px;color:#8c8f84;margin:20px 0 12px;font-size:10px;font-weight:700}.main-sidebar .eyebrow{color:#bdb299;text-align:center;margin:17px 0 28px;font-size:8px}.main-nav{gap:6px;display:grid}.main-nav button{text-align:left;color:#b5bdb6;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:15px 12px;font-size:18px;display:flex}.main-nav span{font-size:13px}.main-nav button.active{color:#ead8af;background:#333a31}.main-nav button:hover{background:#30372f}.aside-bottom{color:#d0c5ad;margin-top:auto;font-size:11px;line-height:1.9}.aside-bottom small{color:#8c958e;font-size:10px}.main-content{max-width:1600px;margin-left:220px;padding:28px 30px 18px}.main-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}header .eyebrow{margin:0 0 8px}h1{letter-spacing:-.7px;margin:0;font-size:28px}h2{letter-spacing:-.3px;margin:0 0 8px;font-size:19px}h3{margin:0 0 8px;font-size:17px}p{color:#747a73;margin:7px 0;line-height:1.55}.header-right{color:#7c8279;align-items:center;gap:16px;font-size:12px;display:flex}.quiet{color:#555e55;background:#fff;border:1px solid #dddcd5;border-radius:6px;padding:10px 13px}.notice{color:#65563a;background:#eee7d9;border:1px solid #dfd3bd;border-radius:9px;align-items:center;gap:13px;margin-bottom:24px;padding:15px 17px;display:flex}.notice p{color:#817255;margin:4px 0 0;font-size:11px}.notice>b{font-size:13px}.notice>span{font-size:22px}.switch{white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.switch input{accent-color:#78643d;width:18px;height:18px}.grid{gap:15px;display:grid}.summary{grid-template-columns:repeat(4,1fr);margin-bottom:26px}.metric,.card{background:#fff;border:1px solid #e4e3db;border-radius:10px;padding:21px}.metric .label{color:#7c8278;font-size:11px}.metric strong{letter-spacing:-.5px;margin:12px 0 6px;font-size:24px;display:block}.metric small{color:#989a8f;font-size:10px}.metric .symbol{float:right;color:#a99a7c;font-size:20px}.section-head{justify-content:space-between;align-items:center;margin:22px 0 15px;display:flex}.section-head p{font-size:12px}.linkbtn{color:#796847;background:0 0;border:0;padding:12px;font-size:12px;font-weight:700}.courts{grid-template-columns:repeat(3,1fr)}.court-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.badge{color:#898d82;background:#f0f0eb;border-radius:20px;padding:5px 8px;font-size:10px;display:inline-block}.badge.gold{color:#82693d;background:#f0e7d6}.badge.green{color:#4c6b47;background:#e6efe4}.court-drawing{color:#9da89f;background:#eef2ef;border:1px solid #dde5df;border-radius:6px;justify-content:center;align-items:center;height:74px;margin:12px 0 17px;font-size:11px;display:flex;position:relative}.court-drawing:before{content:"";border:1px solid #c1ccc2;position:absolute;inset:12px 24px}.court-drawing:after{content:"";background:#c1ccc2;width:1px;height:50px;position:absolute;left:50%}.court-drawing.pink{background:#f7eff2;border-color:#eadce2}.court-drawing.on{background:#e7e1ca}.state{margin-bottom:12px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.btn{color:#454d42;background:#fff;border:1px solid #dcded5;border-radius:6px;min-height:43px;padding:11px 13px}.btn.primary{color:#fff;background:#293d2e;border-color:#293d2e}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.selected{color:#715a31;background:#eee6d6;border-color:#c8b182}.btn.danger{color:#9b594e}.card small{color:#91968b}.meta{color:#8c9186;border-top:1px solid #efefe9;margin-top:13px;padding-top:11px;font-size:11px}.two-col{grid-template-columns:1.1fr 1fr}.timeline{gap:18px;margin-top:22px;display:grid}.timeline-item{align-items:start;gap:20px;display:flex}.timeline-item b{color:#7c6946;min-width:50px;font-size:15px}.timeline-item p{margin:2px 0 0;font-size:12px}.action-tile{color:#29392b;border:1px solid #e4e4db;border-radius:7px;margin-top:12px;padding:15px;text-decoration:none;display:block}.action-tile span{float:right}.camera{aspect-ratio:16/10;color:#b4baa9;background:#202820 linear-gradient(35deg,#0000 45%,#ffffff03 45% 50%,#0000 50%);border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:15px 0;display:flex}.camera b{color:#7d8978;font-size:28px}.camera p{color:#98a08f;font-size:11px}.wide{grid-column:1/-1}.callout{color:#737c6c;background:#f0f1eb;border-radius:7px;margin:16px 0;padding:15px 18px;font-size:12px;line-height:1.6}label.field{color:#69715f;margin:15px 0;font-size:12px;display:block}input[type=text],input[type=time],input[type=number],select{color:#2c3729;background:#fafbf7;border:1px solid #d9ddd2;border-radius:6px;width:100%;margin-top:7px;padding:12px;display:block}:is(input:focus,select:focus,button:focus-visible,a:focus-visible){outline-offset:3px;outline:2px solid #b89f6b}.settings-grid{grid-template-columns:1fr 1fr}.mini-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid #eceee5;padding:13px 8px}th{color:#8b9282;text-transform:uppercase;letter-spacing:1px;font-size:10px}.empty{text-align:center;color:#8a9280;padding:30px}.locker-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.locker{color:#8b8876;background:#f3f2ed;border:1px dashed #d2cfbf;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:85px;display:flex}.locker b{font-size:21px}footer{color:#92988b;border-top:1px solid #e1e3d9;justify-content:space-between;margin-top:30px;padding-top:16px;font-size:10px;display:flex}#toast{color:#fff;z-index:20;background:#293c2c;border-radius:8px;max-width:370px;padding:16px 20px;display:none;position:fixed;bottom:25px;right:25px;box-shadow:0 8px 30px #0002}dialog{border:0;border-radius:12px;max-width:430px;padding:26px}dialog::backdrop{background:#0006}dialog p{margin:15px 0 22px}@media (max-width:1100px){.main-sidebar{width:185px;padding:20px 12px}.main-content{margin-left:185px;padding:22px}.courts{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:20px}.notice{flex-wrap:wrap}.switch{margin-left:33px}.header-right{gap:8px}}@media (max-width:720px){.main-sidebar{width:auto;padding:12px;position:static}.brand,.main-sidebar .eyebrow,.aside-bottom{display:none}.main-nav{display:flex;overflow:auto}.main-nav button{white-space:nowrap;padding:12px;font-size:15px}.main-content{margin:0;padding:18px}.summary{grid-template-columns:1fr 1fr}.courts,.two-col,.settings-grid{grid-template-columns:1fr}.header-right #clock{display:none}h1{font-size:24px}.switch{margin-left:0}.notice{font-size:12px}.locker-grid{grid-template-columns:repeat(3,1fr)}footer span{display:none}}[hidden]{display:none!important}.subnav{flex-wrap:wrap;gap:8px;margin:0 0 22px;display:flex}.subnav button{cursor:pointer;background:#fff;border:1px solid #d5d9cc;border-radius:6px;padding:13px 17px}.subnav button.active{color:#fff;background:#293d2e}.error-banner{color:#854f33;background:#f9e7de;border-radius:7px;margin:15px 0;padding:15px}.success-banner{color:#45633e;background:#e7ede3;border-radius:7px;margin:15px 0;padding:15px}.field textarea{border:1px solid #d9ddd2;border-radius:6px;width:100%;margin-top:7px;padding:12px;display:block}.live-dot{background:#799967;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.camera video{object-fit:contain;width:100%;height:100%}.camera input{color:#333}dialog .row{justify-content:flex-end}.entry-list{gap:12px;display:grid}.entry{background:#fff;border:1px solid #e2e4da;border-radius:8px;padding:17px}.entry h3{font-size:14px}.checkbox-row{align-items:center;gap:8px;padding:12px 0;font-size:13px;display:flex}.checkbox-row input{width:18px;height:18px}.help{color:#7b836e;font-size:12px}.camera-form{gap:9px;display:grid}.camera-form input{border:1px solid #ddd;border-radius:5px;padding:10px}.module-loading{color:#8b9284;padding:40px}.main-content{min-width:0}input[type=password],input[type=url],input[type=date]{border:1px solid #d9ddd2;border-radius:6px;width:100%;margin-top:7px;padding:12px;display:block}.light-card{border:2px solid #c9cec7}.light-card .court-head{flex-wrap:wrap;gap:12px}.light-status{white-space:nowrap;border-radius:7px;padding:9px 12px;font-size:17px;font-weight:800;display:inline-block}.light-card.is-on{background:#9af528;border-color:#32780f;box-shadow:0 0 0 2px #32780f22}.light-card.is-on .light-status{color:#fff;background:#143b0b}.light-card.is-on h3,.light-card.is-on p,.light-card.is-on .meta{color:#15360b}.light-card.is-on .meta{border-color:#407e26}.light-card.is-on .court-drawing.on{color:#15360b;background:#7be600;border:2px solid #28680d}.light-card.is-on .court-drawing:before{border:2px solid #28680d}.light-card.is-on .court-drawing:after{background:#28680d}.light-card.is-off .light-status{color:#414b44;background:#e9eeeb}.light-card.is-unknown{background:#eee}.light-card.is-unknown .light-status{color:#41433e;background:#d8d8d4}
