:root{--bg:#f4f5f7;--surface:#fff;--sidebar:#1f2430;--sidebar-text:#b9c0cf;--sidebar-active:#fff;--border:#dcdfe6;--text:#1f2430;--muted:#6b7280;--accent:#2f6feb;--error:#b42318;--error-bg:#fef3f2;--warning:#92400e;--warning-bg:#fffbeb;--ok:#15803d;--radius:8px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}h1{margin:0 0 16px;font-size:22px}h2{margin:24px 0 12px;font-size:17px}h3{margin:16px 0 8px;font-size:15px}p{margin:0 0 12px}.layout{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.layout nav{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;gap:16px;padding:20px 12px;display:flex}.layout nav strong{color:var(--sidebar-active);padding:0 10px;font-size:15px}.layout nav ul{flex:1;margin:0;padding:0;list-style:none}.layout nav a{color:inherit;border-radius:6px;padding:8px 10px;text-decoration:none;display:block}.layout nav a:hover{background:#ffffff12}.layout nav a[aria-current=page]{color:var(--sidebar-active);background:#ffffff1f;font-weight:600}.layout nav button{color:var(--sidebar-text);background:0 0;border:1px solid #fff3}.layout nav button:hover{background:#ffffff12}.layout main{max-width:1100px;padding:28px 32px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.centered{max-width:380px;margin:12vh auto}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.actions{gap:8px;margin-top:16px;display:flex}.tile{flex-direction:column;gap:6px;min-width:150px;margin:16px 0 0;display:flex}.tile span{color:var(--muted);font-size:13px}.tile strong{font-size:26px;font-weight:600}label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;font:inherit;border-radius:6px;padding:7px 10px}input[type=checkbox]{width:auto}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.card>input,.card>select{margin-bottom:12px}button{border:1px solid var(--accent);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border-radius:6px;padding:7px 14px}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.5;cursor:default}button.secondary{background:var(--surface);border-color:var(--border);color:var(--text)}button.danger{background:var(--surface);border-color:var(--error);color:var(--error)}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:0 0 16px;padding:12px 14px}fieldset legend{color:var(--muted);padding:0 6px;font-size:13px}fieldset label{color:inherit;align-items:center;gap:6px;margin:0 0 4px;font-size:14px;display:flex}fieldset input[type=number]{width:90px}fieldset>div{margin-bottom:10px}.preview{color:var(--muted);margin:8px 0 0;font-size:14px}.error,.warning{border-radius:6px;padding:8px 12px;font-size:14px}.error{background:var(--error-bg);color:var(--error)}.warning{background:var(--warning-bg);color:var(--warning)}.muted{color:var(--muted)}.ok{color:var(--ok)}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 10px}.table th{color:var(--muted);font-size:13px;font-weight:600}.table tbody tr:nth-child(2n){background:#fafbfc}.calendar{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:12px;display:grid}.calendar-head{opacity:.7;font-size:12px;font-weight:600}.calendar .day{text-align:left;min-height:48px;padding:6px;font-size:12px}.calendar .day.selected{outline:2px solid}
