
#app{--y:#f5d547;--bg:#101110;--panel:#1b1c1a;--line:#34352e;--muted:#b8baad;color:#f4f4ed;background:var(--bg);font:15px/1.5 Arial,sans-serif;border-radius:20px;overflow:hidden}#app *{box-sizing:border-box}#app button,#app input,#app select{font:inherit}#app button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:#f4f4ed;padding:10px 15px}#app button:disabled{opacity:.4;cursor:not-allowed}#app .active,#app .primary{background:var(--y);color:#17190e;border-color:var(--y)}#app header{padding:24px 30px;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding-right:110px}#app .brand{display:flex;align-items:center;gap:12px;flex:1}#app .logo{background:var(--y);color:#17190e;padding:12px;border-radius:13px}#app .brand strong{display:block;letter-spacing:2px;font-weight:500}#app small{color:var(--muted);font-size:12px}#app nav{display:flex;gap:6px;flex-wrap:wrap}#app main{padding:30px}#app h1{font-size:30px;line-height:1.2;font-weight:500;margin:8px 0 12px}#app h2{font-size:18px;font-weight:500;margin:0 0 18px}#app p{color:var(--muted);margin:0 0 20px}#app .eyebrow{color:var(--y);font-size:12px;letter-spacing:2px}#app .columns{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:25px}#app .box{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:16px}#app .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}#app .spread{justify-content:space-between}#app .calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:16px 0}#app .calendar button{padding:6px;min-width:0}#app .calendar span{text-align:center;color:var(--muted);font-size:12px}#app .calendar button[data-status]:after{content:'';display:block;width:7px;height:7px;border-radius:50%;margin:4px auto 0;background:var(--dot)}#app [data-status="green"]{--dot:#54d58b}#app [data-status="yellow"]{--dot:#f5d547}#app [data-status="red"]{--dot:#fa7773}#app [data-status="blue"]{--dot:#67adff}#app .calendar .active:after{box-shadow:0 0 0 2px #17190e}#app .legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12px;color:var(--muted)}#app .legend i{display:inline-block;width:7px;height:7px;background:var(--dot);border-radius:50%;margin-right:6px}#app .times{display:grid;grid-template-columns:1fr 1fr;gap:8px}#app .times button{text-align:left}#app .active small{color:#343724}#app .row>label{min-width:180px}#app #frontnews p{margin-bottom:0}#app #frontnews{margin-bottom:18px}#app .tag{display:inline-block;background:#33331f;color:var(--y);border-radius:6px;padding:4px 9px;font-size:12px}#app label{display:block;margin:12px 0 6px;color:var(--muted)}#app input,#app select{width:100%;background:#11120f;border:1px solid var(--line);color:#f4f4ed;padding:12px;border-radius:9px;min-width:0}#app .full{width:100%;margin-top:20px}#app .line{padding:14px 0;border-bottom:1px solid var(--line)}#app .line:last-child{border:0}#app .note{border-left:3px solid var(--y);padding-left:14px;margin:20px 0;color:var(--muted)}#app #feedback{color:var(--y);margin-top:16px}#app .hidden{display:none}#app .navsecondary{margin:20px 0}#app .empty{color:var(--muted);padding:20px 0}#app footer{padding:15px 30px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}@media(max-width:650px){#app header{padding:20px;padding-right:95px}#app main{padding:20px}#app .columns{grid-template-columns:1fr}#app h1{font-size:26px}#app .box{padding:18px}}

body{margin:0;background:#101110;color:#f4f4ed;font-family:Arial,sans-serif}#app{max-width:1100px;margin:auto;border-radius:0;overflow:visible}#app header{padding-right:30px}#app button{cursor:pointer}#app button:focus-visible,#app input:focus-visible,#app select:focus-visible{outline:3px solid #67adff;outline-offset:3px}#app textarea{font:inherit;background:#11120f;color:#f4f4ed;border:1px solid #34352e;border-radius:9px;width:100%;padding:12px}#app a{color:#f5d547}#app .calendar button[data-state]:after{content:"";display:block;width:7px;height:7px;margin:5px auto 0;border-radius:50%;background:var(--dot)}#app [data-state="green"]{--dot:#54d58b}#app [data-state="yellow"]{--dot:#f5d547}#app [data-state="red"]{--dot:#fa7773}#app [data-state="blue"]{--dot:#67adff}#app .notice{color:#f5d547;white-space:pre-wrap}#app .alert{padding:12px;background:#33331f;border-radius:9px}#app .authbox{max-width:550px;margin:25px auto}#app .muted{color:#b8baad}#app .settings{max-width:620px}#app .mini{font-size:12px}#app .servicefields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#app .booking{padding:15px 0;border-bottom:1px solid #34352e}#app .booking .row{margin-top:10px}#app .calendar .selected{background:#f5d547;color:#17190e}#app .calendar .selected:after{box-shadow:0 0 0 2px #17190e}#app input,#app select,#app textarea{font-size:16px}#app .nextpanel{margin-top:22px}#app [hidden]{display:none!important}#app .statusbar{padding:0 30px}#app .statusbar:empty{display:none}#app .calendar button{min-height:44px}@media(max-width:600px){#app .servicefields{grid-template-columns:1fr}#app header{padding:20px}#app main{padding:20px}#app .calendar{gap:3px}#app h1{font-size:26px}#app .box{padding:16px}#app .statusbar{padding:0 20px}}
