:root {
  --apple-bg: #f5f5f7;
  --apple-card: rgba(255, 255, 255, .88);
  --apple-card-strong: rgba(255, 255, 255, .96);
  --apple-ink: #1d1d1f;
  --apple-muted: #6e6e73;
  --apple-line: rgba(60, 60, 67, .16);
  --apple-blue: #007aff;
  --apple-green: #34c759;
  --apple-orange: #ff9500;
  --apple-red: #ff3b30;
  --apple-purple: #af52de;
  --apple-shadow: 0 18px 46px rgba(0, 0, 0, .10);
}

body.apple-ui {
  color: var(--apple-ink);
  background:
    radial-gradient(circle at 14% 0%, rgba(0, 122, 255, .12), transparent 28%),
    radial-gradient(circle at 94% 8%, rgba(255, 149, 0, .12), transparent 24%),
    radial-gradient(circle at 88% 92%, rgba(52, 199, 89, .10), transparent 30%),
    var(--apple-bg);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, Arial, sans-serif;
}

body.apple-ui * { letter-spacing: 0; }
body.apple-ui .app { background: transparent; }

body.apple-ui .topbar {
  border: 0;
  background: rgba(245, 245, 247, .82);
  backdrop-filter: blur(22px);
  box-shadow: 0 1px 0 var(--apple-line);
}

body.apple-ui .brand-logo,
body.apple-ui .brand img {
  border: 0;
  border-radius: 16px;
  padding: 0;
  background: #fff;
  object-fit: cover;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}

body.apple-ui h1,
body.apple-ui h2,
body.apple-ui h3 {
  color: var(--apple-ink);
  font-weight: 780;
}

body.apple-ui .sub,
body.apple-ui .today,
body.apple-ui .date-pill,
body.apple-ui .title,
body.apple-ui .section-title,
body.apple-ui .group-title {
  color: var(--apple-muted);
  text-transform: none;
}

body.apple-ui .today,
body.apple-ui .date-pill {
  border: 1px solid var(--apple-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .05);
}

body.apple-ui input,
body.apple-ui select,
body.apple-ui textarea {
  border: 1px solid var(--apple-line);
  border-radius: 14px;
  background: rgba(255, 255, 255, .92);
  color: var(--apple-ink);
}

body.apple-ui input:focus,
body.apple-ui select:focus,
body.apple-ui textarea:focus {
  border-color: var(--apple-blue);
  box-shadow: 0 0 0 4px rgba(0, 122, 255, .12);
}

body.apple-ui .button,
body.apple-ui .btn,
body.apple-ui .chip,
body.apple-ui .sort-button,
body.apple-ui .mini-button {
  border: 1px solid var(--apple-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  color: var(--apple-ink);
  box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
}

body.apple-ui .button.primary,
body.apple-ui .btn.primary,
body.apple-ui .primary,
body.apple-ui .greenBtn {
  border-color: #1d1d1f;
  background: #1d1d1f;
  color: #fff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

body.apple-ui .button.danger,
body.apple-ui .danger {
  border-color: var(--apple-red);
  background: rgba(255, 59, 48, .12);
  color: #c91f17;
}

body.apple-ui .metric,
body.apple-ui .quick button,
body.apple-ui .hero,
body.apple-ui .tools,
body.apple-ui .list-tools,
body.apple-ui .recent,
body.apple-ui .payroll-card,
body.apple-ui .payroll-entry,
body.apple-ui .report-card,
body.apple-ui .activity-entry,
body.apple-ui .team-entry {
  border: 1px solid var(--apple-line);
  border-radius: 20px;
  background: var(--apple-card);
  box-shadow: var(--apple-shadow);
}

body.apple-ui .metric { border-top-width: 1px; }
body.apple-ui .metric strong,
body.apple-ui .quick strong { color: var(--apple-ink); font-weight: 780; }
body.apple-ui .metric span,
body.apple-ui .quick span,
body.apple-ui .recent span { color: var(--apple-muted); }

body.apple-ui .filters,
body.apple-ui .tabs { scrollbar-width: thin; }
body.apple-ui .filters .chip,
body.apple-ui .tabs button { box-shadow: none; }

body.apple-ui .filters .chip.active,
body.apple-ui .tabs .active,
body.apple-ui .quick .active,
body.apple-ui .sort-button.active {
  border-color: #1d1d1f;
  background: #1d1d1f;
  color: #fff;
}

body.apple-ui .card,
body.apple-ui .house {
  border: 1px solid var(--apple-line);
  border-radius: 22px;
  background: var(--apple-card-strong);
  box-shadow: var(--apple-shadow);
}

body.apple-ui .house:before {
  width: 7px;
  border-radius: 22px 0 0 22px;
}

body.apple-ui .card.active,
body.apple-ui .house.active { background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(52,199,89,.13)); }
body.apple-ui .card.preview,
body.apple-ui .house.preview { background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,149,0,.14)); }
body.apple-ui .card.upcoming,
body.apple-ui .house.upcoming { background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(175,82,222,.12)); }
body.apple-ui .card.scheduled,
body.apple-ui .house.scheduled { background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(0,122,255,.12)); }
body.apple-ui .card.warning,
body.apple-ui .house.warning { background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,149,0,.18)); }

body.apple-ui .datebox {
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 18px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 8px 20px rgba(0,0,0,.07);
}

body.apple-ui .datebox span,
body.apple-ui .datebox small {
  color: var(--apple-muted);
  text-transform: none;
}

body.apple-ui .tag {
  border-radius: 999px;
  background: rgba(118, 118, 128, .12);
  color: var(--apple-muted);
}

body.apple-ui .tag.green { color: #08783f; background: rgba(52,199,89,.16); }
body.apple-ui .tag.blue { color: #0069d9; background: rgba(0,122,255,.14); }
body.apple-ui .tag.purple { color: #8d30bf; background: rgba(175,82,222,.14); }
body.apple-ui .tag.gold,
body.apple-ui .tag.orange { color: #a15c00; background: rgba(255,149,0,.16); }
body.apple-ui .tag.red { color: #bf2018; background: rgba(255,59,48,.14); }

body.apple-ui .detail,
body.apple-ui .field,
body.apple-ui .workItem,
body.apple-ui .work-item {
  border: 1px solid var(--apple-line);
  border-radius: 18px;
  background: rgba(255,255,255,.82);
}

body.apple-ui .detail span,
body.apple-ui .field label {
  color: var(--apple-muted);
  text-transform: none;
}

body.apple-ui .drawer,
body.apple-ui .modal {
  border-top: 1px solid rgba(255,255,255,.72);
  border-radius: 26px 26px 0 0;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(24px);
  box-shadow: 0 -22px 54px rgba(0,0,0,.18);
}

body.apple-ui .close {
  border: 0;
  background: rgba(118,118,128,.13);
  color: var(--apple-muted);
}

body.apple-ui .estimate,
body.apple-ui .work-estimate,
body.apple-ui .total,
body.apple-ui .work-total { border-radius: 16px; }
body.apple-ui .toast { border-radius: 999px; background: rgba(29,29,31,.94); }

@media (min-width: 720px) {
  body.apple-ui { padding: 22px 0; }
  body.apple-ui .app {
    border: 1px solid var(--apple-line);
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(0, 0, 0, .12);
  }
}

@media (min-width: 981px) {
  body.apple-manager .app { max-width: 1180px; }
  body.apple-manager main { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 560px) {
  body.apple-ui .topbar { padding-left: 14px; padding-right: 14px; }
  body.apple-ui .card,
  body.apple-ui .house { border-radius: 20px; }
  body.apple-ui .quick button { min-height: 58px; }
}