.dashboard-view{overflow:auto}.view-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.view-header h1{font-size:clamp(36px,5vw,68px);line-height:.95;letter-spacing:-.055em;margin:8px 0}.view-header p{color:var(--muted);max-width:720px;margin:0}.section-label{font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--accent)}.view-counter{border:1px solid var(--border);background:var(--surface);padding:12px 16px;font-weight:800;white-space:nowrap}.view-toolbar{display:grid;grid-template-columns:1fr 220px;gap:12px;margin-bottom:16px}.view-toolbar input,.view-toolbar select,.employee-form input,.employee-form select{width:100%;border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:13px 14px;font:inherit}.directory-panel{background:var(--surface);border:1px solid var(--border);padding:22px}.view-state{color:var(--muted);padding:12px 0}.object-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.object-card{border-top:3px solid var(--ink);background:var(--background);padding:15px;min-height:132px}.object-card strong{display:block;font-size:15px;line-height:1.35;margin:9px 0}.object-card p{color:var(--muted);font-size:13px;margin:0}.source-tag,.role-tag{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.source-tag.beds{background:#d7e95c;color:#102b2d}.source-tag.google{background:#dbe8ff;color:#24466f}.employee-layout{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(420px,1.25fr);gap:16px}.view-section-title{margin-bottom:18px}.view-section-title h2{margin:0 0 5px}.view-section-title p{color:var(--muted);margin:0}.employee-form{display:grid;gap:14px}.employee-form label{font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.employee-form input,.employee-form select{margin-top:7px}.password-row{display:grid;grid-template-columns:1fr auto;gap:7px}.password-row button{border:1px solid var(--ink);background:transparent;color:var(--ink);font-weight:800;padding:0 12px;cursor:pointer}.form-message{min-height:22px;color:var(--muted);margin:0}.form-message.success{color:#18734a}.form-message.error{color:#b02c1c}.employee-list{display:grid;gap:8px}.employee-card{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:12px 0}.employee-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:white;font-weight:900}.employee-card strong{display:block}.employee-card p{color:var(--muted);font-size:12px;margin:3px 0 0}.role-tag.hausmaster{background:#ffe0d7;color:#8a2d1b}.role-tag.cleaner{background:#d7e95c;color:#304000}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.report-metrics article{background:var(--ink);color:white;padding:20px}.report-metrics span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.report-metrics strong{font-size:42px}.status-report{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.status-report div{background:var(--background);padding:17px}.status-report span{display:block;color:var(--muted);font-size:12px}.status-report strong{font-size:30px}@media(max-width:1050px){.object-grid{grid-template-columns:repeat(2,1fr)}.employee-layout{grid-template-columns:1fr}.report-metrics{grid-template-columns:1fr 1fr}.status-report{grid-template-columns:1fr 1fr}}@media(max-width:680px){.view-header{display:block}.view-counter{display:inline-block;margin-top:15px}.view-toolbar,.object-grid{grid-template-columns:1fr}.report-metrics,.status-report{grid-template-columns:1fr 1fr}.employee-card{grid-template-columns:42px 1fr}.employee-card .role-tag{grid-column:2}.password-row{grid-template-columns:1fr}}
.task-create-modal{width:min(880px,calc(100% - 28px));max-height:92vh;overflow-y:auto;overscroll-behavior:contain}.task-create-modal form{display:grid;gap:16px}.task-create-modal .modal-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.task-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.task-create-grid .full{grid-column:1/-1}.task-create-grid label{display:grid;gap:7px}.task-create-grid label>small{color:var(--muted);font-weight:500;text-transform:none;letter-spacing:0}.task-address-section{display:grid;gap:10px;padding:16px;border:1px solid var(--border);background:#f8f6f0}.task-address-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.task-address-head strong,.task-address-head small{display:block}.task-address-head small{margin-top:4px;color:var(--muted);font-size:11px}.task-selected-address{display:grid;gap:4px;padding:12px 14px;border-left:4px solid #24775b;background:#e9f4ef;color:#173f33}.task-selected-address span{font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.task-selected-address strong{font-size:13px;line-height:1.4}.compact-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:8px!important;text-transform:none!important;letter-spacing:0!important}.compact-check input{width:auto!important;margin:0!important}.manual-check{padding-top:3px}.task-create-modal select[size]{min-height:128px}.task-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.table-action.cancel{color:#a34331}.status-cancelled{background:#e5e2dc!important;color:#686c69!important}@media(max-width:680px){.task-create-modal{width:100%;height:100vh;max-height:100vh}.task-create-grid{grid-template-columns:1fr}.task-create-grid .full{grid-column:1}.task-address-head{display:grid}}

.review-nav-badge {
  margin-left: auto;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 .42rem;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: #d8523f;
  color: #fff;
  font-size: .68rem;
  line-height: 1;
  font-weight: 900;
}

.review-routing {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .7rem;
  align-items: end;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #f7f3e9;
}

.review-routing[hidden] { display: none; }
.review-routing label { display: grid; gap: .45rem; }
.review-routing small { grid-column: 1 / -1; color: var(--muted); }

@media (max-width: 680px) {
  .review-routing { grid-template-columns: 1fr; }
  .review-routing .button { width: 100%; }
}

.analytics-toolbar { display: flex; gap: .6rem; align-items: center; }
.analytics-toolbar select { min-width: 130px; border: 1px solid var(--line); border-radius: 10px; padding: .72rem; background: #fff; color: var(--ink); font: inherit; }
.report-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.report-metrics article { min-height: 128px; }
.report-metrics article small { display: block; margin-top: .45rem; color: var(--muted); font-size: .67rem; line-height: 1.35; }
.analytics-layout { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(280px, .7fr); gap: 1rem; }
.analytics-wide { min-width: 0; }
.trend-chart { display: flex; align-items: end; gap: clamp(.25rem, 1vw, .8rem); min-height: 230px; padding-top: 1rem; overflow-x: auto; }
.trend-day { flex: 1 0 34px; display: grid; grid-template-rows: 180px auto; gap: .55rem; text-align: center; }
.trend-bars { display: flex; align-items: end; justify-content: center; gap: 3px; border-bottom: 1px solid var(--line); }
.trend-bars i { width: min(12px, 38%); min-height: 2px; border-radius: 4px 4px 0 0; }
.trend-bars .accepted { background: #24775b; }
.trend-bars .rework { background: #d8523f; }
.trend-day span { color: var(--muted); font-size: .62rem; white-space: nowrap; }
.analytics-alerts { display: grid; gap: .55rem; }
.analytics-alert { width: 100%; display: grid; gap: .28rem; padding: .85rem; border: 1px solid rgba(216,82,63,.25); border-radius: 12px; background: #fff8f5; color: var(--ink); text-align: left; cursor: pointer; }
.analytics-alert:hover { border-color: #d8523f; transform: translateY(-1px); }
.analytics-alert span { font-weight: 900; }
.analytics-alert strong { color: #d8523f; font-size: .72rem; }
.analytics-alert small { color: var(--muted); font-size: .65rem; line-height: 1.35; }
.success-state { color: #24775b; }
.analytics-table-wrap { overflow-x: auto; }
.analytics-table { width: 100%; border-collapse: collapse; font-size: .76rem; }
.analytics-table th { padding: .7rem; border-bottom: 1px solid var(--line); color: var(--muted); font-size: .62rem; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }
.analytics-table td { padding: .78rem .7rem; border-bottom: 1px solid var(--line); }
.analytics-table tbody tr:hover { background: #f8f5ed; }

@media (max-width: 1050px) {
  .report-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .analytics-layout { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .analytics-toolbar { width: 100%; align-items: stretch; }
  .analytics-toolbar select, .analytics-toolbar .button { flex: 1; min-width: 0; }
  .report-metrics { grid-template-columns: 1fr 1fr; }
  .report-metrics article { min-height: 105px; }
}

.system-status-panel { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; padding: 1rem; border: 1px solid var(--line); border-radius: 18px; background: #fff; }
.system-status-panel.healthy { border-color: rgba(36,119,91,.35); }
.system-status-panel.attention { border-color: rgba(216,82,63,.45); }
.system-status-panel article { display: grid; gap: .35rem; min-height: 105px; align-content: center; padding: 1rem; border-radius: 14px; background: #f6f3eb; }
.system-status-panel span { color: var(--muted); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.system-status-panel strong { font-size: 1.05rem; }
.system-status-panel small { color: var(--muted); font-size: .68rem; }
.system-grid { display: grid; grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); gap: 1rem; }
.system-backup-panel { align-self: start; }
.system-backup-panel > small { display: block; margin-top: 1rem; color: var(--muted); line-height: 1.5; }
.backup-summary { display: grid; gap: .4rem; margin-bottom: 1rem; padding: 1rem; border-radius: 12px; background: #f6f3eb; }
.backup-summary span, .backup-summary small { color: var(--muted); font-size: .7rem; }
.backup-summary em { color: #a32f20; font-size: .72rem; font-style: normal; }
.system-errors { display: grid; gap: .55rem; max-height: 480px; overflow: auto; }
.system-errors article { padding: .8rem; border: 1px solid rgba(216,82,63,.2); border-radius: 10px; background: #fff8f5; }
.system-errors strong { font-size: .72rem; }
.system-errors p { margin: .35rem 0; color: var(--muted); font-size: .7rem; line-height: 1.4; }
.system-errors small { color: #8a9593; font-size: .62rem; }

@media (max-width: 1000px) {
  .system-status-panel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .system-grid { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .system-status-panel { grid-template-columns: 1fr; }
}