:root{--portal-ink:#171832;--portal-muted:#74778d;--portal-soft:#9b9db0;--portal-violet:#4d2bee;--portal-violet-dark:#3920be;--portal-lilac:#f2efff;--portal-canvas:#f6f7fb;--portal-line:#e8e9f1;--portal-white:#fff;--portal-green:#16845c;--portal-green-bg:#e8f7f0;--portal-amber:#aa6a13;--portal-amber-bg:#fff4df;--portal-red:#bb3e4a;--portal-red-bg:#fff0f0;--portal-sidebar:#11122f;--portal-sidebar-muted:#a5a7bf;--portal-shadow:0 12px 32px rgba(23,24,50,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--portal-canvas);color:var(--portal-ink);font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5}button,select{font:inherit}button{touch-action:manipulation}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;background:#fff;color:var(--portal-violet);border-radius:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid #a99bff;outline-offset:2px}.portal-shell{min-height:100vh}.portal-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;display:flex;flex-direction:column;width:258px;padding:22px 16px 14px;background:var(--portal-sidebar);color:#fff;overflow-y:auto}.portal-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:2px 12px 24px;text-decoration:none;color:#fff}.portal-brand img{display:block;width:166px;height:44px;object-fit:contain;object-position:left center}.portal-brand span{color:#aaa8dd;font-size:10px;font-weight:700;letter-spacing:.18em}.workspace-label,.nav-caption{margin:0 12px 9px;color:#898ca9;font-size:10px;font-weight:700;letter-spacing:.12em}.workspace-card{display:flex;align-items:center;gap:10px;padding:11px 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045)}.workspace-avatar{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;background:#4b38b9;color:#fff;font-size:12px;font-weight:700}.workspace-card>span:nth-child(2),.profile-row>span:nth-child(2){min-width:0;flex:1}.workspace-card strong,.profile-row strong{display:block;overflow:hidden;color:#f7f7ff;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.workspace-card small,.profile-row small{display:block;margin-top:3px;color:#a7a9c1;font-size:10px}.workspace-card>i,.profile-row>i{color:#9a9bb2;font-size:10px}.portal-nav{margin-top:24px}.nav-caption{margin-bottom:7px}.portal-nav-link{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin:3px 0;padding:0 12px;border:0;border-radius:9px;background:transparent;color:#c6c7d8;text-align:left;cursor:pointer;transition:background .18s,color .18s}.portal-nav-link>i{width:18px;color:#9c9eb7;text-align:center;font-size:14px}.portal-nav-link span:nth-child(2){flex:1}.portal-nav-link:hover{background:rgba(255,255,255,.07);color:#fff}.portal-nav-link.is-active{background:#2a2752;color:#fff;font-weight:600}.portal-nav-link.is-active>i{color:#b8aaff}.nav-count,.nav-alert{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:rgba(255,255,255,.1);color:#d4d4e4;font-size:10px}.nav-alert{background:#5435d1;color:#fff}.nav-caption-spaced{margin-top:25px}.sidebar-bottom{margin-top:auto;padding-top:24px}.sidebar-help{padding:15px 13px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.045)}.help-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:10px;border-radius:9px;background:rgba(120,96,245,.2);color:#c7bcff}.sidebar-help strong{font-size:12px}.sidebar-help p{margin:5px 0 10px;color:#b4b5c9;font-size:11px;line-height:1.55}.sidebar-help a{color:#c1b6ff;font-size:11px;font-weight:600;text-decoration:none}.sidebar-help a i{margin-left:4px}.back-to-site{display:flex;align-items:center;gap:8px;padding:17px 10px;color:#b7b8cb;font-size:11px;text-decoration:none}.back-to-site:hover{color:#fff}.profile-row{display:flex;align-items:center;gap:10px;padding:13px 9px 3px;border-top:1px solid rgba(255,255,255,.1)}.profile-avatar,.top-avatar{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:0;border-radius:50%;background:#ece9ff;color:#4a35c9;font-size:11px;font-weight:700}.demo-inline{margin-left:4px;color:#d0c7ff;font-size:8px;font-weight:700;letter-spacing:.08em}.portal-main{min-height:100vh;margin-left:258px;padding:0 34px 0;display:flex;flex-direction:column}.portal-topbar{display:flex;align-items:center;justify-content:space-between;min-height:67px;margin:0 -34px;padding:0 34px;border-bottom:1px solid var(--portal-line);background:rgba(255,255,255,.9)}.breadcrumbs{display:flex;align-items:center;gap:10px;color:var(--portal-muted);font-size:12px}.breadcrumbs i{font-size:9px;color:#b3b5c5}.breadcrumbs strong{color:var(--portal-ink);font-weight:600}.topbar-actions{display:flex;align-items:center;gap:17px}.topbar-demo{padding:6px 9px;border:1px solid #ded8ff;border-radius:6px;background:#f5f2ff;color:#5436d4;font-size:9px;font-weight:800;letter-spacing:.08em}.topbar-demo i{margin-right:5px;color:#8f78ff;font-size:7px}.icon-button{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--portal-line);border-radius:10px;background:#fff;color:#5e6178;cursor:pointer}.notification-button span{position:absolute;top:8px;right:8px;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:#f17855}.top-avatar{cursor:pointer}.mobile-menu{display:none}.demo-banner{display:flex;align-items:flex-start;gap:10px;margin:20px 0 0;padding:11px 14px;border:1px solid #ded8ff;border-radius:9px;background:#f5f2ff;color:#5b557e;font-size:11px;line-height:1.55}.demo-banner>i{margin-top:1px;color:#5d40d7}.demo-banner strong{color:#33247f}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:29px 0 22px}.eyebrow{margin:0 0 7px;color:#85889d;font-size:10px;font-weight:700;letter-spacing:.1em}.eyebrow span{padding:0 5px;color:#b5b2c8}.page-intro h1{margin:0;color:var(--portal-ink);font:600 clamp(24px,2.4vw,31px)/1.2 Poppins,Inter,sans-serif;letter-spacing:-.035em}.page-description{margin:7px 0 0;color:var(--portal-muted);font-size:13px}.intro-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.range-label{color:#7a7d91;font-size:10px;font-weight:600}.intro-actions select,.filter-select{height:39px;padding:0 32px 0 12px;border:1px solid var(--portal-line);border-radius:8px;background:#fff;color:#3a3c55;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:0 14px;border:1px solid transparent;border-radius:8px;font-size:11px;font-weight:700;text-decoration:none;cursor:pointer;transition:background .18s,border .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--portal-violet);color:#fff}.button-primary:hover{background:var(--portal-violet-dark)}.button-light{border-color:var(--portal-line);background:#fff;color:#45475f}.button-light:hover{border-color:#c7bfff;color:var(--portal-violet)}.view-content{flex:1}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-card,.panel,.project-card,.invoice-summary{border:1px solid var(--portal-line);border-radius:12px;background:var(--portal-white);box-shadow:var(--portal-shadow)}.metric-card{min-height:130px;padding:16px 17px}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-name{color:#72758b;font-size:11px;font-weight:600}.metric-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#f2efff;color:#6146dc;font-size:13px}.metric-value{display:flex;align-items:baseline;gap:8px;margin-top:10px;color:var(--portal-ink);font:600 24px/1.2 Poppins,Inter,sans-serif;letter-spacing:-.04em}.metric-delta{color:var(--portal-green);font-size:10px;font-weight:700;letter-spacing:0}.metric-delta.neutral{color:#797c91}.metric-foot{margin-top:5px;color:#8b8da0;font-size:10px}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.9fr);gap:15px;margin-bottom:16px}.panel{min-width:0;padding:18px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.panel-heading h2,.section-heading h2{margin:0;color:var(--portal-ink);font:600 15px/1.35 Poppins,Inter,sans-serif;letter-spacing:-.02em}.panel-heading p,.section-heading p{margin:4px 0 0;color:#85879a;font-size:10px}.panel-heading select{max-width:145px;height:32px;padding:0 27px 0 9px;border:1px solid var(--portal-line);border-radius:7px;background:#fff;color:#65677c;font-size:10px}.chart-summary{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}.chart-summary strong{font:600 23px Poppins,Inter,sans-serif;letter-spacing:-.04em}.chart-summary span{color:#808297;font-size:10px}.chart-wrap{position:relative;width:100%;min-height:205px}.chart-wrap svg{display:block;width:100%;height:205px;overflow:visible}.chart-gridline{stroke:#eeedf4;stroke-width:1}.chart-label{fill:#8c8ea2;font:10px Inter,Arial,sans-serif}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#593de0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#fff;stroke:#593de0;stroke-width:3}.chart-legend{display:flex;align-items:center;gap:7px;margin-top:2px;color:#77798d;font-size:10px}.legend-dot{width:8px;height:8px;border-radius:50%;background:#593de0}.chart-delta{margin-left:auto;color:var(--portal-green);font-weight:700}.mix-list{display:grid;gap:16px;margin-top:19px}.mix-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px}.mix-label{overflow:hidden;color:#45475e;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mix-value{color:#606277;font-size:10px;font-weight:700}.mix-track{grid-column:1/-1;height:7px;overflow:hidden;border-radius:10px;background:#f0eff5}.mix-fill{height:100%;border-radius:inherit;background:#5b41d9}.mix-fill.alt{background:#9a82f2}.mix-fill.green{background:#39a981}.mix-fill.orange{background:#ee9a68}.mix-foot{margin-top:18px;padding-top:12px;border-top:1px solid var(--portal-line);color:#85879a;font-size:10px;line-height:1.55}.mix-foot strong{color:#55576e}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:21px 0 11px}.text-link{color:var(--portal-violet);font-size:11px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.table-wrap{width:100%;overflow-x:auto}.portal-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.portal-table th{padding:10px 12px;border-bottom:1px solid var(--portal-line);color:#85879a;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.portal-table td{padding:12px;border-bottom:1px solid #f0f0f5;color:#4e5066;font-size:10px}.portal-table tbody tr:last-child td{border-bottom:0}.project-name{display:flex;align-items:center;gap:9px;min-width:175px}.project-mark{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#f0edff;color:#6045db;font-size:12px}.project-mark.support{background:#e9f6f3;color:#23846a}.project-mark.tech{background:#eaf2ff;color:#3e73c7}.project-mark.roof{background:#fff0e8;color:#c46c3f}.project-name strong{display:block;color:#282a43;font-size:10px}.project-name small{display:block;margin-top:3px;color:#8b8da0;font-size:9px}.status-pill,.billing-pill,.type-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;font-size:9px;font-weight:700}.status-pill:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.status-active{background:var(--portal-green-bg);color:var(--portal-green)}.status-review{background:var(--portal-amber-bg);color:var(--portal-amber)}.status-paid{background:var(--portal-green-bg);color:var(--portal-green)}.status-due{background:var(--portal-amber-bg);color:var(--portal-amber)}.status-overdue{background:var(--portal-red-bg);color:var(--portal-red)}.billing-pill{background:#f4f3f8;color:#65677e}.type-pill{background:#f2efff;color:#5e45ce}.table-action{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--portal-line);border-radius:7px;background:#fff;color:#696b80;cursor:pointer}.table-action:hover{border-color:#c7bfff;color:var(--portal-violet)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{padding:17px}.project-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.project-card h3{margin:0 0 4px;color:#272941;font:600 14px Poppins,Inter,sans-serif}.project-card .project-subtitle{margin:0;color:#85879a;font-size:10px}.project-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;padding:13px 0;border-top:1px solid #f0eff5;border-bottom:1px solid #f0eff5}.detail-cell small{display:block;color:#8a8c9e;font-size:9px}.detail-cell strong{display:block;margin-top:4px;color:#41435a;font-size:10px}.project-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.agent-stack{display:flex;align-items:center}.mini-avatar{display:grid;place-items:center;width:25px;height:25px;margin-left:-5px;border:2px solid #fff;border-radius:50%;background:#e9e5ff;color:#5842bd;font-size:8px;font-weight:700}.mini-avatar:first-child{margin-left:0}.agent-stack-label{margin-left:8px;color:#85879a;font-size:9px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}.filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-field{position:relative}.search-field i{position:absolute;top:50%;left:11px;color:#9698a9;font-size:11px;transform:translateY(-50%)}.search-field input{width:min(280px,72vw);height:38px;padding:0 12px 0 32px;border:1px solid var(--portal-line);border-radius:8px;background:#fff;color:#33354c;font:11px Inter,Arial,sans-serif}.filter-select{height:38px}.table-project-primary{display:block;color:#282a43;font-size:10px;font-weight:700}.table-project-secondary{display:block;margin-top:3px;color:#8b8da0;font-size:9px}.cell-strong{color:#292b43!important;font-weight:700}.cell-muted{color:#85879a!important}.channel-cell{display:flex;align-items:center;gap:8px}.channel-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f1efff;color:#6146da;font-size:11px}.invoice-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:15px}.invoice-summary{padding:16px}.invoice-summary span{display:block;color:#797b8f;font-size:10px}.invoice-summary strong{display:block;margin-top:7px;color:#272941;font:600 21px Poppins,Inter,sans-serif}.invoice-summary small{display:block;margin-top:4px;color:#9092a4;font-size:9px}.invoice-link{color:var(--portal-violet);font-size:10px;font-weight:700;text-decoration:none}.empty-state{padding:35px 16px;color:#838599;text-align:center}.performance-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:15px}.kpi-definition-list{display:grid;gap:0}.kpi-definition{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #f0eff5}.kpi-definition:last-child{border-bottom:0}.kpi-definition strong{display:block;color:#41435b;font-size:10px}.kpi-definition small{display:block;margin-top:3px;color:#8a8c9f;font-size:9px}.kpi-definition b{color:#292b43;font:600 15px Poppins,Inter,sans-serif;white-space:nowrap}.change-up{color:var(--portal-green)!important}.change-down{color:var(--portal-red)!important}.activity-list{display:grid;gap:0}.activity-item{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid #f0eff5}.activity-item:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#f2efff;color:#6045da;font-size:11px}.activity-item strong{display:block;color:#41435b;font-size:10px}.activity-item p{margin:3px 0 0;color:#85879b;font-size:9px;line-height:1.5}.activity-item time{margin-left:auto;color:#999bab;font-size:9px;white-space:nowrap}.page-note{margin:16px 0;padding:12px 14px;border:1px solid var(--portal-line);border-radius:9px;background:#fff;color:#77798d;font-size:10px;line-height:1.55}.page-note i{margin-right:6px;color:#6650d0}.portal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding:21px 0 15px;color:#9193a5;font-size:9px}.portal-footer a{color:#6350c7;font-weight:600;text-decoration:none}.hidden{display:none!important}
@media(max-width:1180px){.portal-main{padding-right:24px;padding-left:24px}.portal-topbar{margin-right:-24px;margin-left:-24px;padding-right:24px;padding-left:24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.performance-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}}
@media(max-width:980px){.portal-sidebar{transform:translateX(-102%);transition:transform .24s ease}.portal-sidebar.is-open{transform:translateX(0)}.sidebar-scrim{position:fixed;z-index:25;inset:0;background:rgba(13,14,35,.48);opacity:0;visibility:hidden;transition:opacity .24s,visibility .24s}.sidebar-scrim.is-open{opacity:1;visibility:visible}.portal-main{margin-left:0}.mobile-menu{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;margin-right:13px;border:1px solid var(--portal-line);border-radius:9px;background:#fff;color:#42445c;cursor:pointer}.portal-topbar{justify-content:flex-start}.breadcrumbs{flex:1}.topbar-actions{gap:10px}.content-grid,.performance-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.8fr)}}
@media(max-width:720px){.portal-main{padding-right:16px;padding-left:16px}.portal-topbar{min-height:60px;margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}.topbar-demo{font-size:8px}.topbar-actions{gap:7px}.breadcrumbs{gap:7px;font-size:10px}.page-intro{align-items:flex-start;flex-direction:column;margin:22px 0 17px}.intro-actions{width:100%}.range-label{width:100%}.intro-actions select{flex:1;min-width:135px}.intro-actions .button{flex:1}.content-grid,.performance-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.invoice-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.invoice-summary{padding:12px}.invoice-summary strong{font-size:17px}.section-heading{align-items:flex-start}.portal-footer{align-items:flex-start;flex-direction:column}.demo-banner{margin-top:14px}}
@media(max-width:480px){.portal-main{padding-right:12px;padding-left:12px}.portal-topbar{margin-right:-12px;margin-left:-12px;padding-right:12px;padding-left:12px}.topbar-demo{padding:5px 6px;letter-spacing:.02em}.icon-button{width:34px;height:34px}.top-avatar{width:31px;height:31px;flex-basis:31px}.mobile-menu{width:38px;height:38px;flex-basis:38px;margin-right:9px}.breadcrumbs span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-grid{gap:9px}.metric-card{min-height:117px;padding:13px}.metric-name{font-size:10px}.metric-value{font-size:21px}.metric-foot{font-size:9px}.panel{padding:14px}.chart-wrap svg{height:180px}.invoice-summary-grid{grid-template-columns:1fr}.invoice-summary{display:flex;align-items:center;justify-content:space-between;gap:8px}.invoice-summary strong{margin:0;font-size:16px}.invoice-summary small{max-width:80px;margin:0;text-align:right}.intro-actions .button{min-width:100%;}.range-label{font-size:11px}.page-description{font-size:12px}.filter-bar{align-items:stretch;flex-direction:column}.filter-group{width:100%}.filter-group .filter-select{flex:1}.search-field input{width:100%}.search-field{flex:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.login-page{min-height:100vh;background:radial-gradient(ellipse at 12% 16%,rgba(246,184,130,.23),transparent 28%),radial-gradient(ellipse at 85% 80%,rgba(113,84,236,.12),transparent 31%),#f7f6fb}.login-top{display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:24px 28px}.login-top img{display:block;width:190px;height:70px;object-fit:contain;object-position:left center}.login-top>a:last-child{color:#5e6078;font-size:12px;font-weight:600;text-decoration:none}.login-top>a:last-child:hover{color:var(--portal-violet)}.login-main{display:grid;place-items:center;min-height:calc(100vh - 150px);padding:22px}.login-card{width:min(100%,490px);padding:38px;border:1px solid var(--portal-line);border-radius:18px;background:#fff;box-shadow:0 22px 65px rgba(29,25,72,.09)}.login-lock{display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border-radius:13px;background:#f0edff;color:var(--portal-violet);font-size:18px}.login-eyebrow{margin:0 0 7px;color:#7162c7;font-size:10px;font-weight:800;letter-spacing:.12em}.login-card h1{margin:0;color:var(--portal-ink);font:600 29px/1.2 Poppins,Inter,sans-serif;letter-spacing:-.035em}.login-description{margin:12px 0 23px;color:#74778c;font-size:13px;line-height:1.7}.login-state{display:flex;align-items:flex-start;gap:12px;padding:15px;border:1px solid #e6e0ff;border-radius:11px;background:#f8f6ff}.login-state-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#eeeaff;color:#5d43d6}.login-state strong{display:block;color:#373254;font-size:11px}.login-state small{display:block;margin-top:5px;color:#74718b;font-size:10px;line-height:1.6}.login-preview{width:100%;min-height:47px;margin-top:18px;font-size:12px}.login-demo-note{display:flex;gap:8px;margin:17px 0 0;color:#87899b;font-size:10px;line-height:1.6}.login-demo-note i{margin-top:2px;color:#8070d4}.login-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1180px;margin:0 auto;padding:18px 28px;color:#9193a4;font-size:10px}.login-footer a{color:#6350c7;font-weight:600;text-decoration:none}
@media(max-width:560px){.login-top{padding:15px 18px}.login-top img{width:150px;height:56px}.login-main{min-height:calc(100vh - 120px);padding:16px}.login-card{padding:26px 22px}.login-footer{align-items:flex-start;flex-direction:column;padding:14px 18px}}

/* Reuse the site's button, card and motion language inside the portal. */
.portal-main .button{min-height:44px;padding:11px 20px;border-radius:5px;font-size:12px;letter-spacing:.01em;transition:color .35s,background .35s,border-color .35s,box-shadow .35s,transform .35s}.portal-main .button-primary{box-shadow:0 5px 14px rgba(77,43,238,.16)}.portal-main .button-primary:hover{box-shadow:0 8px 20px rgba(77,43,238,.24);transform:translateY(-2px)}.portal-main .button-light{border-color:#e4e0f3;background:#f3f1fe;color:var(--portal-violet)}.portal-main .button-light:hover{border-color:#d4ccff;background:#e9e5ff;color:#3020a0;transform:translateY(-2px)}.portal-main .button .fa-arrow-right{transition:transform .35s}.portal-main .button:hover .fa-arrow-right{transform:translateX(4px)}.portal-main .button:active{transform:translateY(0) scale(.98)}.metric-card,.project-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.metric-card:hover,.project-card:hover{transform:translateY(-3px);border-color:#d8d1ff;box-shadow:0 14px 30px rgba(31,28,74,.1)}.portal-nav-link{transition:background .25s,color .25s,transform .25s}.portal-nav-link:hover{transform:translateX(3px)}.portal-main .animated.fadeInUp{animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.25,1)}@media(prefers-reduced-motion:reduce){.portal-main .animated.fadeInUp{animation:none!important}.metric-card,.project-card,.portal-nav-link,.portal-main .button,.portal-main .button .fa-arrow-right{transition:none!important}.metric-card:hover,.project-card:hover,.portal-nav-link:hover,.portal-main .button:hover{transform:none}}