:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111;background:#f4f4f4}*{box-sizing:border-box}body{margin:0}.topbar{height:90px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:#666}.brand{font-size:21px;font-weight:800}.version{font-weight:700}.shell{max-width:1120px;margin:16px auto;padding:0 14px}.card{background:#fff;border:1px solid #ddd;border-radius:16px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.auth-wrap{min-height:calc(100vh - 122px);display:grid;place-items:center}.auth-card{width:min(430px,100%)}h1,h2,h3,p{margin-top:0}h1{font-size:28px;margin-bottom:4px}h2{font-size:24px}.muted{color:#777}.hidden{display:none!important}label{display:flex;flex-direction:column;gap:6px;font-weight:650;font-size:14px;margin-bottom:12px}input,select,textarea{font:inherit;border:1px solid #ddd;border-radius:12px;padding:12px;background:#fff;min-width:0}.btn{border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer}.btn.primary{background:#111;color:#fff}.btn.ghost{background:#eee;color:#111}.btn.danger{background:#f9dddd;color:#8a2626}.btn.success{background:#dff3e5;color:#1f6b3d}.btn.warning{background:#fde2e2;color:#9a2d2d}.btn:disabled{opacity:.45;cursor:not-allowed}.full{width:100%}.status-strip{padding:10px 12px;background:#eef6ef;border-radius:10px;color:#2e7443;margin:12px 0}.status-strip.bad{background:#fde8e8;color:#9c2e2e}.message{margin-top:12px;padding:11px;border-radius:10px;background:#f1f1f1}.tabs{display:flex;gap:8px;flex-wrap:wrap}.small-tabs{margin-bottom:18px}.tab{border:0;background:#efefef;border-radius:12px;padding:10px 14px;font-weight:800;cursor:pointer}.tab.active{background:#111;color:#fff}.userbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.user-name{font-size:17px;font-weight:800}.checklist-head{display:flex;align-items:end;gap:20px;margin-bottom:14px}.grow{flex:1;margin:0}.progress-wrap{width:50%;min-width:220px}.progress{height:8px;background:#e6e6e6;border-radius:99px;overflow:hidden;margin-top:8px}.progress>div{height:100%;width:0;background:#111;transition:.2s}.task-card{margin-bottom:12px}.task-title{font-size:18px;font-weight:800;margin-bottom:4px}.task-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.photo-label{background:#eee;border-radius:12px;padding:11px;text-align:center;font-weight:800;cursor:pointer}.photo-label.done{background:#e1f1e5;color:#23633a}.task-complete{background:#aaa;color:white}.task-complete.done{background:#111}.sticky-action{margin-top:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.run{padding:12px 0;border-bottom:1px solid #e5e5e5}.run:last-child{border-bottom:0}.run-top{display:flex;justify-content:space-between;gap:12px}.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase}.badge.pending{background:#efefef}.badge.approved{background:#e1f1e5;color:#276d43}.badge.flagged{background:#fde2e2;color:#9a2d2d}.review-panel{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:10px}.review-panel textarea{min-height:70px}.edit-head select{min-width:260px}.edit-row{display:grid;grid-template-columns:1.2fr 2fr auto auto;gap:8px;margin-bottom:10px}.staff-create-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.staff-create-grid label:nth-child(4){grid-column:1/-1}.staff-item{padding:12px 0;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;gap:12px}.staff-actions{display:flex;gap:8px;flex-wrap:wrap}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center;padding:20px;z-index:20}.modal-card{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:18px;position:relative}.modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.photo-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#111}.photo-caption{font-weight:750;margin-top:5px}.toast{position:fixed;right:18px;bottom:18px;background:#111;color:white;padding:12px 16px;border-radius:12px;z-index:30;max-width:360px}@media(max-width:760px){.topbar{height:74px}.shell{margin-top:10px}.userbar{align-items:flex-start;gap:12px;flex-direction:column}.checklist-head{flex-direction:column;align-items:stretch}.progress-wrap{width:100%;min-width:0}.task-actions{grid-template-columns:1fr}.edit-row{grid-template-columns:1fr}.staff-create-grid{grid-template-columns:1fr}.staff-create-grid label:nth-child(4){grid-column:auto}.staff-item{align-items:flex-start;flex-direction:column}.photo-grid{grid-template-columns:1fr}.review-panel{grid-template-columns:1fr}.tabs{width:100%}.tab{flex:1}.edit-head{align-items:flex-start;flex-direction:column}.edit-head select{width:100%;min-width:0}}


/* =========================
   BAROPS DARK MODE
   ========================= */

body.dark-mode {
  background: #0f0f10 !important;
  color: #f5f5f5 !important;
}

body.dark-mode .card,
body.dark-mode .panel,
body.dark-mode .task,
body.dark-mode .task-card,
body.dark-mode .modal,
body.dark-mode form {
  background: #18181b !important;
  color: #f5f5f5 !important;
  border-color: #333 !important;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background: #242428 !important;
  color: #fff !important;
  border-color: #444 !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: #aaa !important;
}

body.dark-mode button {
  border-color: #444;
}

.theme-toggle {
  cursor: pointer;
  border: 1px solid #ddd;
  background: transparent;
  border-radius: 20px;
  padding: 7px 12px;
  font-size: 18px;
  line-height: 1;
}

body.dark-mode .theme-toggle {
  border-color: #555;
  color: #fff;
}