:root {
    --org-blue:#1a76d1;
    --org-ink:#152c45;
    --org-muted:#60758a;
    --org-line:#e2eaf3;
    --org-bg:#f4f7fb
}

* {
    box-sizing:border-box
}

body {
    margin:0;
    background:var(--org-bg);
    color:var(--org-ink);
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:15px;
    line-height:1.6
}

a {
    color:var(--org-blue);
    text-decoration:none
}

a:hover {
    text-decoration:underline
}

button,input,select {
    font:inherit
}

button,a,input,select {
    touch-action:manipulation
}

a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {
    outline:3px solid #83b9ef;
    outline-offset:3px
}

.org-header {
    background:#fff;
    border-bottom:1px solid var(--org-line);
    min-height:84px;
    padding:20px max(24px,calc((100vw - 1240px)/2));
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:24px
}

.org-brand {
    display:flex;
    align-items:center;
    gap:10px;
    font-weight:750;
    font-size:22px;
    color:var(--org-ink);
    white-space:nowrap
}

.org-brand:hover {
    text-decoration:none
}

.org-mark {
    display:block;
    object-fit:contain;
    width:37px;
    height:37px;
}

.org-brand-label {
    font-size:10px;
    letter-spacing:2px;
    color:var(--org-muted);
    border-left:1px solid var(--org-line);
    padding-left:12px;
    margin-left:5px
}

.org-header nav {
    display:flex;
    align-items:center;
    gap:24px;
    font-size:13px
}

.org-header nav form {
    margin:0
}

.org-main {
    max-width:1240px;
    margin:0 auto;
    padding:44px 24px 64px;
    min-height:calc(100vh - 165px)
}

.org-footer {
    max-width:1240px;
    padding:20px 24px;
    margin:auto;
    border-top:1px solid var(--org-line);
    color:var(--org-muted);
    font-size:12px;
    display:flex;
    justify-content:space-between
}

h1,h2,h3,p {
    margin-top:0
}

h1 {
    font-size:36px;
    letter-spacing:-1.2px;
    line-height:1.18;
    margin-bottom:14px
}

h2 {
    font-size:21px;
    letter-spacing:-.4px;
    margin-bottom:8px
}

h3 {
    font-size:20px;
    line-height:1.3
}

p {
    margin-bottom:20px
}

.org-eyebrow {
    display:block;
    font-size:11px;
    font-weight:750;
    letter-spacing:2px;
    color:var(--org-blue);
    margin-bottom:16px
}

.org-muted {
    color:var(--org-muted)
}

.org-card {
    background:white;
    border:1px solid var(--org-line);
    border-radius:20px;
    padding:28px;
    box-shadow:0 4px 18px #17345104
}

.org-page-heading {
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:28px
}

.org-page-heading p {
    margin:0
}

.org-button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:24px;
    border:1px solid var(--org-blue);
    border-radius:10px;
    padding:12px 20px;
    color:#fff;
    background:var(--org-blue);
    font-weight:650;
    cursor:pointer;
    line-height:1.5
}

.org-button:hover {
    background:#115fad;
    text-decoration:none
}

.org-button:disabled {
    opacity:.5;
    cursor:not-allowed
}

.org-button.wide {
    width:100%;
    margin-top:18px
}

.org-button.secondary {
    color:var(--org-blue);
    background:#edf5fe;
    border-color:#d5e8fc
}

.org-text-button {
    border:0;
    background:none;
    color:var(--org-blue);
    padding:4px 0;
    cursor:pointer;
    font-size:13px
}

.org-text-button:hover {
    text-decoration:underline
}

.danger {
    color:#b33b44
}

.org-metrics {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
    margin-bottom:26px
}

.org-metrics article>span {
    color:var(--org-muted);
    font-size:13px
}

.org-metrics strong {
    display:block;
    font-size:38px;
    letter-spacing:-1.5px;
    margin:8px 0;
    line-height:1.3
}

.org-metrics .org-date {
    font-size:25px;
    letter-spacing:-.5px;
    margin:16px 0
}

.org-metrics small {
    font-size:12px;
    color:var(--org-muted)
}

.org-positive {
    color:#168267!important
}

.org-negative {
    color:#a34c26!important
}

.org-workspace {
    display:grid;
    grid-template-columns:minmax(0,1fr) 335px;
    gap:24px;
    align-items:start
}

.org-card-heading {
    display:flex;
    align-items:start;
    justify-content:space-between;
    gap:12px
}

.org-card-heading p {
    font-size:13px
}

.org-badge {
    display:inline-block;
    padding:4px 10px;
    border-radius:20px;
    font-size:11px;
    font-weight:650;
    background:#edf4fc;
    color:var(--org-blue);
    white-space:nowrap
}

.org-badge.active,.org-status {
    color:#18765c;
    background:#e7f5ef
}

.org-badge.muted {
    background:#f1f4f8;
    color:#637286
}

.org-table-scroll {
    overflow-x:auto
}

table {
    width:100%;
    border-collapse:collapse;
    text-align:left
}

th {
    font-size:11px;
    font-weight:600;
    color:var(--org-muted);
    text-transform:uppercase;
    padding:12px 8px;
    border-bottom:1px solid var(--org-line)
}

td {
    padding:17px 8px;
    border-bottom:1px solid #eef2f7;
    font-size:13px
}

td small,.org-invite-row small {
    display:block;
    color:var(--org-muted);
    font-size:12px
}

td:last-child {
    text-align:right
}

label {
    display:block;
    font-size:13px;
    font-weight:600;
    margin:18px 0 7px
}

