.portal-body{padding:0;background:#f7f5ef}body:has(#workspace:not([hidden])){background:#f5f4ee}[hidden]{display:none!important}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-art{padding:48px 60px;position:relative;display:flex;flex-direction:column;background:linear-gradient(0deg,#eeeae0bb,#f5f2e980),url('assets/architecture.png') center/cover}.login-statement{margin:auto 0;padding:90px 0 160px}.login-statement h1{font-size:clamp(50px,5.4vw,83px)}.login-statement>p:last-child{color:#72776e;font-size:16px;line-height:1.7}.login-footer{font-size:11px;color:#7b8075}.login-form-wrap{padding:48px 12%;display:flex;flex-direction:column}.back-link{font-size:12px;color:#777}.login-form{width:100%;max-width:390px;margin:auto;padding:70px 0}.login-form h2{font-size:51px}.login-form>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#777;max-width:320px;margin-bottom:32px}.login-form input{padding:15px}.login-submit{width:100%;margin-top:16px;background:#30352f;border-color:#30352f;color:#fff}.demo-notice{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:23px;margin-top:29px}.demo-notice p{font-size:11px;line-height:1.7;color:#7c8176;margin:0}.demo-notice strong{color:#555c51;font-weight:400}.status-dot{width:6px;height:6px;background:#df955d;border-radius:50%;flex-shrink:0;margin-top:7px}.login-bottom{font-size:10px;color:#8a8e84;text-align:center}.sidebar{position:fixed;width:238px;top:0;bottom:0;background:#eeeee6;border-right:1px solid #dddfd4;padding:38px 28px;display:flex;flex-direction:column}.sidebar .brand>span{font-size:25px}.sidebar .brand small{font-size:6px;letter-spacing:2px}.sidebar-label{font-size:9px;letter-spacing:2px;color:#919587;margin:65px 12px 20px}.portal-nav{position:static;display:flex;flex-direction:column;gap:8px;padding:0;align-items:stretch;background:none;border:0;box-shadow:none}.portal-nav button{border:0;background:none;text-align:left;padding:13px 16px;font-size:17px;color:#858b7e;cursor:pointer;border-radius:5px}.portal-nav button span{font-size:12px;margin-left:10px}.portal-nav button.active{background:#e3e5da;color:#343d2e}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:20px;font-size:11px;color:#737b6b}.sidebar-bottom button{border:0;background:none;text-align:left;padding:0;cursor:pointer;font-size:11px;color:inherit}.demo-badge{font-size:8px;letter-spacing:1.5px;color:#bd744e}.workspace-main{margin-left:238px}.workspace-top{height:85px;border-bottom:1px solid #e0e1d8;display:flex;align-items:center;justify-content:space-between;padding:0 5%;font-size:12px}.crumb{color:#95998f;margin-left:10px}.profile{display:flex;align-items:center;gap:11px;font-size:11px}#avatar{width:32px;height:32px;display:grid;place-items:center;background:#e6e8dd;border-radius:50%;font-size:10px;color:#626d55}.dashboard{max-width:1350px;margin:auto;padding:57px 5% 0}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.dashboard-heading h1{font-size:49px;letter-spacing:-2px}.dashboard-heading .eyebrow{margin-bottom:22px}.dashboard-heading>div>p:last-child{font-size:13px;color:#808576}.dashboard-heading .button{background:#30392d;border-color:#30392d;color:white}.sample-note{font-size:11px;line-height:1.7;color:#8a7764;background:#eee9de;padding:14px 18px;display:flex;gap:15px;justify-content:space-between;margin:22px 0}.sample-note button{border:0;background:none;font-size:11px;color:#946647;cursor:pointer;text-align:right}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:30px 0 47px}.stat{padding:22px;border:1px solid #dde0d3;background:#f9f8f2}.stat span{display:block;font-size:10px;color:#858b7b;margin-bottom:17px}.stat strong{font-size:32px;font-weight:300;letter-spacing:-1px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px;gap:15px}.section-title h2{font-size:26px;letter-spacing:-.8px;margin:0}.section-title>span{font-size:10px;color:#929686}.filters{display:flex;gap:12px;margin-bottom:22px}.filters input,.filters select{margin:0;background:#faf9f4;font-size:12px;padding:12px 14px}.search-label{margin:0;flex:1}.filters>select{width:155px}.project-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{background:#faf9f4;border:1px solid #dde0d3;padding:27px}.card-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.project-icon{width:40px;height:40px;display:grid;place-items:center;background:#e9ecdf;font-size:17px;color:#566348}.status{font-size:9px;background:#eaf0e1;color:#6a795b;padding:6px 10px;border-radius:20px}.status.attention{background:#f6eadb;color:#a0774f}.status.paused{background:#ebebeb;color:#888}.project-card h3{margin:20px 0 7px;font-size:24px}.project-card>p{font-size:12px;line-height:1.7;color:#818775;min-height:40px}.progress-meta{display:flex;justify-content:space-between;font-size:10px;color:#7a846e;margin:23px 0 9px}.progress-bar{height:3px;background:#e4e7db}.progress-bar span{height:100%;display:block;background:#b1bd9b}.card-milestone{border-top:1px solid #e5e6db;margin-top:25px;padding-top:17px;font-size:12px;display:flex;justify-content:space-between;gap:15px;line-height:1.5}.card-milestone small{display:block;font-size:9px;color:#969b8c;margin-bottom:7px}.card-milestone time{font-size:10px;color:#929888;white-space:nowrap}.card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.card-actions button,.action-row button{background:none;border:0;color:#687959;font-size:11px;cursor:pointer;padding:8px 0}.card-actions .delete-project{color:#a89986;font-size:10px}.actions-section{margin-top:42px}.action-row{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid #dfe2d5;align-items:center}.action-row input{width:17px;height:17px;margin:0;accent-color:#82976a}.action-row div{flex:1}.action-row p{font-size:13px;margin:0 0 6px}.action-row small{font-size:10px;color:#909782}.action-row.done p{text-decoration:line-through;color:#a0a693}.workspace-footer{font-size:10px;color:#979c8f;display:flex;justify-content:space-between;gap:15px;padding:40px 0;margin-top:45px;border-top:1px solid #e1e4d8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty{padding:40px;border:1px dashed #d5dbc9;color:#8b9580;grid-column:1/-1;font-size:13px;line-height:1.7}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:12px 24px;background:#30392d;color:#fff;font-size:12px;z-index:200;display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.sidebar{width:195px;padding:30px 20px}.workspace-main{margin-left:195px}.login-art{padding:35px}.login-form-wrap{padding:35px 10%}.stats{gap:12px}.stat{padding:16px}.project-card{padding:20px}}@media(max-width:700px){.login-layout{grid-template-columns:1fr}.login-art{padding:28px;min-height:185px}.login-statement{padding:35px 0 0;margin:0}.login-statement h1{font-size:32px;letter-spacing:-1px;margin:0}.login-statement h1 br{display:none}.login-statement>p,.login-statement .eyebrow,.login-footer{display:none}.login-form-wrap{padding:24px 8%}.login-form{padding:40px 0}.sidebar{position:static;width:100%;padding:20px;flex-direction:row;flex-wrap:wrap;gap:20px}.sidebar-label{display:none}.portal-nav{flex-direction:row;order:3;width:100%;gap:5px}.portal-nav button{padding:10px;flex:1;text-align:center}.portal-nav button span{margin-left:5px}.sidebar-bottom{flex-direction:row;margin:auto 0 auto auto;gap:10px}.sidebar-bottom a,.demo-badge{display:none}.workspace-main{margin:0}.workspace-top{height:60px;padding:0 6%}.crumb{display:none}.dashboard{padding:35px 6% 0}.dashboard-heading{align-items:flex-start}.dashboard-heading h1{font-size:39px}.dashboard-heading .button{font-size:11px;padding:11px;gap:12px;white-space:nowrap}.dashboard-heading>div>p:last-child{font-size:12px}.stats{grid-template-columns:1fr 1fr;margin-bottom:30px}.sample-note{flex-direction:column;gap:8px}.sample-note button{text-align:left;padding:0}.project-list{grid-template-columns:1fr}.workspace-footer{flex-direction:column;align-items:flex-start}.section-title>span{max-width:120px;text-align:right}.login-form h2{font-size:43px}.profile{max-width:60%}#profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}