:root{
  --ink:#111111;
  --muted:#666666;
  --bg:#ffffff;
  --line:#dedede;
  --forest:#111111;
  --brand-orange:#ff6a00;
  --brand-black:#111111;
  --brand-white:#ffffff;
}
body{background:var(--brand-white);color:var(--brand-black)}
header{background:var(--brand-black);color:var(--brand-white);border-bottom:3px solid var(--brand-orange)}
header nav{color:var(--brand-white)}
header .link{color:var(--brand-white);font-weight:bold}
.account-actions,.account-actions form{display:flex;align-items:center;gap:12px}.user-name{font-size:12px;color:var(--brand-orange)!important;font-weight:bold}
.header-title{position:absolute;left:50%;transform:translateX(-50%);font:24px Georgia;color:var(--brand-white);white-space:nowrap}
.brand img{display:block;width:68px;height:58px;object-fit:contain}
.workspace{background:var(--brand-white)}
.heading{background:var(--brand-white)}
.heading h1,.toolbar h2,aside h3,aside h2,dialog h2{color:var(--brand-black)}
.primary{background:var(--brand-orange);color:var(--brand-black);border:2px solid var(--brand-black)}
.primary:hover{background:#ff7a1a}
.primary:focus-visible,.link:focus-visible{outline:3px solid var(--brand-orange);outline-offset:2px}
.toolbar button{background:var(--brand-black);border-color:var(--brand-black);color:var(--brand-white);font-size:20px}
.toolbar input,.calendar,aside,dialog{border-color:#cfcfcf}
.week{border-top:3px solid var(--brand-orange)}
.week b{color:var(--brand-black)}
.day{background:var(--brand-white)}
.secondary{border-color:var(--brand-black);color:var(--brand-black)}
.danger{background:var(--brand-black);color:var(--brand-white);border:2px solid var(--brand-orange)}
dialog{border-top:6px solid var(--brand-orange)}
.close{color:var(--brand-black)}
.login-page{background:radial-gradient(circle at top,var(--brand-orange),var(--brand-black) 52%)}
.login-card{border:3px solid var(--brand-orange);background:var(--brand-white)}
.login-card .brand img{width:230px;height:150px;margin:auto}
.login-card .lock{color:var(--brand-orange)}
.login-card input:focus{outline:2px solid var(--brand-orange);border-color:var(--brand-black)}
@media(max-width:700px){
  .brand img{width:54px;height:48px}
  .header-title{font-size:18px}
  .user-name{display:none}
  .heading{background:var(--brand-white)!important;border-bottom:2px solid var(--brand-orange)!important}
}
.save-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px}
.save-button:disabled{cursor:wait;opacity:.75}
.save-spinner{display:none;width:18px;height:18px;border:3px solid #1115;border-top-color:#111;border-radius:50%;animation:save-spin .7s linear infinite}
.save-button.is-loading .save-spinner{display:block}
@keyframes save-spin{to{transform:rotate(360deg)}}