:root{--cp-ink:#151922;--cp-paper:#f4f2eb;--cp-line:#dad8d1;--cp-lime:#bff56f;--cp-purple:#735ff7;--cp-muted:#777e87}.client-portal{background:var(--cp-paper);min-height:100vh;color:var(--cp-ink);grid-template-columns:218px minmax(0,1fr);display:grid}.client-rail{color:#fff;background:#151922;flex-direction:column;height:100vh;padding:22px 17px;display:flex;position:sticky;top:0}.client-brand{color:#fff;border-bottom:1px solid #2d323d;align-items:center;gap:10px;padding:3px 5px 25px;text-decoration:none;display:flex}.client-brand img{width:37px;height:37px}.client-brand>span{flex-direction:column;display:flex}.client-brand strong{letter-spacing:.08em;font-size:17px}.client-brand small{font:700 11px var(--font-geist-mono),monospace;color:var(--cp-lime);letter-spacing:.15em;margin-top:3px}.client-rail nav{gap:6px;margin-top:24px;display:grid}.client-rail nav a{color:#9da5b1;border-radius:9px;grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:750;text-decoration:none;display:grid}.client-rail nav a.active,.client-rail nav a:hover{color:#fff;background:#252b35}.client-rail nav i{font-size:13px;font-style:normal}.client-account{border-top:1px solid #2d323d;grid-template-columns:34px 1fr;align-items:center;gap:9px;margin-top:auto;padding:18px 4px 0;display:grid}.client-account>span{background:var(--cp-lime);color:#17200f;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.client-account>div{flex-direction:column;min-width:0;display:flex}.client-account strong{font-size:13px}.client-account small{color:#818a97;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;overflow:hidden}.client-account>a{color:#9fabb4;grid-column:2;font-size:11px;text-decoration:none}.client-main{min-width:0;padding:36px 38px 65px}.client-top{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.client-top>div:first-child>span,.client-section>header span,.project-status>span{font:850 12px var(--font-geist-mono),monospace;letter-spacing:.15em;color:var(--cp-purple)}.client-top h1{letter-spacing:-.055em;margin:8px 0 4px;font-size:39px}.client-top p{color:var(--cp-muted);margin:0;font-size:14px}.portal-security{background:#ebf7e3;border:1px solid #c9ddbb;border-radius:11px;grid-template-columns:28px 1fr;align-items:center;gap:9px;width:250px;padding:11px;display:grid}.portal-security>span{color:#fff;background:#74aa4c;border-radius:8px;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.portal-security>p{flex-direction:column;margin:0;display:flex}.portal-security strong{font-size:12px}.portal-security small{color:#65755c;margin-top:3px;font-size:11px}.client-overview{grid-template-columns:minmax(280px,1.3fr) repeat(3,minmax(130px,.7fr));gap:10px;margin:25px 0 12px;display:grid}.client-overview>article{border:1px solid var(--cp-line);background:#fff;border-radius:13px;flex-direction:column;padding:17px;display:flex}.client-overview>article:not(.project-status)>span{color:var(--cp-muted);font-size:12px}.client-overview>article:not(.project-status)>strong{letter-spacing:-.04em;margin:13px 0 5px;font-size:20px}.client-overview>article:not(.project-status)>small{color:#8a9098;font-size:11px}.client-overview>article.attention{background:#fff3ee;border-color:#ebc6bc}.client-overview>article.attention strong{color:#bc513e}.project-status{color:#fff!important;background:#171b24!important;border-color:#171b24!important}.project-status h2{margin:9px 0 4px;font-size:24px}.project-status>p{color:#abb3bf;margin:0;font-size:12px;line-height:1.5}.project-status>div{margin-top:auto;padding-top:14px}.project-status i{background:#333a46;border-radius:99px;height:5px;display:block;overflow:hidden}.project-status i b{background:var(--cp-lime);height:100%;display:block}.project-status small{color:#89929e;margin-top:6px;font-size:11px;display:block}.client-section{border:1px solid var(--cp-line);background:#fff;border-radius:14px;margin-top:11px;overflow:hidden}.client-section>header{border-bottom:1px solid var(--cp-line);justify-content:space-between;align-items:flex-end;padding:20px 22px;display:flex}.client-section h2{margin:5px 0 0;font-size:20px}.client-section>header>a{color:var(--cp-purple);font-size:12px;font-weight:800;text-decoration:none}.client-table{padding:0 12px 14px}.client-row{border-bottom:1px solid var(--cp-line);grid-template-columns:minmax(210px,1.4fr) .55fr .55fr .45fr;align-items:center;gap:12px;padding:14px 10px;display:grid}.client-row-head{color:#8a9098;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.client-row>div{flex-direction:column;gap:4px;display:flex}.client-row strong{font-size:13px}.client-row small{color:#828891;font-size:11px}.client-row>b{font:800 11px var(--font-geist-mono),monospace;color:#6c7180}.client-row>span{color:#4d752f;background:#eaf5df;border-radius:99px;justify-self:start;padding:5px 7px;font-size:11px}.client-empty{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:220px;display:flex}.client-empty>span{color:var(--cp-purple);font-size:23px}.client-empty strong{font-size:14px}.client-empty small{color:var(--cp-muted);font-size:11px}.next-section{padding-bottom:20px}.next-card{background:#f8f7f2;border:1px solid #d7d4cd;border-radius:11px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;margin:20px 22px 11px;padding:16px;display:grid}.next-card>span{background:var(--cp-lime);width:37px;height:37px;font:850 12px var(--font-geist-mono),monospace;border-radius:10px;place-items:center;display:grid}.next-card>div{flex-direction:column;display:flex}.next-card strong{font-size:14px}.next-card p{color:#69717a;margin:5px 0 0;font-size:12px;line-height:1.5}.next-card>a{color:#fff;background:#171b24;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:800;text-decoration:none}.privacy-note{background:#eeeaff;border-radius:10px;grid-template-columns:28px 1fr;gap:9px;margin:0 22px;padding:12px;display:grid}.privacy-note>span{color:#fff;background:#7561e4;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.privacy-note>p{margin:0}.privacy-note strong,.privacy-note small{display:block}.privacy-note strong{font-size:12px}.privacy-note small{color:#6d678c;margin-top:4px;font-size:11px;line-height:1.45}.portal-message{color:#fff;background:#151922;flex-direction:column;min-height:100vh;padding:26px;display:flex}.message-brand{color:#fff;align-items:center;gap:9px;text-decoration:none;display:flex}.message-brand img{width:38px;height:38px}.message-brand strong{letter-spacing:.08em;font-size:18px}.portal-message>section{text-align:center;max-width:560px;margin:auto}.portal-message>section>span{font:900 35px var(--font-geist-mono),monospace;color:var(--cp-lime)}.portal-message h1{letter-spacing:-.045em;margin:18px 0 10px;font-size:34px}.portal-message p{color:#adb5c0;font-size:15px;line-height:1.7}.portal-message>section>div{justify-content:center;gap:8px;margin-top:20px;display:flex}.portal-message>section a{color:#fff;border:1px solid #3d4450;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:800;text-decoration:none}.portal-message>section a:first-child{background:var(--cp-lime);border-color:var(--cp-lime);color:#17200f}.client-purpose{background:#fff;border:1px solid #d6d3cb;border-radius:13px;margin-top:20px;padding:16px 18px}.client-purpose>strong{font-size:14px;display:block}.client-purpose ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.client-purpose li{background:#f5f4ef;border-radius:9px;grid-template-columns:25px 1fr;align-items:center;gap:8px;padding:10px;display:grid}.client-purpose li b{color:#fff;width:25px;height:25px;font:800 10px var(--font-geist-mono),monospace;background:#735ff7;border-radius:8px;place-items:center;display:grid}.client-purpose li span{font-size:11px;line-height:1.45}.client-purpose>small{color:#727983;font-size:10px;line-height:1.5}@media (max-width:1000px){.client-overview{grid-template-columns:1fr 1fr}.project-status{grid-row:span 2}.client-row{grid-template-columns:minmax(190px,1fr) .5fr .5fr}.client-row>span{grid-column:2}.client-purpose ol{grid-template-columns:1fr}}@media (max-width:720px){.client-portal{display:block}.client-rail{grid-template-columns:auto 1fr;height:auto;padding:11px 14px;display:grid;position:static}.client-brand{border:0;padding:0}.client-rail nav{justify-content:flex-end;margin:0;display:flex}.client-rail nav a{grid-template-columns:22px 1fr}.client-rail nav a:nth-child(n+2),.client-account{display:none}.client-main{padding:25px 14px 50px}.client-top{flex-direction:column;align-items:flex-start}.portal-security{width:100%}.client-overview{grid-template-columns:1fr 1fr}.project-status{grid-area:auto/1/auto/-1;min-height:190px}.client-row-head{display:none}.client-row{grid-template-columns:1fr auto;padding:15px 4px}.client-row>b{grid-column:1}.client-row>strong{grid-area:1/2}.client-row>span{grid-area:2/2}.next-card{grid-template-columns:38px 1fr}.next-card>a{grid-column:2;justify-self:start}.portal-message h1{font-size:28px}}.portal-access-message form{justify-items:center;gap:11px;margin-top:24px;display:grid}.portal-access-message form button{background:var(--cp-lime);color:#17200f;cursor:pointer;border:0;border-radius:10px;padding:13px 18px;font-size:13px;font-weight:900}.portal-access-message form small{color:#858f9c;font-size:11px}.portal-project-chooser>section{width:min(680px,100%)}.portal-project-list{gap:10px!important;margin-top:24px!important;display:grid!important}.portal-project-list>a{text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;display:grid;color:#fff!important;background:#202630!important;border-color:#3b4350!important;padding:16px!important}.portal-project-list>a strong{font-size:15px}.portal-project-list>a small{color:#9fa8b5;grid-column:1;font-size:12px}.portal-project-list>a b{color:var(--cp-lime);grid-area:1/2/3;align-self:center;font-size:12px}@media (max-width:620px){.portal-project-list>a{grid-template-columns:1fr}.portal-project-list>a small,.portal-project-list>a b{grid-area:auto/1}.portal-project-list>a b{margin-top:7px}}.portal-switch-project{color:var(--cp-purple);margin-top:10px;font-size:12px;font-weight:850;text-decoration:none;display:inline-flex}.client-account>a+a{margin-left:10px}@media (max-width:720px){.portal-switch-project{margin-top:7px}}.portal-action-notice{background:#edf8e6;border:1px solid #c8ddbb;border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;display:grid}.portal-action-notice>span{color:#fff;background:#69a13f;border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.portal-action-notice strong{font-size:14px}.portal-action-notice p{color:#607056;margin:4px 0 0;font-size:12px;line-height:1.5}.portal-action-notice>a{color:#355e24;font-size:12px;font-weight:850;text-decoration:none}.portal-action-notice.attention{background:#fff8df;border-color:#e9d38c}.portal-action-notice.attention>span{background:#cf9227}.portal-action-notice.attention p{color:#7b642f}.portal-action-notice.error{background:#fff0ec;border-color:#e8b7ab}.portal-action-notice.error>span{background:#c65743}.portal-action-notice.error p{color:#7c4c43}@media (max-width:720px){.portal-action-notice{grid-template-columns:34px 1fr}.portal-action-notice>a{grid-column:2}}.portal-quote-actions{align-items:flex-start}.portal-quote-actions>span{color:#4d752f;background:#eaf5df;border-radius:99px;padding:5px 8px;font-size:11px}.portal-quote-actions>a{color:var(--cp-purple);font-size:11px;font-weight:800;text-decoration:none}.portal-quote-actions form{flex-wrap:wrap;gap:5px;display:flex}.portal-quote-actions button{cursor:pointer;background:#fff;border:1px solid #d8d5cf;border-radius:7px;padding:6px 8px;font-size:11px;font-weight:800}.portal-quote-actions button:first-of-type{color:#fff;background:#171b24;border-color:#171b24}@media (max-width:720px){.portal-quote-actions{grid-column:1/-1}.portal-quote-actions form{width:100%}.portal-quote-actions button{flex:1}.client-row>.portal-quote-actions{display:flex}}
