@import url("./themes.css?v=3.2.4");
@import url("./layout.css?v=3.2.4");
@import url("./dashboard.css?v=3.2.4");
@import url("./mobile.css?v=3.2.4");

* { box-sizing: border-box; }
html { color-scheme: light dark; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--blue) 8%, transparent), transparent 28rem), var(--bg); color: var(--text); transition: background .2s, color .2s; }
button, input, select, textarea { font: inherit; }
button, .file-btn { border: 0; border-radius: 12px; min-height: 44px; padding: 10px 15px; background: linear-gradient(135deg, var(--blue), color-mix(in srgb, var(--blue) 72%, var(--purple))); color: #fff; font-weight: 750; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 5px 14px color-mix(in srgb, var(--blue) 18%, transparent); }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--blue) 45%, transparent); outline-offset: 2px; }
button:disabled { opacity: .45; cursor: not-allowed; }
.secondary-btn { background: var(--control); color: var(--text); box-shadow: none; }
.danger-btn { background: var(--red-soft); color: var(--red); box-shadow: none; }
.file-btn input { display: none; }
label { display: grid; gap: 6px; font-size: .86rem; font-weight: 700; color: var(--label); }
input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 11px; padding: 11px 12px; background: var(--input); color: var(--text); min-height: 44px; }
.field-grid > label, input[type="date"], input[type="time"] { min-width: 0; }
input[type="date"], input[type="time"] { max-width: 100%; }
textarea { resize: vertical; }
.muted, .panel p { color: var(--muted); }
.empty-state { text-align: center; color: var(--muted); padding: 20px; }
.manager-status { min-height: 1.25em; color: var(--muted); }
.manager-status.error { color: var(--red); }