:root{--forest:#c90025;--forest2:#a0001d;--leaf:#ed002b;--ink:#171717;--muted:#626262;--line:#dedede;--paper:#f4f4f4;--danger:#b00020;--shadow:0 12px 30px #00000019}
body{background:var(--paper)}aside{background:#171717}nav button.active{background:#c90025;color:#fff}nav button:hover{background:#333;color:#fff}nav button.active:hover{background:#a0001d}
.primary{background:#c90025;color:#fff}.primary:hover{background:#a0001d}.badge{background:#ffe8ed;color:#9d001c}.badge.closed{background:#eaeaea;color:#555}
.login-shell{background:linear-gradient(110deg,#f4f4f4 0 52%,#171717 52%);min-height:100vh;padding:8vw;grid-template-columns:1fr minmax(320px,460px);gap:8vw}
.login-shell>.brand{position:static;grid-column:1;grid-row:1;align-self:center;flex-direction:column;align-items:flex-start;gap:18px}.login-shell>.brand strong{font-size:22px;max-width:320px}.login-shell>.brand span{font-size:16px}
.login-shell>.login-panel{grid-column:2;grid-row:1}.login-shell .mark{width:190px;height:174px;background:#fff;border-radius:0}
.logo-mark img{object-fit:contain}.inverse .logo-mark{width:140px;height:129px;flex-shrink:0;border-radius:0}.inverse.brand{flex-direction:column;align-items:flex-start;gap:14px}.inverse.brand>span{color:#fff;font-size:16px}
.profile small{color:#ccc}.profile{border-color:#ffffff30}.profile-actions button{color:#fff}.powered-by{color:#bbb}
input:focus,select:focus,textarea:focus{outline:2px solid #ed002b30;border-color:#ed002b}button:focus-visible,a:focus-visible{outline:3px solid #ed002b;outline-offset:3px}
body::before,#content::before{background-image:url('/martin-schenk-logo.png')}
.bar-fill{background:#c90025}.bar-track{background:#e5e5e5}.week-day.today .bar-fill{background:#171717}.timer{background:#171717}.timer .primary{background:#c90025;color:#fff}
@media(max-width:900px){.login-shell{display:flex;flex-direction:column;justify-content:center;gap:24px;padding:28px 20px;background:#f4f4f4}.login-shell>.brand{flex-direction:row;align-items:center;align-self:center;width:min(460px,100%)}.login-shell .mark{width:105px;height:97px;flex-shrink:0}.login-shell>.brand strong{font-size:18px}.login-shell>.login-panel{width:min(460px,100%)}.login-shell>.brand span{font-size:14px}}
@media(max-width:450px){.login-shell>.brand strong{font-size:16px}.login-shell>.brand{gap:12px}.login-panel{padding:24px}.login-shell .mark{width:90px;height:83px}}