input,select {
    width:100%;
    background:#fff;
    border:1px solid #ccd9e6;
    border-radius:10px;
    padding:12px 14px;
    min-height:46px;
    color:var(--org-ink)
}

input::placeholder {
    color:#8293a4
}

input[type=hidden] {
    display:none
}

.org-label-row {
    display:flex;
    justify-content:space-between;
    align-items:baseline;
    gap:8px
}

.org-label-row a {
    font-size:12px
}

.org-help {
    font-size:12px;
    line-height:1.7;
    color:var(--org-muted);
    margin-top:16px;
    margin-bottom:0
}

.org-note {
    font-size:12px;
    background:#f1f6fc;
    border-radius:10px;
    padding:14px;
    margin-top:24px;
    color:var(--org-muted)
}

.org-bottom-grid {
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:24px;
    margin-top:24px
}

.org-invite-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px 0;
    border-bottom:1px solid var(--org-line);
    overflow-wrap:anywhere;
    font-size:13px
}

.org-events {
    list-style:none;
    padding:0;
    margin:18px 0 0;
    max-height:270px;
    overflow:auto
}

.org-events li {
    padding:10px 0 10px 17px;
    border-left:2px solid #dbeafa;
    margin-bottom:5px;
    font-size:13px
}

.org-events small {
    display:block;
    color:var(--org-muted);
    font-size:11px
}

.org-empty {
    text-align:center;
    padding:55px 16px;
    color:var(--org-muted)
}

.org-empty>span {
    display:inline-grid;
    place-items:center;
    background:#edf4fc;
    border-radius:18px;
    font-size:32px;
    color:var(--org-blue);
    width:60px;
    height:60px;
    margin-bottom:22px
}

.org-empty h3 {
    color:var(--org-ink);
    margin-bottom:12px
}

.org-empty p {
    font-size:13px
}

.org-auth {
    display:grid;
    grid-template-columns:1.1fr 1fr;
    align-items:center;
    gap:90px;
    max-width:1080px;
    margin:45px auto
}

.org-auth-story h1 {
    font-size:48px;
    line-height:1.12;
    letter-spacing:-2px
}

.org-auth-story>p {
    max-width:390px;
    color:var(--org-muted);
    font-size:16px
}

.org-story-card {
    margin-top:40px;
    padding:28px;
    background:linear-gradient(135deg,#e3f0fe,#eef9f8);
    border:1px solid #d5e6f6;
    border-radius:20px;
    transform:rotate(-1deg)
}

.org-story-card h3 {
    margin:18px 0 8px
}

.org-story-card p {
    margin:0;
    color:var(--org-muted);
    font-size:13px
}

.org-status {
    font-size:11px;
    border-radius:20px;
    padding:5px 10px
}

.org-auth-form {
    padding:38px
}

.org-auth-form>p {
    font-size:13px
}

.org-auth-form h2 {
    font-size:25px;
    line-height:1.3
}

.org-single {
    max-width:550px;
    margin:45px auto;
    padding:40px
}

.org-single h1 {
    font-size:32px
}

.org-back {
    display:block;
    margin-top:24px;
    font-size:13px
}

.org-notice {
    padding:16px 20px;
    border-radius:12px;
    background:#fff6e5;
    color:#825b1e;
    margin-bottom:24px;
    border:1px solid #f0dfbb;
    font-size:13px
}

.org-notice.success {
    background:#eaf7f0;
    color:#166543;
    border-color:#c5e8d4
}

.org-notice.error {
    background:#fff0f1;
    color:#9f3039;
    border-color:#f4d2d5
}

.org-validation {
    color:#b02b38;
    font-size:13px
}

.org-validation ul {
    padding-left:18px
}

.org-sr-only {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0)
}

@media(max-width:1000px) {
    .org-auth {
    gap:40px
}

.org-auth-story h1 {
    font-size:39px
}

.org-workspace {
    grid-template-columns:minmax(0,1fr) 300px
}

.org-metrics {
    grid-template-columns:repeat(2,1fr)
}

.org-header {
    padding:18px 24px
}


}

/* Tablet workspace: leave enough room for the member table and account menu. */
@media(min-width:721px) and (max-width:1000px) {
    .org-workspace {
        grid-template-columns:minmax(0,1fr)
    }

    .org-header {
        flex-wrap:wrap
    }

    .org-header nav {
        flex-wrap:wrap;
        gap:16px
    }
}

@media(max-width:720px) {
    .org-header {
    align-items:flex-start;
    flex-direction:column;
    gap:12px
}

.org-header nav {
    gap:18px;
    flex-wrap:wrap
}

.org-main {
    padding:28px 16px 40px
}

.org-auth {
    grid-template-columns:1fr;
    gap:24px;
    margin:15px auto
}

.org-auth-story h1 {
    font-size:36px
}

.org-story-card {
    display:none
}

.org-auth-form,.org-single {
    padding:26px
}

.org-page-heading {
    align-items:flex-start;
    flex-direction:column
}

.org-page-heading h1 {
    font-size:30px
}

.org-workspace,.org-bottom-grid {
    grid-template-columns:1fr
}

.org-card {
    padding:22px
}

.org-metrics {
    gap:12px
}

.org-metrics article {
    padding:18px
}

.org-metrics strong {
    font-size:30px
}

.org-metrics .org-date {
    font-size:20px
}

.org-footer {
    gap:12px;
    flex-wrap:wrap
}

.org-single {
    margin:20px auto
}

.org-brand {
    font-size:20px
}


}