:root{font-family:Inter,Segoe UI,sans-serif;color:#2e241c;background:#fff8f1;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:0;border-radius:7px;padding:11px 16px;background:#a5410a;color:#fff;cursor:pointer;font-weight:600}button:hover{filter:brightness(1.1)}button:disabled{opacity:.45;cursor:default}input,select,textarea{border:1px solid #e8cdb8;border-radius:7px;padding:10px;background:#fff;color:#2e241c;max-width:100%}label{display:flex;flex-direction:column;gap:7px;color:#6f5441;font-size:12px}h1{font-size:30px;letter-spacing:-1px;font-weight:600;margin:8px 0 24px}h2{font-size:18px;font-weight:600;margin:0 0 18px}p{line-height:1.6}.brand{font-size:15px;letter-spacing:2px;font-weight:700}#login{min-height:100vh;display:grid;place-items:center;background:#fff0e0}.login-box{max-width:440px;padding:40px;background:white;border-radius:16px;box-shadow:0 20px 80px #78401618}.login-box h1{font-size:42px;margin-top:40px}.login-box p{color:#705542}form{display:flex;flex-wrap:wrap;align-items:end;gap:16px}form label{flex:1;min-width:140px}.login-box form{display:grid;gap:16px;margin:25px 0}.login-box small{line-height:1.8;color:#705542}#workspace{display:grid;grid-template-columns:230px 1fr;min-height:100vh}#workspace[hidden],#login[hidden]{display:none}aside{background:#fff0e0;color:#38271b;padding:32px 20px;display:flex;flex-direction:column}.caption{font-size:10px;letter-spacing:2px;color:#795339;margin:54px 10px 20px}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;color:#63452f;font-weight:400}nav button.active{background:#ffd8b6;color:#642600;font-weight:600}.side-foot{margin-top:auto;padding-top:70px;display:grid;gap:16px}.quiet{background:transparent;border:1px solid #dfbaa0;color:inherit}main{padding:38px 42px;min-width:0}header{display:flex;justify-content:space-between;align-items:start;gap:20px}.eyebrow{color:#795339;font-size:11px;letter-spacing:2px}.month-label{min-width:150px}.notice{padding:12px 16px;border-radius:7px;background:#fff0d6;color:#775519;font-size:12px;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.stat,.panel{background:white;border:1px solid #f0dfd1;border-radius:12px;padding:24px}.stat strong{display:block;font-size:32px;letter-spacing:-1px;margin:12px 0}.stat span,.muted{color:#735944;font-size:12px}.panels{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{margin-bottom:20px;min-width:0}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#765940;font-weight:500;font-size:11px;letter-spacing:.6px;text-transform:uppercase}td,th{padding:15px 10px;border-bottom:1px solid #f5e8dc;white-space:nowrap}td:first-child,th:first-child{padding-left:0}tr:last-child td{border-bottom:0}.tag{display:inline-block;border-radius:30px;padding:5px 10px;background:#e9f3ed;color:#21694e;font-size:11px}.tag.pending{background:#fff2dc;color:#8a5d16}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.section-head h2{margin:0}.flow{display:grid;gap:0}.flow div{padding:17px 0;border-bottom:1px solid #f5e8dc}.flow b{display:block;font-weight:500}.flow small{color:#745b47}.panel form{margin-top:14px}.hint{font-size:12px;color:#755840;line-height:1.7}footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1px;color:#795d48;margin-top:44px}#message{margin:0 0 12px;color:#246746}#message.error{color:#a93931}button.small{font-size:11px;padding:7px 10px}#content>p{color:#705542}a{color:#21694e}@media(max-width:950px){main{padding:26px 20px}.panels{grid-template-columns:1fr}#workspace{grid-template-columns:180px 1fr}.stats{gap:10px}.stat{padding:16px}}@media(max-width:650px){#workspace{display:block}aside{padding:18px}.caption,.side-foot{display:none}nav{display:flex;flex-wrap:wrap;margin-top:18px;gap:4px}nav button{padding:9px}.stats{grid-template-columns:1fr}header{flex-wrap:wrap}.login-box{padding:28px;margin:15px}footer{flex-wrap:wrap}form{display:grid}form label{min-width:0}}

.brand-logo{display:block;width:175px;max-width:100%;height:auto}aside .brand-logo{background:#fff;padding:7px;border-radius:5px}

aside{border-inline-end:1px solid #f0d8c4}
nav button:not(.active):hover{background:#ffe5ce;filter:none}
:focus-visible{outline:2px solid #a5410a;outline-offset:3px}

/* Lesokart fruit orange */
:root{
  --orange:#ff7900;
  --orange-ink:#873600;
  --orange-wash:#fff3e7;
  --orange-border:#f4d9c1;
  --ink:#30241b;
  color-scheme:light;
  color:var(--ink);
  background:#fffaf5;
}
#login{background:radial-gradient(ellipse at top,#ffe2c5,#fffaf5 70%)}
aside{background:#fff;border-color:var(--orange-border);color:var(--ink)}
.login-box,.panel,.stat{
  background:#fff;
  border:1px solid var(--orange-border);
  box-shadow:0 4px 16px #87360009;
}
.stat{border-top:3px solid var(--orange)}
button,nav button.active{background:var(--orange);color:#281305}
button:hover{filter:brightness(.96)}
nav button:not(.active){background:transparent;color:var(--ink)}
nav button:not(.active):hover,.notice,.tag{background:var(--orange-wash);color:var(--orange-ink)}
.tag.pending{background:#ffe2c5;color:var(--orange-ink)}
.quiet{background:#fff;color:var(--orange-ink);border-color:var(--orange-border)}
input,select,textarea{background:#fff;color:var(--ink);border-color:#bd8963}
.caption,.eyebrow,a,#message,#message.error{color:var(--orange-ink)}
th{background:var(--orange-wash);color:var(--orange-ink)}
td,th,.flow div{border-color:var(--orange-border)}
tbody tr:hover td{background:#fffaf5}
:focus-visible{outline-color:var(--orange-ink)}