@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{color:#1d1f2c;font-synthesis:none;background:#f7f7f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}.app-shell{background:#f7f7f4;min-height:100vh;display:flex}.sidebar{color:#d9dbe5;background:#191b2b;flex-direction:column;flex-shrink:0;width:250px;padding:25px 14px 16px;display:flex}.brand{color:#fff;letter-spacing:-.6px;align-items:center;gap:10px;padding:0 11px 26px;font-size:20px;font-weight:600;display:flex}.brand-mark{background:linear-gradient(145deg,#879dff,#6357d5);border-radius:7px;place-items:center;width:24px;height:24px;font-family:Georgia;font-size:16px;font-style:italic;display:grid}.workspace-switcher{color:#f1f1f5;text-align:left;background:#2a2d42;border-radius:8px;align-items:center;gap:9px;width:100%;margin-bottom:19px;padding:9px 10px;font-size:13px;display:flex}.workspace-switcher svg{color:#a8aaba;margin-left:auto}.workspace-icon{color:#3d2833;background:#efbea2;border-radius:5px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}nav{gap:3px;display:grid}.nav-item{color:#aeb0be;text-align:left;border-radius:7px;align-items:center;gap:11px;width:100%;padding:10px 11px;font-size:13px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#30334b}.nav-item.active svg{color:#aab8ff}.sidebar-section{letter-spacing:.85px;color:#777b91;justify-content:space-between;align-items:center;margin:31px 11px 9px;font-size:10px;display:flex}.sidebar-section button{color:#a4a7b7}.project-link{color:#bbbcca;text-align:left;align-items:center;gap:10px;padding:8px 11px;font-size:13px;display:flex}.project-dot{border-radius:50%;width:8px;height:8px}.blue{background:#93a9ff}.orange{background:#f1ad7c}.purple{background:#bc9dff}.view-all{color:#969aaf;align-items:center;gap:4px;padding:9px 11px;font-size:12px;display:flex}.sidebar-bottom{border-top:1px solid #303347;margin-top:auto;padding-top:12px}.profile{align-items:center;gap:9px;padding:17px 7px 3px;display:flex}.profile div{flex:1;gap:2px;display:grid}.profile b{color:#fff;font-size:12px}.profile small{color:#8f92a6;font-size:10px}.avatar{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:9px;font-weight:600;display:grid}main{flex:1;min-width:0}.topbar{background:#fbfbf9;border-bottom:1px solid #e7e6e1;justify-content:space-between;align-items:center;height:72px;padding:0 48px;display:flex}.crumb{color:#888a92;align-items:center;gap:8px;font-size:13px;display:flex}.crumb b{color:#333542;font-weight:500}.top-actions{align-items:center;gap:10px;display:flex}.icon-button{color:#5c5e69;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#f0f0ed}.notification{position:relative}.notification i{background:#ef7468;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.command{color:#9b9ba1;border:1px solid #e1e0dc;border-radius:6px;padding:6px 8px;font-family:DM Mono;font-size:11px}.content{max-width:1450px;margin:auto;padding:48px}.welcome-row{justify-content:space-between;align-items:flex-start;margin-bottom:35px;display:flex}.eyebrow{letter-spacing:1.2px;color:#98999d;margin:0 0 11px;font-size:10px;font-weight:600}.welcome-row h1{letter-spacing:-1.1px;color:#242532;margin:0 0 7px;font-family:Playfair Display,Georgia,serif;font-size:32px}.welcome-row h1 span{color:#878bdb;font-family:serif;font-size:25px}.subtle,.panel-head p{color:#93949b;margin:0;font-size:13px}.primary-button{color:#fff;background:#303451;border-radius:7px;align-items:center;gap:8px;padding:11px 15px;font-size:13px;font-weight:500;display:flex;box-shadow:0 2px 3px #20213c22}.primary-button:hover{background:#454a70}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:17px;display:grid}.stat-card{background:#fff;border:1px solid #e7e6e1;border-radius:10px;align-items:flex-start;gap:14px;min-height:135px;padding:22px;display:flex;position:relative}.stat-card button{color:#a1a2a8;position:absolute;top:14px;right:14px}.stat-icon{border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.light-blue{color:#697dcb;background:#eaf0ff}.light-violet{color:#8e70c7;background:#f1eaff}.light-amber{color:#d48e47;background:#fff1df}.stat-card div:nth-child(2){gap:3px;display:grid}.stat-card span{letter-spacing:.8px;color:#9b9ca2;font-size:10px;font-weight:600}.stat-card strong{letter-spacing:-1px;font-size:28px;font-weight:600}.stat-card small{color:#98999f;font-size:11px}.stat-card em{color:#5eaa79;font-style:normal}.two-column{grid-template-columns:1.35fr 1fr;gap:17px;margin-bottom:17px;display:grid}.panel{background:#fff;border:1px solid #e7e6e1;border-radius:10px}.panel-head{justify-content:space-between;align-items:flex-start;padding:23px 24px 19px;display:flex}.panel-head h2,.modal h2{letter-spacing:-.25px;margin:0 0 5px;font-size:15px}.text-button{color:#767bc0;align-items:center;gap:3px;padding:3px;font-size:12px;display:flex}.project-list{padding:0 24px 10px}.project-row{border-top:1px solid #f0efec;align-items:center;gap:12px;padding:15px 0;display:flex}.project-logo{color:#fff;border-radius:9px;place-items:center;width:35px;height:35px;font-size:9px;font-weight:600;display:grid}.project-info{flex:1;min-width:0}.project-title{align-items:center;gap:8px;display:flex}.project-title b,.task b{font-size:12px;font-weight:600}.project-info small{color:#9c9da3;font-size:10px}.status{color:#7680a9;background:#edf0ff;border-radius:9px;padding:3px 7px;font-size:9px}.status.review{color:#a06c3f;background:#fff0df}.progress{background:#f0f0ed;border-radius:8px;height:4px;margin-top:9px;overflow:hidden}.progress i{border-radius:inherit;height:100%;display:block}.avatar-stack{margin-left:10px;display:flex}.avatar-stack .avatar{width:24px;height:24px;margin-left:-7px;font-size:7px}.percent{color:#8c8d94;text-align:right;width:27px;font-size:10px}.tasks-panel{flex-direction:column;display:flex}.small-plus{color:#777984;border:1px solid #e7e6e1;border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.task-list{flex:1;padding:0 24px}.task{border-top:1px solid #f0efec;align-items:center;gap:10px;padding:14px 0;display:flex}.check{border:1.5px solid #c6c8d1;border-radius:50%;flex:none;width:16px;height:16px}.check.blue{border-color:#91a3ef}.check.violet{border-color:#b79ce5}.check.amber{border-color:#e5b177}.task div{flex:1;gap:3px;display:grid}.task span{color:#a0a1a7;font-size:10px}.task time{color:#9899a0;font-size:10px}.all-tasks{border-top:1px solid #f0efec;width:100%;padding:15px 24px}.activity{padding-bottom:1px}.activity-row{border-top:1px solid #f0efec;align-items:center;gap:11px;padding:13px 24px;display:flex}.activity-row p{flex:1;margin:0;font-size:12px}.activity-row p span{color:#a2a3a9;margin-top:4px;font-size:10px;display:block}.activity-row strong{font-weight:600}.activity-action{color:#646ab2;background:#f8f9ff;border:1px solid #dfe2f5;border-radius:5px;padding:5px 10px;font-size:11px}.approved{color:#4b9b6d;background:#e9f7ee;border-radius:8px;padding:4px 8px;font-size:10px}.modal-backdrop{z-index:10;background:#17182788;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:410px;padding:30px;position:relative;box-shadow:0 20px 60px #11132255}.close{color:#85868e;position:absolute;top:16px;right:16px}.modal-icon{color:#6578ce;background:#edf0ff;border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:17px;display:grid}.modal h2{font-size:19px}.modal>p{color:#81828a;margin:0 0 22px;font-size:12px;line-height:1.55}.modal label{color:#5c5e67;gap:6px;margin:13px 0;font-size:11px;font-weight:600;display:grid}.modal input{border:1px solid #dededb;border-radius:6px;outline:none;padding:10px 11px;font-size:12px}.modal input:focus{border-color:#858ad2;box-shadow:0 0 0 3px #858ad21c}.full{justify-content:center;width:100%;margin-top:13px}@media (width<=1150px){.content{padding:32px}.topbar{padding:0 32px}.two-column{grid-template-columns:1fr}.stats-grid{gap:12px}}@media (width<=768px){body{min-width:0}.app-shell{flex-direction:column}.sidebar{width:100%;padding:16px}.topbar,.content{padding:20px}.stats-grid,.two-column,.project-grid,.template-grid,.workspace-grid{grid-template-columns:1fr}.welcome-row,.page-intro,.workspace-hero{flex-direction:column;align-items:flex-start;gap:16px}.table-head{display:none}.client-row{grid-template-columns:1fr;gap:8px}.modal{width:calc(100% - 32px);padding:24px}}.page-intro{justify-content:space-between;align-items:flex-start;margin-bottom:34px;display:flex}.page-intro h1{letter-spacing:-1.1px;color:#242532;margin:0 0 7px;font-family:Playfair Display,Georgia,serif;font-size:34px}.filter-row{align-items:center;gap:8px;margin:-5px 0 22px;display:flex}.filter{color:#777984;background:#fff;border:1px solid #e7e6e1;border-radius:7px;padding:8px 11px;font-size:12px}.active-filter{color:#fff;background:#303451;border-color:#303451}.active-filter span{color:#fff;background:#fff2;border-radius:10px;margin-left:3px;padding:1px 5px}.filter-spacer{align-items:center;gap:5px;margin-left:auto;display:flex}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.project-card,.template-card{background:#fff;border:1px solid #e7e6e1;border-radius:10px;padding:22px}.card-top,.card-team,.card-foot{justify-content:space-between;align-items:center;display:flex}.project-card h2,.template-card h2{letter-spacing:-.2px;margin:20px 0 5px;font-size:15px}.project-card>p,.template-card p{color:#9798a0;margin:0;font-size:12px}.project-card .progress{margin:23px 0 8px}.card-foot{color:#92939a;font-size:10px}.card-team{border-top:1px solid #f0efec;margin-top:18px;padding-top:15px}.card-open{color:#686fb5;align-items:center;gap:3px;font-size:11px;display:flex}.table-panel{overflow:hidden}.table-head,.client-row{grid-template-columns:1.7fr 1fr 1.2fr .7fr 28px;align-items:center;gap:18px;display:grid}.table-head{color:#9a9ba1;letter-spacing:.8px;padding:15px 24px 12px;font-size:9px;font-weight:700}.client-row{color:#5f6069;border-top:1px solid #f0efec;padding:16px 24px;font-size:12px}.client-name{align-items:center;gap:10px;display:flex}.client-name b{color:#30313c;font-size:12px}.client-name small{color:#a3a4ab;margin-top:3px;font-size:10px;display:block}.client-status{color:#4b9b6d;background:#e9f7ee;border-radius:9px;width:max-content;padding:4px 8px;font-size:10px}.client-status.prospect{color:#8066af;background:#f4efff}.row-menu{color:#96979f}.client-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:17px;display:grid}.client-summary div{background:#fff;border:1px solid #e7e6e1;border-radius:10px;padding:18px 21px}.client-summary span{font-size:22px;font-weight:600;display:block}.client-summary small{color:#96979e;font-size:11px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.template-card{flex-direction:column;min-height:210px;display:flex}.template-icon{border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.template-icon.violet{color:#8e70c7;background:#f1eaff}.template-icon.blue{color:#697dcb;background:#eaf0ff}.template-icon.amber{color:#d48e47;background:#fff1df}.template-icon.mint{color:#4d9a86;background:#e7f5f0}.template-card h2{margin-top:18px}.template-card p{max-width:330px;line-height:1.55}.template-card>div:last-child{justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;display:flex}.template-card>div:last-child>span{color:#a1a2a8;font-size:10px}.guidance{align-items:center;gap:15px;margin-top:17px;padding:21px 24px;display:flex}.guidance .modal-icon{flex:none;margin:0}.guidance h2{margin:0 0 4px;font-size:13px}.guidance p{color:#919299;margin:0;font-size:11px}.secondary-button{color:#656779;border:1px solid #dcdde2;border-radius:6px;margin-left:auto;padding:8px 11px;font-size:11px}@media (width<=1150px){.project-grid,.template-grid{grid-template-columns:1fr}.table-head,.client-row{grid-template-columns:1.5fr 1fr 1fr 28px}.table-head span:nth-child(3),.client-row>span:nth-child(3){display:none}}.quick-form,.template-notice{background:#fff;border:1px solid #e7e6e1;border-radius:10px;align-items:center;gap:10px;margin:-12px 0 20px;padding:13px 16px;display:flex}.quick-form input{border:1px solid #dededb;border-radius:6px;flex:1;padding:9px 11px;font-size:12px}.quick-form .primary-button{padding:9px 12px}.template-notice{color:#696b76;font-size:12px}.template-notice svg{color:#7a7fce}.template-notice .text-button{margin-left:auto}.back-button{color:#7075b9;margin:-9px 0 18px;font-size:12px}.workspace-hero{align-items:center;gap:14px;margin-bottom:24px;display:flex}.workspace-hero .project-logo{width:46px;height:46px;font-size:11px}.workspace-hero h1{letter-spacing:-.7px;margin:0 0 5px;font-family:Playfair Display,Georgia,serif;font-size:28px}.workspace-hero .eyebrow{margin-bottom:5px}.workspace-hero .primary-button{margin-left:auto}.workspace-tabs{border-bottom:1px solid #e6e5e0;gap:25px;margin-bottom:20px;display:flex}.workspace-tabs button{color:#84858d;padding:0 1px 11px;font-size:12px}.workspace-tabs .selected-tab{color:#33364b;border-bottom:2px solid #7379bf;font-weight:600}.workspace-grid{grid-template-columns:1.35fr 1fr;gap:17px;display:grid}.step-list{padding:0 24px 14px}.step{border-top:1px solid #f0efec;align-items:center;gap:11px;padding:14px 0;display:flex}.step-dot{color:#888a92;background:#f2f2ef;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;display:grid}.step-dot.complete{color:#529977;background:#e7f5ef}.step div{flex:1;gap:3px;display:grid}.step b{font-size:12px}.step small{color:#96979e;font-size:10px}.project-brief{padding-bottom:21px}.project-brief>p{color:#70717a;margin:0 0 12px;padding:0 24px;font-size:12px;line-height:1.7}.project-brief>.text-button{margin-left:21px}.empty-workspace{text-align:center;place-items:center;padding:55px 25px;display:grid}.empty-workspace svg{color:#7d83c8;margin-bottom:8px}.empty-workspace h2{margin:0 0 5px;font-size:15px}.empty-workspace p{color:#9899a0;margin:0 0 18px;font-size:12px}@media (width<=1150px){.workspace-grid{grid-template-columns:1fr}}