*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;color:#244839;background:#f4f5ef;display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{background:#173e33;color:#e5eee3;padding:32px 25px;display:flex;flex-direction:column;min-height:100vh}aside img{width:195px;filter:brightness(0) invert(1)}.badge{font-size:10px;letter-spacing:.18em;margin:25px 0 40px;color:#bbd1b9}aside h2{font:30px Georgia;margin:0 0 14px}aside p{line-height:1.7;font-size:14px;color:#c4d6c4}nav{display:grid;gap:10px;margin-top:28px}button,a,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #c6d2c0;background:#fff;color:#244839;border-radius:9px;padding:11px 16px}button:hover{background:#e4eddd}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b58b35;outline-offset:3px}nav button{text-align:left;background:transparent;border:0;color:#e6efe0;padding:15px 10px}nav .selected{background:#335f4e}nav button:hover{background:#335f4e}.aside-bottom{margin-top:auto;padding-top:50px;font-size:12px;line-height:1.8;color:#b6ccba}main{padding:36px 4vw;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font:38px Georgia;margin:0 0 24px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#748773}a{color:#244839}header a{padding:12px 18px;background:#fff;border:1px solid #cbd7c7;border-radius:10px;text-decoration:none;font-size:13px;white-space:nowrap}.demo-banner{background:#e7eddf;padding:17px 20px;border-radius:12px;line-height:1.6;font-size:13px}.demo-banner b{display:block}.filters{display:flex;gap:16px;align-items:end;margin:28px 0 8px;flex-wrap:wrap}label{display:grid;gap:8px;color:#62755e;font-size:12px}input,select,textarea{background:#fff;color:#294b3b;border:1px solid #cbd6c5;border-radius:8px;padding:11px;font-size:14px}textarea{resize:vertical;min-height:95px}#status{min-height:38px;padding:10px 0;font-size:14px}#status.error{color:#a22f27}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 20px}.toolbar h2{font:25px Georgia;margin:0}.primary{background:#245740;color:white;border-color:#245740}.primary:hover{background:#326d51}.rows{display:grid;gap:12px}.row{background:white;border:1px solid #dce3d6;border-radius:15px;padding:20px;display:flex;align-items:center;gap:20px}.row img,.staff-card img,.initials{width:60px;height:60px;object-fit:cover;border-radius:50%;flex-shrink:0}.initials{display:grid;place-items:center;background:#e4edda;font-size:24px}.row .time{min-width:115px;font-weight:bold}.row small{display:block;color:#72816b;margin-top:6px;font-weight:normal}.row .body{flex:1}.row h3{margin:0 0 7px;font-size:18px}.row p{margin:0;line-height:1.5;color:#66735e;font-size:14px}.actions{display:flex;gap:8px}.actions button{font-size:12px;padding:9px}.cancelled{opacity:.6}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.staff-card{background:white;padding:24px;border-radius:16px;border:1px solid #dce3d6}.staff-card img,.staff-card .initials{width:90px;height:90px}.staff-card h3{font:25px Georgia;margin:16px 0 8px}.staff-card p{font-size:13px;color:#75816c}.staff-card button{margin-top:12px}.empty{padding:45px;background:white;border-radius:16px;text-align:center;line-height:1.8;color:#6c7b65}footer{font-size:12px;color:#78856e;margin-top:36px;line-height:1.6}.preview{width:100%;aspect-ratio:16/9;border:0;background:#102b22;border-radius:14px}dialog{border:0;border-radius:20px;width:min(540px,92vw);padding:28px;color:#244839;max-height:90vh;overflow:auto}dialog::backdrop{background:#153b32a8;backdrop-filter:blur(3px)}dialog h2{font:28px Georgia;margin:0 0 20px}form{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;justify-content:end;gap:10px;margin-top:8px}.form-error{color:#a22f27;font-size:13px}.note{font-size:13px;color:#74816b;line-height:1.6}.check{display:flex;align-items:center;gap:10px}.toolbar .secondary{font-size:12px}@media(max-width:1000px){body{grid-template-columns:190px 1fr}aside{padding:25px 15px}aside img{width:160px}.staff-grid{grid-template-columns:repeat(2,1fr)}.row{flex-wrap:wrap}.row .actions{margin-left:auto}}@media(max-width:650px){body{display:block}aside{min-height:0;padding:20px}aside h2,aside p,.aside-bottom,.badge{display:none}nav{display:flex;flex-wrap:wrap;margin-top:15px}nav button{font-size:12px}main{padding:22px}h1{font-size:30px}header{align-items:start;flex-wrap:wrap}.staff-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}}
.filters[hidden]{display:none}.appearance-intro{margin:20px 0 2px}.appearance-intro h2,.weather-settings h2{font:27px Georgia;margin:0 0 10px}.background-choices{border:0;padding:0;margin:8px 0 12px;min-width:0}.background-choices legend{font-size:15px;font-weight:bold;margin-bottom:15px}.background-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.background-option{display:block;position:relative;border:2px solid transparent;border-radius:17px;background:white;box-shadow:0 2px 6px #173e330a;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s}.background-option:has(input:checked){border-color:#356b4e;box-shadow:0 0 0 3px #356b4e16}.background-option:has(input:focus-visible){outline:3px solid #b58b35;outline-offset:4px}.background-option input{position:absolute;opacity:0;width:1px;height:1px}.background-option img{width:100%;height:150px;object-fit:cover;display:block}.background-option>span{display:block;padding:17px 15px 18px}.background-option b{font:21px Georgia;color:#284c39;display:block;margin-bottom:6px}.background-option small{font-size:12px;color:#72816a;display:block;line-height:1.5}.background-option i{display:none;position:absolute;top:12px;right:12px;background:#295b41;color:white;border:2px solid white;border-radius:50%;width:29px;height:29px;place-items:center;font-style:normal}.background-option:has(input:checked) i{display:grid}.weather-settings{background:white;border:1px solid #dbe4d3;border-radius:18px;padding:26px}.weather-settings-heading{display:flex;gap:18px;align-items:center;margin-bottom:22px}.weather-settings-heading>span{display:grid;place-items:center;font-size:34px;background:#f3efda;border-radius:14px;width:62px;height:62px;color:#987a28}.weather-settings-heading p{font-size:13px;color:#718269;margin:0}.toggle-weather{display:flex;align-items:center;gap:10px;font-size:15px;color:#284d38}.toggle-weather input{width:19px;height:19px;accent-color:#356b4e}.weather-location{margin-top:20px;max-width:370px}.weather-location input{background:#f5f7f0}.appearance-save{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}.appearance-save button{white-space:nowrap}@media(max-width:900px){.background-grid{grid-template-columns:1fr}.background-option{display:grid;grid-template-columns:160px 1fr;align-items:center}.background-option img{height:110px}.appearance-save{flex-wrap:wrap}}@media(max-width:500px){.background-option{grid-template-columns:120px 1fr}.weather-settings{padding:20px}.background-option b{font-size:19px}}