:root {
  --black: #070807;
  --panel: #101110;
  --line: #242624;
  --green: #21cc45;
  --white: #f6f7f5;
}

.member-row{width:100%;border-left:0;border-right:0;background:transparent;color:var(--white);text-align:left;cursor:pointer}.member-row:hover{background:#101410;border-bottom-color:#315838}.member-row:focus-visible{outline:1px solid var(--green);outline-offset:-1px}.member-modal footer{flex-wrap:wrap}.member-access-summary{margin-top:18px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.member-access-summary span{color:#7c847c;font-size:10px}.member-access-summary strong{color:#8ee79c;font:700 10px "Manrope",sans-serif}.danger-action{min-height:41px;padding:0 17px;border:1px solid #672e2e;background:#1a1010;color:#ff8b87;cursor:pointer;font:700 10px "DM Sans",sans-serif}.danger-action.restore{border-color:#315838;background:#101a11;color:#78de89}.member-profile-actions .secondary-action:first-child{margin-right:auto}.member-profile-modal.owner-view .form-grid,.member-profile-modal.owner-view .member-profile-actions button:not(#closeMemberProfile){display:none}

.hq-navigation{display:flex;flex-direction:column;gap:5px}.hq-nav-item{border-left-color:transparent;background:transparent;color:#858b85}.hq-nav-item.active{border-left-color:var(--green);background:#101710;color:var(--white)}.projects-workspace[hidden]{display:none}.projects-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{min-height:220px;padding:21px;border:1px solid var(--line);background:#101210;display:flex;flex-direction:column}.project-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.project-card-top time{color:#727972;font-size:9px}.project-status{padding:5px 8px;border:1px solid #554d2b;color:#e9d576;font:700 8px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em}.project-status.status-active{border-color:#315838;color:#70dd84}.project-status.status-completed{border-color:#384b5c;color:#8bc6ee}.project-card h3{margin:22px 0 9px;font:700 17px "Manrope",sans-serif}.project-card p{margin:0;color:#858c85;font-size:10px;line-height:1.6}.project-card footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;color:#7c847c;font-size:9px}.project-modal{width:min(700px,100%)}.form-grid textarea{width:100%;padding:12px;border:1px solid #343734;border-radius:0;background:#090a09;color:var(--white);outline:0;resize:vertical;font:500 11px "DM Sans",sans-serif}.form-grid textarea:focus{border-color:var(--green)}.assignment-field{margin:0;padding:0;border:0}.assignment-field legend{margin-bottom:9px;color:#858c85;font:700 8px "Manrope",sans-serif;letter-spacing:.09em;text-transform:uppercase}.assignment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:180px;overflow:auto}.assignment-options label{min-height:42px;padding:9px 11px;border:1px solid #303330;background:#121412;display:flex;flex-direction:row;align-items:center;gap:9px;cursor:pointer}.assignment-options input{width:16px;height:16px;accent-color:var(--green)}.assignment-options label>span{display:flex;flex-direction:column;gap:3px;color:#dfe3df;text-transform:none;letter-spacing:0;font-size:10px}.assignment-options small{color:#727972;font-size:8px;font-weight:500}.assignment-options p{color:#737a73;font-size:10px}

@media (max-width: 1000px){.projects-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 760px){.projects-list{grid-template-columns:1fr}.assignment-options{grid-template-columns:1fr}}

.project-card{width:100%;color:var(--white);text-align:left;cursor:pointer}.project-card:hover{border-color:#315838;background:#111711}.project-detail[hidden]{display:none}.project-detail{padding-top:27px}.project-detail-heading{margin-top:27px;padding-bottom:28px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:28px}.project-detail-heading h2{margin:15px 0 9px;font:700 28px "Manrope",sans-serif}.project-detail-heading p{max-width:700px;margin:0;color:#858c85;font-size:11px;line-height:1.65}.project-detail-actions{display:flex;gap:9px;flex-shrink:0}.project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:22px;background:var(--line);border:1px solid var(--line)}.project-facts div{padding:18px;background:#101210;display:flex;flex-direction:column;gap:7px}.project-facts span{color:#737a73;font:700 8px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.09em}.project-facts strong{font-size:11px}.project-assignments{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.project-assignments section{padding:20px;border:1px solid var(--line);background:#101210}.project-assignments section>div{display:flex;flex-direction:column;gap:8px}.project-assignee{padding:10px 11px;border:1px solid #292c29;color:#dfe3df;font-size:10px}.project-assignee small{display:block;margin-top:3px;color:#747b74;font-size:8px}.status-cancelled{border-color:#672e2e;color:#ff8b87}
@media (max-width:760px){.project-detail-heading{flex-direction:column}.project-detail-actions{width:100%}.project-detail-actions button{flex:1}.project-facts,.project-assignments{grid-template-columns:1fr}}
.project-tabs{display:flex;gap:3px;margin-top:22px;border-bottom:1px solid var(--line)}.project-tabs button{padding:12px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:#777e77;font:700 9px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.project-tabs button.active{border-bottom-color:var(--green);color:var(--white)}.project-tabs span{margin-left:5px;color:#6f766f}.project-tab-panel{padding-top:4px}.project-tab-panel[hidden]{display:none}.project-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0 14px}.project-panel-heading h3{margin:4px 0 0;font:700 18px "Manrope",sans-serif}.project-task-list{display:flex;flex-direction:column;gap:8px}.project-task{padding:15px 17px;border:1px solid var(--line);background:#101210;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px}.project-task h4{margin:0 0 5px;font:700 12px "Manrope",sans-serif}.project-task p{margin:0;color:#777e77;font-size:9px}.project-task-meta{display:flex;flex-wrap:wrap;gap:7px 14px;grid-column:1/-1;padding-top:11px;border-top:1px solid #262926;color:#7e857e;font-size:8px}.task-priority{align-self:start;padding:5px 7px;border:1px solid #3a3d3a;color:#aab0aa;font:700 8px "Manrope",sans-serif;text-transform:uppercase}.task-priority.priority-high,.task-priority.priority-critical{border-color:#663631;color:#ff968d}.task-status{color:#72dc85;text-transform:capitalize}@media (max-width:760px){.project-tabs{overflow:auto}.project-panel-heading{align-items:flex-start}.project-task{grid-template-columns:1fr}.task-priority{justify-self:start}}

.departments-workspace[hidden],.department-detail[hidden]{display:none}.departments-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.department-card{min-height:230px;padding:21px;border:1px solid var(--line);background:#101210;color:var(--white);display:flex;flex-direction:column;text-align:left;cursor:pointer}.department-card:hover{border-color:#315838;background:#111711}.department-card-top{display:flex;justify-content:space-between;align-items:center}.department-symbol{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#172418;color:var(--green);font:800 10px "Manrope",sans-serif}.department-state{padding:5px 8px;border:1px solid #315838;color:#70dd84;font:700 8px "Manrope",sans-serif;text-transform:uppercase}.department-state.inactive{border-color:#555;color:#999}.department-card h3{margin:20px 0 8px;font:700 17px "Manrope",sans-serif}.department-card p{margin:0;color:#858c85;font-size:10px;line-height:1.6}.department-card footer{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;color:#777f77;font-size:9px}.department-detail{padding-top:27px}.department-detail-heading{margin-top:27px;padding-bottom:28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:28px}.department-detail-heading h2{margin:0 0 9px;font:700 28px "Manrope",sans-serif}.department-detail-heading p:not(.section-label){max-width:700px;margin:0;color:#858c85;font-size:11px;line-height:1.65}.leadership-note{display:inline-block;margin-top:14px;padding:6px 9px;border:1px solid #315838;color:#70dd84;font:700 8px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em}.department-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:22px;border:1px solid var(--line);background:var(--line)}.department-facts div{padding:18px;background:#101210;display:flex;flex-direction:column;gap:7px}.department-facts span{color:#737a73;font:700 8px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.09em}.department-facts strong{font-size:11px}.department-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.department-columns>section{padding:20px;border:1px solid var(--line);background:#101210}.department-columns>section>div{display:flex;flex-direction:column;gap:8px}.department-person{padding:10px;border:1px solid #292c29;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px}.department-person>div{display:flex;flex-direction:column;gap:3px}.department-person strong,.department-project strong{font-size:10px}.department-person small,.department-project small{color:#747b74;font-size:8px}.department-project{padding:12px;border:1px solid #292c29;display:flex;flex-direction:column;gap:4px}
@media(max-width:1000px){.departments-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.departments-list,.department-columns,.department-facts{grid-template-columns:1fr}.department-detail-heading{flex-direction:column}}

.member-modal .head-toggle{display:flex;flex-direction:row;align-items:flex-start;gap:12px;border:1px solid #303030;background:#171717;padding:15px 16px;cursor:pointer}
.member-modal .head-toggle input{width:18px;height:18px;margin-top:2px;accent-color:#2bd21f}
.member-modal .head-toggle span{display:flex;flex-direction:column;gap:4px;text-transform:none;letter-spacing:0}
.member-modal .head-toggle strong{color:#f3f3f3;font-size:.86rem}
.member-modal .head-toggle small{color:#818181;font-size:.75rem;line-height:1.45;font-weight:500}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  background: var(--black);
  color: var(--white);
  font-family: "DM Sans", system-ui, sans-serif;
}

.app-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 248px minmax(0, 1fr);
}

.sidebar {
  min-height: 100vh;
  padding: 30px 25px;
  background: #050605;
  border-right: 1px solid var(--line);
  display: flex;
  flex-direction: column;
}

.brand-row {
  display: flex;
  align-items: flex-start;
  gap: 7px;
}

.brand-wordmark {
  display: block;
  width: 156px;
  height: auto;
  object-fit: contain;
}

.brand-product {
  margin-top: 3px;
  color: var(--green);
  font: 700 9px/1 "Manrope", sans-serif;
  letter-spacing: 0.08em;
}

.sidebar-space {
  flex: 1;
}

.hq-navigation{margin-top:42px}.hq-nav-item{width:100%;height:43px;padding:0 12px;border:0;border-left:2px solid var(--green);background:#101710;color:var(--white);display:flex;align-items:center;gap:11px;text-align:left;font:600 11px "DM Sans",sans-serif;cursor:pointer}.hq-nav-item span{color:var(--green);font-size:16px}

.profile-card{border:0;border-top:1px solid var(--line);background:transparent;padding:17px 2px 2px;display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:10px}.profile-card[hidden]{display:none}.profile-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#273027,#121512);border:1px solid #394039;color:var(--white);font:700 10px/1 "Manrope",sans-serif;background-size:cover;background-position:center}.profile-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.profile-copy strong,.profile-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:11px}.profile-copy span{color:#7f877f;font-size:9px}.settings-button{width:34px;height:34px;border:0;background:transparent;color:#747b74;cursor:pointer;font-size:14px}.settings-button:hover{color:var(--green);background:#121412}

.main {
  min-width: 0;
  min-height: 100vh;
  background: #0b0c0b;
}

.topbar {
  height: 76px;
  padding: 0 34px;
  border-bottom: 1px solid var(--line);
  background: rgba(11, 12, 11, 0.94);
  display: flex;
  align-items: center;
}

.breadcrumbs {
  color: #8e948e;
  font: 600 11px/1 "Manrope", sans-serif;
  letter-spacing: 0.08em;
}

.empty-workspace,.team-workspace {
  min-height: calc(100vh - 76px);
  padding: 34px;
}

.empty-frame {
  width: 100%;
  min-height: calc(100vh - 144px);
  border: 1px solid var(--line);
  background: var(--panel);
}

.workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.workspace-heading p,.section-label,.member-modal header p{margin:0 0 8px;color:var(--green);font:700 9px/1 "Manrope",sans-serif;letter-spacing:.16em}.workspace-heading h1{margin:0;font:700 32px/1.12 "Manrope",sans-serif}.workspace-heading>div>span,.member-modal header>span{display:block;margin-top:8px;color:#7e857e;font-size:11px}.primary-action,.secondary-action{min-height:41px;padding:0 17px;border:1px solid var(--green);background:var(--green);color:#050705;cursor:pointer;font:700 10px "DM Sans",sans-serif}.secondary-action{border-color:#373a37;background:#171917;color:var(--white)}.country-view{padding-top:34px}.country-card{width:min(520px,100%);min-height:108px;padding:22px;border:1px solid var(--line);background:#101210;color:var(--white);display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:16px;text-align:left;cursor:pointer}.country-card:hover{border-color:#3b633f;background:#111711}.country-code{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#172418;color:var(--green);font:800 13px "Manrope",sans-serif}.country-card>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.country-card strong{font:700 16px "Manrope",sans-serif}.country-card small{color:#777e77;font-size:10px}.country-card b{color:var(--green);font-size:20px}.member-view{padding-top:27px}.member-view[hidden]{display:none}.back-link{border:0;background:none;color:#7f877f;padding:0;cursor:pointer;font:600 10px "DM Sans",sans-serif}.back-link:hover{color:var(--green)}.list-heading{display:flex;align-items:end;justify-content:space-between;margin:27px 0 14px}.list-heading h2{margin:0;font:700 22px "Manrope",sans-serif}.list-heading>span{color:#727972;font:700 10px "Manrope",sans-serif}.member-list{border-top:1px solid var(--line)}.member-row{min-height:74px;padding:13px 4px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:42px minmax(170px,1.2fr) minmax(150px,1fr) minmax(190px,1.2fr);align-items:center;gap:14px}.member-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#192019;color:var(--green);font:700 10px "Manrope",sans-serif}.member-main,.member-detail{display:flex;flex-direction:column;gap:4px;min-width:0}.member-main strong{font-size:11px}.member-main small,.member-detail small{color:#737a73;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-detail span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-badge{width:max-content;padding:4px 7px;border:1px solid #315838;color:#70dd84;font:700 8px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em}.empty-list{padding:24px 4px;color:#747b74;font-size:11px}.member-modal-backdrop{position:fixed;inset:0;z-index:320;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(9px)}.member-modal-backdrop[hidden]{display:none}.member-modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:32px;border:1px solid #303330;background:#101210;box-shadow:0 30px 100px rgba(0,0,0,.6)}.member-modal h2{margin:0;font:700 27px "Manrope",sans-serif}.member-modal form{margin-top:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px}.form-grid label.full{grid-column:1/-1}.form-grid label>span{color:#858c85;font:700 8px "Manrope",sans-serif;letter-spacing:.09em;text-transform:uppercase}.form-grid input,.form-grid select{width:100%;height:44px;padding:0 12px;border:1px solid #343734;border-radius:0;background:#090a09;color:var(--white);outline:0;font:500 11px "DM Sans",sans-serif}.form-grid input:focus,.form-grid select:focus{border-color:var(--green)}.member-modal footer{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.form-message{min-height:16px;margin:14px 0 0;color:#ff8d89;font-size:10px}.form-message.success{color:#74df89}

.settings-backdrop{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.settings-backdrop[hidden]{display:none}.settings-dialog{width:min(430px,100%);padding:30px;border:1px solid #303330;background:#101210;box-shadow:0 28px 90px rgba(0,0,0,.5)}.settings-eyebrow{margin:0 0 8px;color:var(--green);font:700 9px/1 "Manrope",sans-serif;letter-spacing:.16em}.settings-dialog h2{margin:0;font:700 27px/1.2 "Manrope",sans-serif}.account-details{margin:28px 0;border-top:1px solid var(--line)}.account-details div{padding:14px 0;border-bottom:1px solid var(--line)}.account-details dt{margin-bottom:5px;color:#737a73;font:700 8px/1 "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase}.account-details dd{margin:0;font-size:12px}.settings-actions{display:flex;justify-content:flex-end;gap:9px}.settings-actions button{min-height:39px;padding:0 16px;border:1px solid #343734;background:#171917;color:var(--white);cursor:pointer;font:600 10px "DM Sans",sans-serif}.settings-actions .danger{border-color:#5e2525;color:#ff8b87}

@media (max-width: 760px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    min-height: auto;
    height: 76px;
    padding: 20px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .profile-card{display:none}

  .team-workspace{padding:22px 18px}.workspace-heading{align-items:flex-start;flex-direction:column}.workspace-heading .primary-action{width:100%}.member-row{grid-template-columns:42px 1fr}.member-row .member-detail{grid-column:2}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}

  .brand-wordmark {
    width: 132px;
  }

  .main {
    min-height: calc(100vh - 76px);
  }

  .topbar {
    height: 58px;
    padding: 0 20px;
  }

  .empty-workspace {
    min-height: calc(100vh - 134px);
    padding: 18px;
  }

  .empty-frame {
    min-height: calc(100vh - 170px);
  }
}

.tasks-workspace[hidden]{display:none}.task-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:27px 0 8px}.task-view-switch{display:flex;gap:4px}.task-view-switch button{min-height:37px;padding:0 14px;border:1px solid var(--line);background:#101210;color:#7d847d;font:700 8px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.task-view-switch button.active{border-color:#315838;background:#111911;color:#78df8b}.task-toolbar select{height:37px;padding:0 30px 0 11px;border:1px solid var(--line);background:#101210;color:#cbd0cb;font:600 9px "DM Sans",sans-serif}.standalone-task-list{display:flex;flex-direction:column;gap:9px}.standalone-task{padding:18px;border:1px solid var(--line);background:#101210}.standalone-task-main{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.standalone-task h3{margin:7px 0 6px;font:700 14px "Manrope",sans-serif}.standalone-task p{margin:0;color:#7b827b;font-size:9px;line-height:1.55}.standalone-task footer{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:15px;padding-top:12px;border-top:1px solid #272a27;color:#7c837c;font-size:8px}.standalone-task footer time{margin-left:auto;color:#a9aea9}@media(max-width:760px){.task-toolbar{align-items:stretch;flex-direction:column}.task-view-switch{overflow:auto}.task-toolbar select{width:100%}.standalone-task footer time{width:100%;margin-left:0}}