:root {
  --bg: #f4f5f2;
  --surface: #ffffff;
  --surface-2: #f8f9f7;
  --ink: #17201d;
  --muted: #6c7571;
  --line: #e1e6e2;
  --green: #087d58;
  --green-dark: #14523f;
  --green-soft: #e3f4eb;
  --blue-soft: #e7efff;
  --blue: #3c67c4;
  --amber-soft: #fff2dc;
  --amber: #a36912;
  --red-soft: #fdeceb;
  --red: #b44945;
  --shadow: 0 18px 45px rgba(25, 46, 38, 0.07);
}

* { box-sizing: border-box; }
body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--ink);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
button, input, select, textarea { font: inherit; }
button { color: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 0; font-size: clamp(27px, 3.6vw, 42px); letter-spacing: -.045em; }
h2 { margin-bottom: 8px; font-size: clamp(24px, 3vw, 34px); letter-spacing: -.035em; }
h3 { margin-bottom: 6px; font-size: 18px; }

.app-shell { display: grid; grid-template-columns: 245px minmax(0, 1fr); min-height: 100vh; }
.sidebar {
  position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column;
  padding: 24px 18px; background: #173d32; color: white;
}
.brand { display: flex; align-items: center; gap: 11px; padding: 6px 8px 28px; }
.brand-mark {
  display: grid; place-items: center; width: 40px; height: 40px; border-radius: 13px;
  background: #78deb6; color: #103c2f; font-size: 21px; font-weight: 900;
}
.brand strong, .brand span { display: block; }
.brand span { margin-top: 2px; color: rgba(255,255,255,.55); font-size: 12px; }
.main-nav { display: grid; gap: 6px; }
.nav-item {
  display: flex; gap: 12px; align-items: center; width: 100%; min-height: 46px; padding: 10px 13px;
  border: 0; border-radius: 12px; background: transparent; color: rgba(255,255,255,.67);
  cursor: pointer; font-weight: 720; text-align: left;
}
.nav-item:hover, .nav-item.active { background: rgba(255,255,255,.1); color: white; }
.nav-icon { display: grid; place-items: center; width: 24px; font-size: 18px; }
.privacy-note {
  display: flex; gap: 10px; align-items: center; margin-top: auto; padding: 14px;
  border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(255,255,255,.06);
}
.privacy-dot { width: 9px; height: 9px; border-radius: 50%; background: #78deb6; box-shadow: 0 0 0 5px rgba(120,222,182,.12); }
.privacy-note strong, .privacy-note span { display: block; }
.privacy-note strong { font-size: 12px; }
.privacy-note span { margin-top: 3px; color: rgba(255,255,255,.52); font-size: 11px; }

.workspace { min-width: 0; padding: 26px clamp(18px, 4vw, 52px) 60px; }
.topbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.kicker { margin-bottom: 5px; color: var(--green); font-size: 11px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.today { padding: 9px 13px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); color: var(--muted); font-size: 13px; font-weight: 700; }
.view { display: none; }
.view.active { display: block; }

.primary {
  flex: 0 0 auto; min-height: 46px; padding: 11px 17px; border: 0; border-radius: 12px;
  background: #78deb6; color: #103c2f; cursor: pointer; font-weight: 850;
}
.primary.small { min-height: 40px; padding: 9px 13px; }
.secondary {
  min-height: 42px; padding: 9px 13px; border: 1px solid var(--line); border-radius: 10px;
  background: white; color: var(--muted); cursor: pointer; font-weight: 800;
}
.secondary.small { min-height: 40px; }
.section-head, .card-head, .page-intro.row {
  display: flex; align-items: end; justify-content: space-between; gap: 20px;
}
.section-head { margin: 34px 0 13px; }
.section-head h2, .card-head h3 { margin-bottom: 0; }
.text-button, .back-button {
  padding: 7px 0; border: 0; background: transparent; color: var(--green); cursor: pointer; font-weight: 800;
}
.back-button { margin-bottom: 18px; }

.month-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.month-grid.large { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.month-card {
  position: relative; overflow: hidden; padding: 22px; border: 1px solid var(--line); border-radius: 18px;
  background: var(--surface); cursor: pointer; transition: transform .18s ease, box-shadow .18s ease;
}
.month-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.month-card::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--green); }
.month-card.pending::after { background: var(--amber); }
.month-card-head { display: flex; align-items: start; justify-content: space-between; gap: 10px; margin-bottom: 22px; }
.month-card h3 { font-size: 23px; }
.month-card p { margin-bottom: 0; color: var(--muted); font-size: 13px; }
.status-pill, .count-pill {
  display: inline-flex; padding: 6px 9px; border-radius: 999px; background: var(--green-soft); color: var(--green);
  font-size: 11px; font-weight: 850;
}
.status-pill.pending { background: var(--amber-soft); color: var(--amber); }
.month-card-numbers { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.month-card-numbers div { padding: 12px; border-radius: 12px; background: var(--surface-2); }
.month-card-numbers span, .month-card-numbers strong { display: block; }
.month-card-numbers span { color: var(--muted); font-size: 11px; }
.month-card-numbers strong { margin-top: 5px; font-size: 16px; }

.dashboard-cards { display: grid; grid-template-columns: 1.2fr .8fr; gap: 14px; }
.dashboard-card { min-height: 190px; }
.clean-card { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.card-head { margin-bottom: 16px; }
.person-row, .quick-doc {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0;
  border-top: 1px solid var(--line);
}
.person-main { display: flex; align-items: center; gap: 11px; }
.avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: var(--green-soft); color: var(--green); font-weight: 900; }
.person-row strong, .person-row span, .quick-doc strong, .quick-doc span { display: block; }
.person-row span, .quick-doc span { margin-top: 3px; color: var(--muted); font-size: 12px; }
.rate { padding: 5px 8px; border-radius: 8px; background: var(--surface-2); color: var(--muted); font-size: 11px; font-weight: 800; }
.person-link { width: 100%; border-right: 0; border-bottom: 0; border-left: 0; background: transparent; cursor: pointer; text-align: left; }
.quick-section { width: 100%; color: inherit; cursor: pointer; text-align: left; }
.quick-section p { max-width: 380px; color: var(--muted); line-height: 1.5; }
.round-arrow { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--green-soft); color: var(--green); font-size: 20px; }
.document-count { margin-top: 20px; color: var(--green); font-size: 13px; font-weight: 850; }
.home-timesheet-head {
  display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 13px;
}
.home-timesheet-head h2 { margin-bottom: 5px; }
.home-timesheet-head p:last-child { margin: 0; color: var(--muted); font-size: 13px; }
.home-timesheet-wrap { margin-bottom: 28px; }
.home-timesheet-card { padding-top: 8px; padding-bottom: 8px; }
.home-sheet-row {
  display: flex; align-items: center; justify-content: space-between; gap: 18px; width: 100%; padding: 14px 0;
  border: 0; border-top: 1px solid var(--line); background: transparent; cursor: pointer; text-align: left;
}
.home-sheet-row:first-child { border-top: 0; }
.home-sheet-row strong, .home-sheet-row span { display: block; }
.home-sheet-row .person-main span { margin-top: 4px; color: var(--muted); font-size: 12px; }
.home-sheet-stats { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.home-sheet-stats > span { padding: 7px 9px; border-radius: 9px; background: var(--surface-2); color: var(--muted); font-size: 11px; }
.home-sheet-stats b { display: inline; margin-right: 3px; color: var(--ink); }
.home-sheet-stats small { color: var(--muted); }

.payment-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.payment-card { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.payment-card-head { display: flex; align-items: center; gap: 12px; }
.payment-card-head h3 { margin-bottom: 0; font-size: 20px; }
.payment-icon { display: grid; place-items: center; flex: 0 0 auto; width: 44px; height: 44px; border-radius: 13px; background: var(--green-soft); color: var(--green); font-size: 18px; font-weight: 900; }
.payment-icon.amber { background: var(--amber-soft); color: var(--amber); font-size: 12px; }
.payment-note { margin: 16px 0; color: var(--muted); line-height: 1.5; }
.requisite-list { margin: 0; }
.requisite-list div { display: grid; grid-template-columns: 135px 1fr; gap: 12px; padding: 9px 0; border-top: 1px solid var(--line); }
.requisite-list dt { color: var(--muted); font-size: 11px; font-weight: 750; }
.requisite-list dd { margin: 0; overflow-wrap: anywhere; font-size: 12px; font-weight: 780; }
.notice { margin-top: 14px; padding: 11px 12px; border-radius: 11px; background: var(--surface-2); color: var(--muted); font-size: 11px; line-height: 1.45; }
.notice.warning { background: var(--amber-soft); color: #805610; }
.source-link { display: inline-flex; margin-top: 13px; color: var(--green); font-size: 12px; font-weight: 850; text-decoration: none; }

.page-intro { margin-bottom: 22px; }
.page-intro p { max-width: 650px; margin-bottom: 0; color: var(--muted); line-height: 1.5; }
.month-picker { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 750; }
select, input, textarea {
  min-height: 42px; padding: 9px 11px; border: 1px solid #ccd5cf; border-radius: 10px;
  background: white; color: var(--ink); outline: none;
}
select:focus, input:focus, textarea:focus { border-color: var(--green); box-shadow: 0 0 0 3px rgba(8,125,88,.1); }

.month-hero {
  display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 14px;
  padding: 25px; border-radius: 19px; background: #173d32; color: white;
}
.month-hero h2 { margin-bottom: 5px; color: white; }
.month-hero p { margin-bottom: 0; color: rgba(255,255,255,.62); }
.month-overview {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px;
  padding: 14px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface);
}
.month-overview > div { min-height: 88px; padding: 14px; border-radius: 13px; background: var(--surface-2); }
.month-overview span, .month-overview strong, .month-overview small { display: block; }
.month-overview span { color: var(--muted); font-size: 11px; }
.month-overview strong { margin-top: 8px; font-size: 20px; letter-spacing: -.025em; }
.month-overview small { margin-top: 5px; color: var(--muted); font-size: 10px; }
.payroll-guide {
  display: grid; grid-template-columns: auto 1fr; gap: 15px; align-items: center; margin-bottom: 14px;
  padding: 18px 20px; border: 1px solid #cfdcff; border-radius: 17px; background: var(--blue-soft);
}
.payroll-guide-mark {
  display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px;
  background: white; color: var(--blue); font-size: 18px; font-weight: 900;
}
.payroll-guide h3 { margin-bottom: 5px; }
.payroll-guide p:last-child { margin-bottom: 0; color: #53647d; font-size: 12px; line-height: 1.5; }
.month-sections { display: grid; grid-template-columns: 1.15fr .85fr; gap: 14px; }
.month-panel { padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.tax-panel { align-self: start; overflow: hidden; transition: border-color .2s ease, background .2s ease; }
.tax-panel-summary {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  cursor: pointer; list-style: none;
}
.tax-panel-summary::-webkit-details-marker { display: none; }
.tax-panel-summary h3 { margin: 2px 0 0; }
.tax-panel-status {
  padding: 8px 10px; border-radius: 10px; background: var(--amber-soft);
  color: var(--amber); font-size: 10px; font-weight: 900; white-space: nowrap;
}
.tax-panel-status.done { background: white; color: var(--green-dark); }
.tax-compact-totals { display: flex; align-items: center; justify-content: center; gap: 8px; margin-left: auto; }
.tax-compact-totals span {
  padding: 7px 9px; border: 1px solid #bfe5d4; border-radius: 9px;
  background: rgba(255,255,255,.72); color: var(--muted); font-size: 9px; font-weight: 800;
}
.tax-compact-totals strong { display: block; margin-top: 2px; color: var(--green-dark); font-size: 12px; }
.tax-panel-body { padding-top: 16px; }
.tax-toolbar { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.tax-panel.completed { border-color: #8fd1b5; background: linear-gradient(135deg, #e7f8f0, #f7fcf9); }
.tax-panel.completed .tax-panel-summary { min-height: 54px; }
.tax-panel.completed[open] .tax-panel-body { border-top: 1px solid #bfe5d4; }
.periods-column { display: grid; gap: 14px; align-content: start; }
.period-panel { border: 1px solid var(--line); border-radius: 18px; background: var(--surface); overflow: hidden; }
.period-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 20px; cursor: pointer; list-style: none; }
.period-heading::-webkit-details-marker { display: none; }
.period-body { padding: 0 20px 20px; }
.period-heading h3 { margin-bottom: 0; font-size: 23px; }
.period-summary-side { display: flex; align-items: center; gap: 10px; }
.period-status { padding: 7px 9px; border-radius: 9px; background: var(--amber-soft); color: var(--amber); font-size: 10px; font-weight: 900; }
.period-status.done { background: var(--green-soft); color: var(--green); }
.period-saved { padding: 7px 9px; border-radius: 9px; background: var(--surface-2); color: var(--muted); font-size: 11px; font-weight: 850; }
.summary-chevron { color: var(--green); font-size: 21px; transition: transform .2s ease; }
.period-panel[open] .summary-chevron { transform: rotate(180deg); }
.pay-date { padding: 7px 9px; border-radius: 9px; background: var(--green-soft); color: var(--green); font-size: 11px; font-weight: 850; }
.period-employee { padding: 15px 0; border-top: 1px solid var(--line); }
.period-person strong, .period-person span { display: block; }
.period-person strong { font-size: 15px; }
.worked-badge { width: fit-content; margin-top: 6px; padding: 5px 8px; border-radius: 8px; background: var(--green-soft); color: var(--green); font-size: 11px; font-weight: 850; }
.accrual-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
.accrual-strip > div { padding: 11px; border-radius: 11px; background: var(--surface-2); }
.accrual-strip .net-value { background: var(--green-soft); }
.accrual-strip span, .accrual-strip strong { display: block; }
.accrual-strip span { color: var(--muted); font-size: 10px; }
.accrual-strip strong { margin-top: 5px; font-size: 15px; }
.target-pay-card { margin-top: 10px; padding: 13px; border: 1px solid #f2d69f; border-radius: 12px; background: #fff8e9; }
.target-pay-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.target-pay-title span, .target-pay-title strong { display: block; }
.target-pay-title span { color: var(--amber); font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.target-pay-title strong { margin-top: 3px; font-size: 13px; }
.target-pay-title b { color: #7b5313; font-size: 15px; }
.target-pay-card p { margin: 10px 0 0; color: #80622e; font-size: 9px; line-height: 1.45; }
.target-pay-card.compact { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; }
.target-pay-card.compact span { color: #80622e; font-size: 10px; font-weight: 750; }
.target-pay-card.compact b { white-space: nowrap; color: #7b5313; font-size: 13px; }
.actual-payment { display: grid; grid-template-columns: 1fr 155px; gap: 9px; margin-top: 10px; }
.actual-payment label { display: grid; gap: 5px; color: var(--muted); font-size: 10px; font-weight: 750; }
.completion-button {
  grid-column: 1 / -1; min-height: 38px; border: 1px solid #ccd5cf; border-radius: 10px;
  background: var(--surface-2); color: var(--muted); cursor: pointer; font-size: 11px; font-weight: 900;
}
.completion-button.done { border-color: #94cbb5; background: var(--green-soft); color: var(--green); }
.month-note { margin: 0; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.simple-row {
  display: grid; grid-template-columns: minmax(160px, 1fr) 125px 140px; gap: 10px; align-items: end;
  padding: 15px 0; border-top: 1px solid var(--line);
}
.simple-row label, .tax-row label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 750; }
.simple-row .employee-cell strong, .simple-row .employee-cell span { display: block; }
.simple-row .employee-cell span { margin-top: 4px; color: var(--muted); font-size: 12px; }
.tax-card-grid { display: grid; gap: 10px; margin-top: 4px; }
.tax-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.calculation-basis, .calculation-empty { margin-bottom: 12px; padding: 12px; border-radius: 12px; font-size: 11px; line-height: 1.45; }
.calculation-basis { background: var(--green-soft); color: var(--green-dark); }
.calculation-basis span, .calculation-basis strong { display: block; }
.calculation-basis strong { margin-top: 4px; }
.calculation-empty { background: var(--amber-soft); color: #805610; }
.payment-totals { display: grid; grid-template-columns: 1.15fr .85fr; gap: 9px; margin-bottom: 10px; }
.payment-totals > div { padding: 14px; border-radius: 13px; }
.ens-total { background: #173d32; color: white; }
.sfr-total { border: 1px solid #f2d69f; background: #fff8e9; color: #7b5313; }
.payment-totals span, .payment-totals strong, .payment-totals small { display: block; }
.payment-totals span { font-size: 10px; font-weight: 850; }
.payment-totals strong { margin-top: 6px; font-size: 22px; letter-spacing: -.025em; }
.payment-totals small { margin-top: 5px; opacity: .75; font-size: 9px; line-height: 1.4; }
.payment-instruction { margin-bottom: 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); overflow: hidden; }
.payment-instruction summary { padding: 13px 14px; cursor: pointer; color: var(--green); font-size: 12px; font-weight: 900; list-style-position: inside; }
.instruction-body { padding: 0 14px 14px; color: var(--muted); font-size: 11px; line-height: 1.55; }
.instruction-body h4 { margin: 12px 0 6px; color: var(--ink); font-size: 12px; }
.instruction-body ol { margin: 0; padding-left: 20px; }
.instruction-body li + li { margin-top: 5px; }
.instruction-body p { margin: 0; }
.instruction-warning { margin-top: 10px; padding: 10px; border-radius: 9px; background: var(--blue-soft); color: #53647d; }
.instruction-requisites { margin: 9px 0 0; padding: 10px; border-radius: 10px; background: var(--surface-2); }
.instruction-requisites div { display: grid; grid-template-columns: 88px 1fr; gap: 8px; padding: 5px 0; border-top: 1px solid var(--line); }
.instruction-requisites div:first-child { border-top: 0; }
.instruction-requisites dt { font-weight: 850; }
.instruction-requisites dd { margin: 0; overflow-wrap: anywhere; color: var(--ink); font-weight: 750; }
.tax-card {
  display: grid; grid-template-columns: minmax(150px, 1fr) 135px 105px 125px; gap: 10px; align-items: end;
  padding: 15px; border: 1px solid transparent; border-radius: 14px;
}
.tax-ndfl { background: var(--blue-soft); border-color: #cfdcff; }
.tax-insurance { background: var(--green-soft); border-color: #c9e9db; }
.tax-injury { background: var(--amber-soft); border-color: #f4dfb9; }
.tax-card-top { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: 11px; font-weight: 850; }
.tax-card-top small {
  margin-left: auto; padding: 5px 8px; border-radius: 8px; background: rgba(255,255,255,.65);
  color: var(--muted); font-size: 10px; font-weight: 800;
}
.tax-ndfl .tax-card-top { color: var(--blue); }
.tax-insurance .tax-card-top { color: var(--green); }
.tax-injury .tax-card-top { color: var(--amber); }
.tax-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.tax-cell strong, .tax-cell span, .tax-due strong, .tax-due span { display: block; }
.tax-cell span, .tax-due span { margin-top: 4px; color: var(--muted); font-size: 11px; }
.tax-due strong { margin-top: 3px; font-size: 21px; letter-spacing: -.025em; }
.note-field { display: grid; gap: 6px; margin-top: 14px; color: var(--muted); font-size: 11px; font-weight: 750; }
.month-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 16px; }
.complete-taxes:disabled { cursor: not-allowed; opacity: .45; }

.legend { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 13px; color: var(--muted); font-size: 12px; }
.legend span { display: flex; align-items: center; gap: 6px; }
.legend i { width: 11px; height: 11px; border-radius: 4px; background: var(--line); }
.legend .worked { background: #72d7ad; }
.legend .off { background: #dfe4e1; }
.legend .leave { background: #f6c86f; }
.timesheet-actions { display: flex; align-items: end; gap: 10px; }
.new-timesheet {
  display: grid; grid-template-columns: minmax(180px, 1fr) 180px auto auto; gap: 10px; align-items: center;
  margin-bottom: 14px; padding: 14px; border: 1px solid #c9e9db; border-radius: 14px; background: var(--green-soft);
}
.new-timesheet strong, .new-timesheet span { display: block; }
.new-timesheet span { margin-top: 3px; color: var(--muted); font-size: 11px; }
.timesheet-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.timesheet-grid { min-width: 860px; }
.sheet-row { display: grid; grid-template-columns: 190px repeat(var(--days), minmax(31px, 1fr)); }
.sheet-row + .sheet-row { border-top: 1px solid var(--line); }
.sheet-name { position: sticky; left: 0; z-index: 2; padding: 12px; background: white; font-size: 12px; font-weight: 800; }
.sheet-day {
  display: grid; place-items: center; min-height: 46px; padding: 0; border: 0; border-left: 1px solid var(--line);
  background: white; cursor: pointer; font-size: 11px; font-weight: 800;
}
.sheet-day.header { min-height: 38px; background: var(--surface-2); color: var(--muted); cursor: default; }
.sheet-day.worked { background: #dff5eb; color: var(--green-dark); }
.sheet-day.off { background: #f0f2f1; color: #87908c; }
.sheet-day.leave { background: #fff0cf; color: #8a5e12; }
.sheet-total { margin-top: 13px; color: var(--muted); font-size: 12px; }

.filter-select { min-width: 190px; }
.employee-folders { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.employee-folder {
  display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 17px;
  border: 1px solid var(--line); border-radius: 15px; background: var(--surface); cursor: pointer; text-align: left;
}
.employee-folder.active { border-color: var(--green); background: #f5fbf8; box-shadow: 0 0 0 3px rgba(8,125,88,.07); }
.employee-folder strong, .employee-folder small { display: block; }
.employee-folder small { margin-top: 4px; color: var(--muted); font-size: 11px; }
.folder-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: var(--green-soft); color: var(--green); }
.documents-workspace { display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 18px; align-items: start; }
.document-sidebar { padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.document-sidebar-head { display: grid; gap: 12px; margin-bottom: 12px; }
.document-sidebar-head h3 { margin-bottom: 0; }
.add-leave-button {
  width: 100%; min-height: 42px; margin-bottom: 12px; border: 1px dashed #94cbb5; border-radius: 11px;
  background: var(--green-soft); color: var(--green); cursor: pointer; font-weight: 850;
}
.leave-form { display: grid; gap: 10px; margin-bottom: 14px; padding: 14px; border-radius: 13px; background: var(--surface-2); }
.leave-form h4 { margin: 0 0 3px; font-size: 14px; }
.leave-form label { display: grid; gap: 5px; color: var(--muted); font-size: 11px; font-weight: 750; }
.form-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.form-hint { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.45; }
.document-list { display: grid; gap: 8px; }
.document-item {
  width: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface);
  cursor: pointer; text-align: left;
}
.document-item.active { border-color: var(--green); box-shadow: 0 0 0 3px rgba(8,125,88,.08); }
.document-item strong, .document-item span { display: block; }
.document-item span { margin-top: 4px; color: var(--muted); font-size: 12px; }
.document-item .document-type { margin: 0 0 7px; color: var(--green); font-size: 9px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.empty-list { padding: 18px 8px; color: var(--muted); font-size: 12px; line-height: 1.5; text-align: center; }
.paper-stage { min-height: 650px; padding: 22px; border-radius: 18px; background: #e9ece8; overflow: auto; }
.paper {
  width: min(100%, 794px); min-height: 1123px; margin: 0 auto; padding: 78px 82px; background: white;
  box-shadow: 0 12px 35px rgba(24,42,35,.12); color: #111; font-family: "Times New Roman", serif;
}
.paper-toolbar { display: flex; justify-content: flex-end; width: min(100%, 794px); margin: 0 auto 10px; }
.download-button { padding: 9px 12px; border: 0; border-radius: 9px; background: var(--green); color: white; cursor: pointer; font-weight: 800; text-decoration: none; }
.paper h2 { margin: 0 0 22px; color: #111; font-family: "Times New Roman", serif; font-size: 20px; text-align: center; letter-spacing: .02em; text-transform: uppercase; }
.paper p { margin-bottom: 12px; font-size: 16px; line-height: 1.48; white-space: pre-wrap; }
.empty-paper { display: grid; place-items: center; align-content: center; min-height: 580px; color: #7d8681; text-align: center; }
.empty-paper span { font-size: 42px; }
.empty-paper h3 { margin: 15px 0 5px; }

.toast {
  position: fixed; right: 20px; bottom: 20px; z-index: 20; max-width: min(420px, calc(100% - 40px));
  padding: 13px 16px; border-radius: 11px; background: #17201d; color: white; box-shadow: var(--shadow);
}
.hidden { display: none !important; }

@media (max-width: 1050px) {
  .month-grid.large { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .month-sections, .documents-workspace { grid-template-columns: 1fr; }
  .month-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .document-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .app-shell { grid-template-columns: 1fr; }
  .sidebar { position: static; width: 100%; height: auto; padding: 12px; }
  .brand { padding-bottom: 12px; }
  .main-nav { grid-template-columns: repeat(4, 1fr); }
  .nav-item { justify-content: center; padding: 8px; font-size: 11px; }
  .nav-icon { display: none; }
  .privacy-note { display: none; }
  .workspace { padding: 18px 12px 45px; }
  .today { display: none; }
  .section-head, .page-intro.row, .month-hero { align-items: stretch; flex-direction: column; }
  .month-grid, .month-grid.large, .dashboard-cards, .payment-grid, .payment-totals, .employee-folders, .document-list { grid-template-columns: 1fr; }
  .timesheet-actions { align-items: stretch; flex-direction: column; }
  .new-timesheet { grid-template-columns: 1fr 1fr; }
  .new-timesheet > div, .new-timesheet input { grid-column: 1 / -1; }
  .home-sheet-row { align-items: flex-start; flex-direction: column; }
  .home-sheet-stats { justify-content: flex-start; }
  .requisite-list div { grid-template-columns: 105px 1fr; }
  .simple-row, .tax-card { grid-template-columns: 1fr 1fr; }
  .month-overview, .accrual-strip, .actual-payment { grid-template-columns: 1fr; }
  .payroll-guide { grid-template-columns: 1fr; }
  .target-pay-title { align-items: flex-start; flex-direction: column; }
  .tax-panel-summary { align-items: stretch; flex-direction: column; }
  .tax-compact-totals { justify-content: flex-start; margin-left: 0; }
  .tax-panel-status { width: fit-content; }
  .simple-row .employee-cell, .tax-card .tax-cell { grid-column: 1 / -1; }
  .paper-stage { padding: 8px; }
  .paper { min-height: auto; padding: 38px 24px; }
}

/* Premium organization shell */
:root {
  --premium: #c9a86a;
  --premium-soft: #f3ead8;
  --navy: #111a2b;
  --navy-2: #1b2840;
  --wb: #a82bc5;
  --wb-dark: #6d1387;
}
.login-screen { min-height: 100vh; display: grid; grid-template-columns: 1.15fr .85fr; background: #f5f1e9; }
.login-visual { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; padding: clamp(40px,8vw,120px); background: radial-gradient(circle at 80% 20%,#344767 0,transparent 38%),linear-gradient(145deg,#0d1524,#17243b 65%,#0f192b); color:white; }
.login-visual::after { content:""; position:absolute; right:-120px; bottom:-160px; width:440px; height:440px; border:1px solid rgba(201,168,106,.32); border-radius:50%; box-shadow:0 0 0 55px rgba(201,168,106,.04),0 0 0 110px rgba(201,168,106,.025); }
.login-monogram { position:relative; z-index:1; display:grid; place-items:center; width:66px; height:66px; border:1px solid rgba(255,255,255,.25); border-radius:22px; background:rgba(255,255,255,.07); color:#e8cf9d; font:800 20px Georgia,serif; }
.login-visual p { position:relative; z-index:1; margin:34px 0 12px; color:#d8bd87; font-size:12px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; }
.login-visual h1 { position:relative; z-index:1; max-width:720px; font:500 clamp(44px,6vw,82px)/.98 Georgia,serif; letter-spacing:-.045em; }
.login-visual > span { position:relative; z-index:1; max-width:520px; margin-top:24px; color:rgba(255,255,255,.58); font-size:16px; line-height:1.6; }
.login-card { align-self:center; width:min(440px,calc(100% - 48px)); margin:auto; padding:42px; border:1px solid #e5dccb; border-radius:28px; background:rgba(255,255,255,.86); box-shadow:0 30px 80px rgba(33,28,20,.1); backdrop-filter:blur(18px); }
.login-brand { margin-bottom:42px; color:var(--navy); font:800 20px Georgia,serif; }.login-brand span{color:#b89350;font:600 13px "Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.login-card h2{font:500 34px Georgia,serif;color:var(--navy)}.login-card>p{margin-bottom:28px;color:#7d766b}
.login-card label,.vault-editor label{display:grid;gap:7px;margin-bottom:15px;color:#5f5a52;font-size:12px;font-weight:800}
.login-card input,.vault-editor input,.vault-editor select,.vault-editor textarea{width:100%;padding:13px 14px;border:1px solid #ddd6c9;border-radius:12px;background:#fff;color:#1b2230;outline:none}
.login-card input:focus,.vault-editor input:focus,.vault-editor select:focus,.vault-editor textarea:focus{border-color:#b89558;box-shadow:0 0 0 3px rgba(184,149,88,.12)}
.login-button,.premium-button{min-height:46px;padding:11px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#c9aa70,#a98445);color:#fff;cursor:pointer;font-weight:850;box-shadow:0 10px 25px rgba(166,128,63,.18)}
.login-button{width:100%;margin-top:5px}.login-card small{display:block;margin-top:20px;color:#aaa195;text-align:center}.login-error{margin-top:14px;padding:10px;border-radius:10px;background:#fdeceb;color:#a33;font-size:12px}
.sidebar{background:linear-gradient(180deg,#101a2c,#15233a)}.brand-mark{width:43px;background:linear-gradient(135deg,#ddc08a,#a88446);color:#172137;font:800 13px Georgia,serif}.brand span{color:rgba(255,255,255,.48)}
.nav-divider{margin:19px 10px 6px;color:rgba(255,255,255,.34);font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.nav-item.active{background:rgba(201,168,106,.13);color:#f1d9aa}.nav-item.wb-nav.active{background:rgba(188,50,207,.16);color:#efb9f8}.nav-item.wb-nav .nav-icon{color:#e778f1;font-weight:900}
.topbar-actions{display:flex;align-items:center;gap:9px}.logout-button{padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:white;color:var(--muted);cursor:pointer;font-weight:750}
.org-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:40px;align-items:center;min-height:420px;padding:clamp(32px,5vw,70px);border-radius:28px;background:radial-gradient(circle at 80% 20%,#334865 0,transparent 38%),linear-gradient(145deg,#101a2b,#1c2b44);color:white;box-shadow:0 30px 70px rgba(13,24,42,.18)}
.org-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 60%,rgba(201,168,106,.08))}
.org-hero-copy,.org-seal{position:relative;z-index:1}.org-status{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.org-status i{width:7px;height:7px;border-radius:50%;background:#72d7ad;box-shadow:0 0 0 5px rgba(114,215,173,.12)}
.org-eyebrow{margin:40px 0 9px;color:#d9bd86;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.org-hero h2{max-width:760px;margin-bottom:18px;font:500 clamp(38px,5vw,66px)/1.02 Georgia,serif;letter-spacing:-.045em}.org-hero-copy>p:last-of-type{max-width:680px;color:rgba(255,255,255,.58);font-size:15px;line-height:1.65}
.org-hero-actions{display:flex;gap:10px;margin-top:30px}.ghost-button{min-height:46px;padding:11px 18px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.05);color:white;cursor:pointer;font-weight:800}
.org-seal{display:grid;place-items:center;width:180px;height:180px;border:1px solid rgba(218,190,136,.45);border-radius:50%;box-shadow:inset 0 0 0 10px rgba(218,190,136,.04)}.org-seal span{color:#e4c98f;font:500 52px Georgia,serif}.org-seal small{position:absolute;bottom:39px;color:rgba(255,255,255,.4);font-size:8px;letter-spacing:.2em}
.org-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}.org-metric{padding:20px;border:1px solid #e4dfd5;border-radius:17px;background:#fff}.org-metric span,.org-metric strong{display:block}.org-metric span{color:#8d867a;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.org-metric strong{margin-top:8px;color:var(--navy);font-size:17px}
.premium-head{margin-top:42px}.verified-badge{padding:8px 11px;border-radius:999px;background:#e7f5ed;color:#197c55;font-size:10px;font-weight:850}.org-details{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid #e3ded4;border-radius:20px;background:#e3ded4}.org-detail{min-height:102px;padding:20px;background:#fff}.org-detail span,.org-detail strong{display:block}.org-detail span{color:#948c80;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.org-detail strong{margin-top:10px;color:#1c2638;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.premium-intro{padding:28px 0 18px}.premium-intro>p:last-child{max-width:680px;color:var(--muted);line-height:1.6}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-grid.featured{grid-template-columns:repeat(4,minmax(0,1fr))}
.project-card{position:relative;overflow:hidden;min-height:215px;padding:23px;border:1px solid color-mix(in srgb,var(--project-accent) 22%,#ded9cf);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--project-accent) 8%,#fff) 0%,#fff 68%);cursor:pointer;text-align:left;transition:.2s;box-shadow:0 10px 28px rgba(21,29,44,.045)}.project-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--project-accent) 44%,#d6d0c4);box-shadow:0 22px 50px rgba(21,29,44,.12)}.project-card::before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--project-accent,#c9a86a)}.project-card-top{display:flex;justify-content:space-between;gap:10px}.project-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--project-accent);color:white;font-weight:950;box-shadow:0 8px 18px color-mix(in srgb,var(--project-accent) 24%,transparent)}.project-state{height:fit-content;padding:6px 9px;border:1px solid rgba(24,34,54,.07);border-radius:999px;background:rgba(255,255,255,.78);color:#545f64;font-size:9px;font-weight:850}.project-card h3{margin-top:26px;color:#162136;font-size:20px}.project-card p{color:#606a69;font-size:12px;line-height:1.55}.project-card small{position:absolute;right:22px;bottom:20px;color:var(--project-accent);font-weight:900}
.wb-surface{--green:var(--wb);--green-dark:var(--wb-dark);--green-soft:#f8e6fb}.wb-hero{display:flex;align-items:center;justify-content:space-between;min-height:230px;margin-bottom:28px;padding:34px 40px;border-radius:25px;background:radial-gradient(circle at 80% 20%,#db64eb 0,transparent 35%),linear-gradient(135deg,#64147e,#a72abe);color:white;box-shadow:0 25px 60px rgba(131,28,155,.2)}.wb-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:white;color:#9c24b3;font-size:10px;font-weight:950}.wb-hero p{margin:28px 0 5px;color:rgba(255,255,255,.65);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.wb-hero h2{font-size:42px}.wb-hero small{color:rgba(255,255,255,.62)}.wb-logo{display:grid;place-items:center;width:120px;height:120px;border:1px solid rgba(255,255,255,.3);border-radius:35px;background:rgba(255,255,255,.1);font-size:58px;font-weight:950}
.vault-intro{display:flex;align-items:end;justify-content:space-between;gap:20px}.vault-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:980px}.vault-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) auto 24px;gap:15px;align-items:center;min-height:106px;padding:18px;border:1px solid color-mix(in srgb,var(--vault-brand) 22%,#ddd8ce);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--vault-brand) 8%,#fff),#fff 66%);cursor:pointer;text-align:left;transition:.18s;box-shadow:0 8px 22px rgba(21,29,44,.045)}.vault-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:20px 0 0 20px;background:var(--vault-brand)}.vault-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--vault-brand) 48%,#d5cfc4);box-shadow:0 16px 36px rgba(21,29,44,.11)}.vault-service-icon{display:grid;place-items:center;width:58px;height:58px;overflow:hidden;border-radius:17px;background:var(--vault-brand);color:var(--vault-ink);font-size:20px;font-weight:950;box-shadow:0 9px 20px color-mix(in srgb,var(--vault-brand) 22%,transparent)}.vault-service-icon img{display:block;width:34px;height:34px;object-fit:contain}.vault-card-copy{min-width:0}.vault-card-copy small,.vault-card-copy strong,.vault-card-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-card-copy small{color:color-mix(in srgb,var(--vault-brand) 74%,#5f625f);font-size:9px;font-weight:900;letter-spacing:.045em;text-transform:uppercase}.vault-card-copy strong{margin-top:5px;color:#17243a;font-size:16px}.vault-card-copy em{margin-top:5px;color:#68716f;font-size:11px;font-style:normal}.vault-secret-state{padding:7px 9px;border:1px solid rgba(34,128,81,.09);border-radius:999px;background:#edf7f0;color:#347b55;font-size:9px;font-weight:850}.vault-chevron{color:var(--vault-brand);font-size:18px;font-weight:900}.vault-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}.vault-modal-card{position:relative;z-index:82;width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:24px;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 35px 90px rgba(12,22,38,.28)}.vault-modal-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:20px}.vault-editor{display:grid;gap:11px}.vault-editor label{margin:0}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vault-secret-controls{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;background:#f5f2eb}.vault-secret-controls strong{margin-left:auto;max-width:240px;overflow-wrap:anywhere;font-size:12px}.vault-form-actions{align-items:center}.danger-button{margin-left:auto;padding:10px 12px;border:1px solid #e9b9b9;border-radius:10px;background:#fff5f5;color:#ac3e3e;cursor:pointer;font-weight:800}
@media(max-width:1050px){.project-grid,.project-grid.featured{grid-template-columns:repeat(2,1fr)}.org-details{grid-template-columns:repeat(2,1fr)}.vault-layout{grid-template-columns:1fr}.vault-editor{position:static}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-visual{display:none}.login-card{padding:28px}.main-nav{grid-template-columns:repeat(3,1fr)}.nav-divider{display:none}.org-hero{grid-template-columns:1fr;min-height:auto;padding:30px 24px}.org-seal{display:none}.org-metrics{grid-template-columns:repeat(2,1fr)}.org-details,.project-grid,.project-grid.featured{grid-template-columns:1fr}.org-hero-actions{flex-direction:column}.wb-hero{padding:27px 23px}.wb-logo{display:none}.vault-fields,.form-two{grid-template-columns:1fr}}

/* Fixed top navigation */
.app-shell{display:block;min-height:100vh}.sidebar{display:none!important}
.workspace{width:min(1440px,100%);margin:0 auto;padding:112px clamp(18px,4vw,58px) 70px}
.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:78px;margin:0;padding:0 max(22px,calc((100vw - 1440px)/2 + 42px));border-bottom:1px solid rgba(30,38,51,.08);background:rgba(251,250,247,.9);box-shadow:0 8px 35px rgba(28,33,43,.04);backdrop-filter:blur(18px)}
.top-brand{display:flex;align-items:center;gap:10px;border:0;background:transparent;cursor:pointer;color:var(--navy)}.top-brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#d9bd84,#a98142);color:#fff;font:800 12px Georgia,serif}.top-brand strong{font:700 16px Georgia,serif}
.top-navigation{display:flex;align-items:center;align-self:stretch;gap:4px;margin-left:35px}.top-nav{position:relative;align-self:stretch;padding:0 15px;border:0;background:transparent;color:#777d86;cursor:pointer;font-size:13px;font-weight:800}.top-nav::after{content:"";position:absolute;right:15px;bottom:0;left:15px;height:2px;border-radius:2px;background:transparent}.top-nav.active{color:#182338}.top-nav.active::after{background:#bd9855}
.top-page-title{display:none}.topbar-actions{margin-left:auto}.today{display:none}
.profile-button{display:flex;align-items:center;gap:10px;padding:7px 10px 7px 7px;border:1px solid #e4dfd5;border-radius:14px;background:#fff;cursor:pointer;text-align:left}.profile-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#17243a;color:#e6c98e;font:800 10px Georgia,serif}.profile-button strong,.profile-button small{display:block}.profile-button strong{max-width:145px;overflow:hidden;color:#202a3b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-button small{margin-top:3px;color:#989083;font-size:9px}.profile-button b{color:#9a9286;font-size:11px}
.project-topnav{position:fixed;z-index:45;top:78px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:5px;min-height:53px;padding:7px 20px;border-bottom:1px solid #ead9ef;background:rgba(255,251,255,.94);backdrop-filter:blur(16px)}.project-topnav>div{display:flex;align-items:center;gap:8px;margin-right:20px;color:#721689;font-size:12px}.wb-mini{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:linear-gradient(135deg,#8a1ca5,#cf46d9);color:#fff;font-weight:950}.project-topnav button{padding:8px 12px;border:0;border-radius:9px;background:transparent;color:#766b79;cursor:pointer;font-size:11px;font-weight:850}.project-topnav button:hover,.project-topnav button.active{background:#f6e5f8;color:#8a1ca5}.workspace:has(.project-topnav:not(.hidden)){padding-top:165px}
.organizationView{}.org-hero{grid-template-columns:minmax(0,1fr) 150px;min-height:620px;max-width:1120px;margin:10px auto 0;padding:clamp(42px,6vw,78px);align-content:center}.org-hero-copy{max-width:820px;margin:auto;text-align:center}.org-status{margin:auto}.org-eyebrow{margin-top:30px}.org-hero h2{max-width:760px;margin-right:auto;margin-left:auto;font-size:clamp(44px,5.3vw,70px)}.org-hero-copy>p:last-of-type{margin-right:auto;margin-left:auto}.org-hero-actions{justify-content:center}.org-seal{width:128px;height:128px}.org-home-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:780px;margin:42px auto 0}.org-home-facts>div{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.06);text-align:center}.org-home-facts span,.org-home-facts strong{display:block}.org-home-facts span{color:rgba(255,255,255,.48);font-size:9px;font-weight:850;text-transform:uppercase}.org-home-facts strong{margin-top:5px;color:#fff;font-size:12px}.restricted-account .top-page-title{display:none}.restricted-account .project-card:not([data-project-id="wildberries"]){display:none}
.profile-backdrop{position:fixed;z-index:80;inset:0;background:rgba(12,18,29,.38);backdrop-filter:blur(4px)}.profile-drawer{position:fixed;z-index:90;top:0;right:0;width:min(720px,100%);height:100vh;padding:30px;overflow:auto;background:#f8f6f1;box-shadow:-30px 0 80px rgba(13,20,32,.2)}.profile-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #e2ddd3}.profile-drawer-head h2{font:500 31px Georgia,serif}.profile-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ddd7cc;border-radius:12px;background:#fff;cursor:pointer;font-size:23px}.profile-summary{display:flex;align-items:center;gap:15px;margin:22px 0;padding:18px;border-radius:18px;background:linear-gradient(145deg,#122039,#20314d);color:#fff}.profile-big-avatar{display:grid;place-items:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.18);border-radius:17px;color:#e5c88d;font:800 15px Georgia,serif}.profile-summary strong,.profile-summary small{display:block}.profile-summary small{margin-top:5px;color:rgba(255,255,255,.55);font-size:10px}.profile-metrics{margin:0}.profile-section-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 12px}.profile-section-head h3{margin:0}.profile-details{grid-template-columns:repeat(2,1fr)}.profile-details .org-detail{min-height:88px;padding:16px}.profile-logout{width:100%;margin-top:22px;padding:12px;color:#9c3b39}
@media(max-width:760px){.workspace{padding:96px 12px 45px}.topbar{height:68px;padding:0 12px}.top-brand strong{display:none}.top-navigation{gap:0;margin-left:8px}.top-nav{padding:0 9px;font-size:11px}.top-nav::after{right:9px;left:9px}.profile-button>span:nth-child(2),.profile-button b{display:none}.project-topnav{top:68px;justify-content:flex-start;overflow-x:auto;padding:7px 10px}.project-topnav>div{margin-right:6px;white-space:nowrap}.workspace:has(.project-topnav:not(.hidden)){padding-top:145px}.org-hero{min-height:460px;padding:28px 22px}.org-hero h2{font-size:42px}.org-home-facts{grid-template-columns:1fr}.profile-drawer{padding:20px 14px}.profile-details{grid-template-columns:1fr}.profile-metrics{grid-template-columns:1fr 1fr}.vault-intro{align-items:start;flex-direction:column}.vault-list{grid-template-columns:1fr}.vault-card{grid-template-columns:44px minmax(0,1fr) 22px}.vault-secret-state{display:none}.vault-modal{padding:8px}.vault-modal-card{max-height:calc(100vh - 16px);padding:18px}.vault-secret-controls{align-items:stretch;flex-wrap:wrap}.vault-secret-controls strong{width:100%;margin-left:0}.vault-form-actions{flex-wrap:wrap}.danger-button{margin-left:0}}

/* Corporate command center — 2026 redesign */
:root{--navy:#101827;--navy-2:#17243a;--gold:#d3ad68;--paper:#f3f0e9;--plum:#8e2aa5}
body{background:radial-gradient(circle at 85% 0,rgba(211,173,104,.12),transparent 30%),#f2f0eb;color:#192334}
.workspace{width:min(1500px,100%);padding:116px clamp(18px,4.5vw,68px) 80px}
.topbar{height:82px;padding:0 max(22px,calc((100vw - 1500px)/2 + 52px));border:0;background:rgba(14,23,38,.96);box-shadow:0 14px 38px rgba(11,18,30,.18)}
.top-brand{color:#fff}.top-brand span{background:linear-gradient(145deg,#e5c98e,#aa7e36);color:#142035;box-shadow:0 8px 22px rgba(211,173,104,.2)}.top-brand strong{color:#f8f4ec;letter-spacing:.02em}
.top-navigation{height:100%}.top-nav{height:100%;padding:0 18px;color:rgba(255,255,255,.55);font-size:12px}.top-nav:hover,.top-nav.active{color:#fff}.top-nav::after{right:18px;bottom:0;left:18px;height:3px;background:transparent}.top-nav.active::after{background:#dfbd7c}
.profile-button{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.06)}.profile-avatar{background:#e2c27f;color:#152138}.profile-button strong{color:#fff}.profile-button small,.profile-button b{color:rgba(255,255,255,.45)}
.restricted-logout{padding:10px 14px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:11px;font-weight:850}
.premium-button{border:0;background:linear-gradient(135deg,#e1c17e,#b8893e);color:#152037;box-shadow:0 12px 28px rgba(194,151,78,.24)}.premium-button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.org-command{display:grid;gap:16px;max-width:1280px;margin:0 auto}
.org-command-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:50px;align-items:center;min-height:460px;padding:clamp(38px,5vw,72px);border-radius:32px;background:radial-gradient(circle at 88% 18%,rgba(97,130,181,.3),transparent 31%),radial-gradient(circle at 5% 100%,rgba(211,173,104,.13),transparent 28%),linear-gradient(135deg,#0d1728,#1a2b45 70%,#223451);color:#fff;box-shadow:0 35px 80px rgba(15,24,39,.2)}
.org-command-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 52%,rgba(255,255,255,.035));pointer-events:none}
.org-command-copy,.org-emblem{position:relative;z-index:1}.org-command-copy{max-width:820px}.org-command-copy .org-status{margin:0}.org-command-copy .org-eyebrow{margin:34px 0 11px;color:#d9bd86}.org-command-copy h2{max-width:790px;margin:0 0 19px;font:500 clamp(45px,5.3vw,72px)/1.01 Georgia,serif;letter-spacing:-.047em}.org-command-copy>p{max-width:710px;margin:0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.7}.org-command-copy .org-hero-actions{justify-content:flex-start;margin-top:31px}.org-command-copy .ghost-button{background:rgba(255,255,255,.055)}
.org-emblem{display:grid;justify-items:center;gap:15px}.org-emblem-ring{display:grid;place-content:center;width:220px;height:220px;border:1px solid rgba(226,194,129,.48);border-radius:50%;box-shadow:inset 0 0 0 12px rgba(226,194,129,.035),0 0 0 1px rgba(255,255,255,.025);text-align:center}.org-emblem-ring span{color:#e3c583;font:500 64px Georgia,serif}.org-emblem-ring small{margin-top:8px;color:rgba(255,255,255,.44);font-size:9px;font-weight:800;letter-spacing:.18em}.org-emblem>p{margin:0;color:rgba(255,255,255,.42);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.org-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.org-kpi{display:flex;align-items:center;gap:13px;min-height:108px;padding:19px;border:1px solid rgba(23,36,58,.09);border-radius:19px;background:rgba(255,255,255,.9);box-shadow:0 14px 35px rgba(28,37,51,.055)}.org-kpi-icon{display:grid;place-items:center;flex:0 0 auto;width:45px;height:45px;border-radius:14px;font-weight:950}.org-kpi-icon.gold{background:#f5e9cf;color:#9d7027}.org-kpi-icon.green{background:#e2f4e9;color:#268056}.org-kpi-icon.purple{background:#f0def4;color:#8e2aa5}.org-kpi-icon.blue{background:#e3ebfa;color:#3d65a7}.org-kpi small,.org-kpi strong,.org-kpi em{display:block}.org-kpi small{color:#9a9285;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.org-kpi strong{margin-top:4px;color:#19243a;font-size:14px}.org-kpi em{margin-top:3px;color:#8a918f;font-size:10px;font-style:normal}
.org-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.org-panel{min-height:340px;padding:28px;border:1px solid rgba(23,36,58,.09);border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(28,37,51,.055)}.org-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.org-panel-head h3{margin:0;color:#18243a;font-size:22px}.org-panel .kicker{color:#aa7d38}.org-identity-name{display:flex;align-items:center;gap:14px;margin:28px 0 21px;padding:17px;border-radius:17px;background:linear-gradient(135deg,#121d30,#223451);color:#fff}.org-identity-name>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid rgba(255,255,255,.14);border-radius:15px;color:#e2c17e;font:700 12px Georgia,serif}.org-identity-name strong,.org-identity-name small{display:block}.org-identity-name small{margin-top:4px;color:rgba(255,255,255,.5);font-size:10px}.org-mini-details{display:grid;grid-template-columns:1fr 1fr;gap:8px}.org-mini-details>div{padding:13px;border-radius:13px;background:#f5f3ee}.org-mini-details span,.org-mini-details strong{display:block}.org-mini-details span{color:#999184;font-size:8px;font-weight:900;text-transform:uppercase}.org-mini-details strong{margin-top:5px;color:#273247;font-size:11px;overflow-wrap:anywhere}.panel-link{display:flex;justify-content:space-between;width:100%;margin-top:18px;padding:13px 0;border:0;border-top:1px solid #ebe6dd;background:transparent;color:#9a6e2d;cursor:pointer;font-size:11px;font-weight:900;text-align:left}.icon-link{display:grid;place-items:center;width:39px;height:39px;border:1px solid #e3ddd2;border-radius:12px;background:#faf8f4;color:#9d702d;cursor:pointer;font-weight:900}
.ecosystem-list{display:grid;gap:3px;margin-top:20px}.ecosystem-list>div{display:grid;grid-template-columns:11px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 6px;border-bottom:1px solid #eeeae3}.ecosystem-dot{width:10px;height:10px;border-radius:50%}.ecosystem-dot.wb{background:#a72cc1;box-shadow:0 0 0 5px #f3e3f6}.ecosystem-dot.umix{background:#3777d5;box-shadow:0 0 0 5px #e6eefb}.ecosystem-dot.corp{background:#d2a75b;box-shadow:0 0 0 5px #f7eddc}.ecosystem-list strong,.ecosystem-list small{display:block}.ecosystem-list strong{color:#273247;font-size:12px}.ecosystem-list small{margin-top:4px;color:#939995;font-size:10px}.ecosystem-list em{padding:5px 7px;border-radius:999px;background:#e8f5ed;color:#307a55;font-size:8px;font-style:normal;font-weight:900}.ecosystem-progress{margin-top:22px;padding:16px;border-radius:15px;background:#f5f3ee}.ecosystem-progress>div{display:flex;justify-content:space-between;color:#69716f;font-size:10px}.ecosystem-progress>div strong{color:#253046}.ecosystem-progress>i{display:block;height:6px;margin-top:11px;overflow:hidden;border-radius:999px;background:#e2ddd3}.ecosystem-progress>i b{display:block;width:87.5%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#c79a4d,#e1c17e)}
.premium-intro{padding:18px 0 25px}.premium-intro h2{font:500 clamp(34px,4vw,52px) Georgia,serif;color:#142035}.project-grid{gap:16px}.project-card{min-height:240px;padding:26px;border-radius:23px}.project-card h3{font-size:21px}.project-card p{max-width:90%;font-size:12px;line-height:1.65}
.vault-modal-card{width:min(760px,100%);padding:28px;border-radius:27px;background:#fbfaf7}.vault-modal-tools{display:flex;gap:8px}.vault-edit-pencil{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ddd6ca;border-radius:12px;background:#fff;color:#9c702e;cursor:pointer;font-size:18px}.vault-detail{display:grid;gap:15px}.vault-detail-brand{display:flex;align-items:center;gap:16px;padding:20px;border-radius:20px;background:linear-gradient(135deg,#111c2e,#21334f);color:#fff}.vault-detail-icon{display:grid;place-items:center;flex:0 0 auto;width:68px;height:68px;border-radius:19px;background:var(--vault-brand);color:var(--vault-ink);box-shadow:0 12px 28px color-mix(in srgb,var(--vault-brand) 25%,transparent)}.vault-detail-icon img{width:39px;height:39px;object-fit:contain}.vault-detail-brand small,.vault-detail-brand strong{display:block}.vault-detail-brand small{color:#ddbd7b;font-size:9px;font-weight:900;text-transform:uppercase}.vault-detail-brand strong{margin-top:5px;font-size:21px}.vault-detail-brand p{margin:6px 0 0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.55}.vault-detail-section{padding:17px;border:1px solid #e5dfd5;border-radius:16px;background:#fff}.vault-detail-section span,.vault-detail-grid span,.vault-detail-secret span{color:#9a9285;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.vault-detail-section p{margin:8px 0 0;color:#414c5d;font-size:12px;line-height:1.65}.vault-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vault-detail-grid>div{padding:15px;border-radius:15px;background:#f1eee8}.vault-detail-grid strong{display:block;margin-top:7px;color:#202b40;font-size:12px;overflow-wrap:anywhere}.vault-detail-secret{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border:1px solid #e5dfd5;border-radius:16px;background:#fff}.vault-detail-secret strong{display:block;margin-top:6px;color:#202b40;font-size:12px;overflow-wrap:anywhere}.vault-detail-actions{display:flex;gap:7px}.vault-open-service{display:flex;justify-content:space-between;padding:15px 17px;border-radius:15px;background:#16243a;color:#fff;text-decoration:none;font-size:12px;font-weight:900}.vault-editor{padding:3px}.vault-editor label{color:#6f7775;font-size:11px;font-weight:800}.vault-editor input,.vault-editor textarea{margin-top:6px}
.clean-card,.payment-card,.month-card,.timesheet-wrap,.document-sidebar,.paper-stage{border-color:rgba(23,36,58,.09);border-radius:21px;box-shadow:0 14px 38px rgba(28,37,51,.045)}.wb-hero{border-radius:27px;box-shadow:0 24px 55px rgba(115,23,137,.16)}
.restricted-account .org-dashboard-grid{display:none}.restricted-account .org-kpi-grid{grid-template-columns:repeat(2,1fr)}.restricted-account .org-kpi:nth-child(3),.restricted-account .org-kpi:nth-child(4){display:none}.restricted-account #heroProfileButton{display:none}
@media(max-width:1000px){.org-command-hero{grid-template-columns:1fr}.org-emblem{display:none}.org-kpi-grid{grid-template-columns:repeat(2,1fr)}.org-dashboard-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.workspace{padding:92px 11px 48px}.topbar{height:68px}.org-command{gap:10px}.org-command-hero{min-height:auto;padding:30px 22px;border-radius:23px}.org-command-copy h2{font-size:42px}.org-command-copy .org-hero-actions{flex-direction:column}.org-kpi-grid,.restricted-account .org-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.org-kpi{min-height:92px;padding:13px}.org-kpi-icon{display:none}.org-dashboard-grid{grid-template-columns:1fr}.org-panel{min-height:auto;padding:20px}.org-mini-details{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.vault-detail-grid{grid-template-columns:1fr}.vault-detail-secret{align-items:flex-start;flex-direction:column}.vault-detail-brand{align-items:flex-start}.vault-detail-icon{width:55px;height:55px}.vault-detail-icon img{width:31px;height:31px}}

/* Real admin dashboard layout */
.admin-dashboard{display:grid;gap:16px;max-width:1280px;margin:0 auto}
.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:10px 2px 5px}.admin-page-head h2{margin:0;color:#152137;font:600 clamp(30px,3.5vw,44px)/1.08 "Segoe UI",Arial,sans-serif;letter-spacing:-.045em}.admin-page-head>div>p:last-child{margin:8px 0 0;color:#858d8a;font-size:13px}.admin-head-actions{display:flex;align-items:center;gap:10px}.admin-head-actions .org-status{border-color:#dce7df;background:#edf7f0;color:#347a55}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-stat-grid article{display:flex;align-items:center;gap:13px;min-height:105px;padding:17px;border:1px solid #e0ded8;border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(30,39,52,.04)}.stat-symbol{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:13px;font-size:12px;font-weight:950}.stat-symbol.gold{background:#f5e9cf;color:#9d7027}.stat-symbol.blue{background:#e5edfa;color:#3d65a7}.stat-symbol.purple{background:#f1e2f4;color:#8e2aa5}.stat-symbol.green{background:#e3f3e9;color:#2f8059}.admin-stat-grid small,.admin-stat-grid strong,.admin-stat-grid em{display:block}.admin-stat-grid small{color:#9b948a;font-size:8px;font-weight:900;text-transform:uppercase}.admin-stat-grid strong{margin-top:5px;color:#1e2a3e;font-size:13px}.admin-stat-grid em{margin-top:3px;color:#969d9a;font-size:9px;font-style:normal}
.admin-main-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr);gap:14px}.admin-card{padding:24px;border:1px solid #dfddd7;border-radius:21px;background:#fff;box-shadow:0 13px 34px rgba(30,39,52,.045)}.admin-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.admin-card-head h3{margin:0;color:#1b273b;font-size:19px}.admin-card-head .kicker{color:#a77a35}.small-edit-button{padding:8px 10px;border:1px solid #e0dcd4;border-radius:9px;background:#faf8f4;color:#87632e;cursor:pointer;font-size:9px;font-weight:900}.organization-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;margin:22px 0 16px;padding:16px;border-radius:16px;background:#f4f2ed}.organization-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#17243a;color:#e2c17e;font:700 13px Georgia,serif}.organization-row strong,.organization-row small{display:block}.organization-row strong{color:#202c40;font-size:13px}.organization-row small{margin-top:5px;color:#8f9793;font-size:9px}.live-pill{padding:6px 8px;border-radius:999px;background:#e4f3ea;color:#307a55;font-size:8px;font-weight:900}.admin-requisites{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-requisites>div{padding:12px;border:1px solid #ebe7df;border-radius:12px}.admin-requisites span,.admin-requisites strong{display:block}.admin-requisites span{color:#9b9387;font-size:8px;font-weight:900;text-transform:uppercase}.admin-requisites strong{margin-top:5px;color:#354054;font-size:10px;overflow-wrap:anywhere}
.health-card{position:relative;overflow:hidden}.health-score{padding:7px 9px;border-radius:999px;background:#e8f4ec;color:#307a55;font-size:10px;font-weight:900}.health-ring{display:grid;place-items:center;width:150px;height:150px;margin:23px auto;border-radius:50%;background:conic-gradient(#48a477 0 87%,#ede9e1 87%);box-shadow:inset 0 0 0 13px #fff}.health-ring>div{display:grid;place-items:center;width:106px;height:106px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(25,41,58,.08)}.health-ring strong,.health-ring span{display:block}.health-ring strong{color:#1d2a40;font-size:25px}.health-ring span{color:#989f9b;font-size:9px}.health-legend{display:grid;gap:8px}.health-legend span{display:flex;align-items:center;gap:8px;color:#697370;font-size:9px}.health-legend i{width:7px;height:7px;border-radius:50%}.health-legend i.ok{background:#48a477}.health-legend i.attention{background:#d5a64f}
.directions-card{min-height:315px}.direction-table{display:grid;margin-top:16px}.direction-table button{display:grid;grid-template-columns:42px minmax(0,1fr) auto 22px;gap:12px;align-items:center;padding:13px 5px;border:0;border-bottom:1px solid #ece8e1;background:transparent;cursor:pointer;text-align:left}.direction-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;font-weight:950}.direction-logo.wb{background:linear-gradient(135deg,#8d1da8,#ca43d6)}.direction-logo.umix{background:#3476d3}.direction-logo.corp{background:#d0a455;color:#17243a}.direction-table strong,.direction-table small{display:block}.direction-table strong{color:#273247;font-size:11px}.direction-table small{margin-top:4px;color:#969c99;font-size:9px}.direction-table em{padding:5px 7px;border-radius:999px;background:#e8f4ec;color:#327b57;font-size:8px;font-style:normal;font-weight:900}.direction-table b{color:#a97b35}
.activity-card{min-height:315px}.activity-list{display:grid;gap:8px;margin-top:18px}.activity-list>div{display:flex;align-items:center;gap:13px;padding:13px;border-radius:14px;background:#f5f3ee}.activity-list>div>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#17243a;color:#ddbd7b;font-size:9px;font-weight:900}.activity-list p{margin:0}.activity-list strong,.activity-list small{display:block}.activity-list strong{color:#2a3548;font-size:11px}.activity-list small{margin-top:4px;color:#949b98;font-size:9px}
.restricted-account .admin-main-grid{grid-template-columns:1fr}.restricted-account .health-card,.restricted-account .activity-card,.restricted-account .org-summary-card{display:none}.restricted-account .admin-stat-grid{grid-template-columns:repeat(2,1fr)}.restricted-account .admin-stat-grid article:nth-child(3),.restricted-account .admin-stat-grid article:nth-child(4){display:none}
@media(max-width:1000px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-main-grid{grid-template-columns:1fr}.health-ring{width:135px;height:135px}}
@media(max-width:650px){.admin-page-head{align-items:flex-start;flex-direction:column}.admin-head-actions{width:100%;justify-content:space-between}.admin-stat-grid,.restricted-account .admin-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.admin-stat-grid article{min-height:90px;padding:12px}.stat-symbol{display:none}.admin-card{padding:18px}.organization-row{grid-template-columns:45px minmax(0,1fr)}.organization-avatar{width:45px;height:45px}.live-pill{display:none}.admin-requisites{grid-template-columns:1fr}.direction-table button{grid-template-columns:38px minmax(0,1fr) 18px}.direction-logo{width:38px;height:38px}.direction-table em{display:none}}