.dashboard-page{background:#f6f8f5;min-height:100vh}.dash-header{height:67px;background:white;border-bottom:1px solid #e4ebe4;display:flex;align-items:center;padding:0 25px;gap:25px;position:sticky;top:0;z-index:30}.dash-header .brand{font-size:17px}.dash-header .brand-symbol{width:30px;height:30px}.dash-header-center{display:flex;align-items:center;gap:10px;font-size:11px;margin-left:20px}.header-breadcrumb{color:#87958b}.crumb-divider{color:#c3cdc4}.dash-header-center b{color:#344c3b}.dash-header-actions{margin-left:auto;display:flex;align-items:center;gap:15px}.preview-label{font-size:8px;letter-spacing:.8px;color:#66806d;background:#eef6ed;border:1px solid #e2eee0;border-radius:20px;padding:6px 9px}.preview-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58ad71;margin-right:5px}.dash-header .signin-button{padding:8px 11px}.user-initial{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#e6f1e5;color:#32784a;font-size:10px;font-weight:700}.dashboard-layout{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:calc(100vh - 67px)}.dashboard-sidebar{background:white;border-right:1px solid #e5ece5;padding:18px 13px;display:flex;flex-direction:column;position:sticky;top:67px;height:calc(100vh - 67px);min-height:650px}.sidebar-workspace{display:flex;align-items:center;gap:9px;padding:8px 7px 18px;border-bottom:1px solid #edf1ed}.workspace-logo{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#28784f;color:white;font:800 15px var(--display)}.sidebar-workspace>div{flex:1}.sidebar-workspace b,.sidebar-workspace small{display:block}.sidebar-workspace b{font-size:10px}.sidebar-workspace small{font-size:8px;color:#87968c}.workspace-chevron{color:#8b9b90;font-size:14px}.sidebar-label{font-size:8px;letter-spacing:1px;color:#9aa79e;font-weight:700;padding:21px 9px 8px}.sidebar-nav{display:grid;gap:3px}.sidebar-nav a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:6px;color:#66796c;font-size:10px;font-weight:600}.sidebar-nav a>span{width:15px;text-align:center;font-size:13px;color:#829489}.sidebar-nav a:hover{background:#f5f8f4;color:#315c3e}.sidebar-nav a.active{background:#edf5eb;color:#28784f}.sidebar-nav a.active>span{color:#28784f}.sidebar-nav em{font-style:normal;font-size:8px;color:#819187;background:#f0f4ef;border-radius:4px;padding:3px 6px;margin-left:auto}.sidebar-bottom-label{padding-top:22px}.sidebar-help{margin-top:auto;padding:13px 11px;background:#f5f8f3;border:1px solid #e9efe7;border-radius:8px}.help-symbol{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#e5f1e2;color:#367c4d;font-weight:700;font-size:11px;margin-bottom:9px}.sidebar-help b,.sidebar-help small{display:block}.sidebar-help b{font-size:10px}.sidebar-help small{font-size:8px;line-height:1.55;color:#849289;margin:4px 0 8px}.sidebar-help a{font-size:8px;color:#28784f;font-weight:700}.sidebar-user{border-top:1px solid #edf1ed;margin-top:14px;padding:13px 3px 2px;display:flex;align-items:center;gap:8px}.sidebar-user>div{flex:1}.sidebar-user b,.sidebar-user small{display:block}.sidebar-user b{font-size:9px}.sidebar-user small{font-size:8px;color:#87968c}.user-menu{color:#829187}.dashboard-main{width:min(1190px,100%);padding:35px 36px 22px;margin:0 auto}.dash-welcome-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.dash-overline{font-size:8px;letter-spacing:1px;color:#809186;font-weight:700}.dash-welcome-row h1{font:750 27px var(--display);letter-spacing:-.9px;margin:5px 0 3px}.dash-welcome-row p{font-size:11px;color:#718176;margin:0}.dash-welcome-row .btn{padding:10px 14px;font-size:10px}.preview-banner{display:flex;align-items:center;gap:10px;margin:23px 0 19px;padding:11px 13px;border:1px solid #e5ebd9;background:#fbfcf5;border-radius:7px}.banner-icon{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#eff3dc;color:#71843c;font-size:11px;font-weight:700}.preview-banner>div{flex:1}.preview-banner b,.preview-banner span{display:block}.preview-banner b{font-size:9px;color:#53643c}.preview-banner>div>span{font-size:8px;color:#7d896e}.preview-banner button{border:0;background:none;color:#9aa28e;font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-grid article{background:white;border:1px solid #e5ece5;border-radius:8px;padding:15px 16px;box-shadow:0 3px 10px rgba(30,70,43,.025)}.stat-grid article>div{display:flex;align-items:center;justify-content:space-between}.stat-grid small{font-size:8px;letter-spacing:.6px;color:#839187;font-weight:700}.stat-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;font-size:11px}.green-stat{background:#e9f4e7;color:#4b925a}.blue-stat{background:#e9f2f8;color:#4b8aaf}.orange-stat{background:#fff3e5;color:#bd874a}.purple-stat{background:#f0ebf8;color:#856cb0}.stat-grid strong{display:block;font:750 28px var(--display);line-height:1.3;margin:7px 0 2px}.stat-grid p{font-size:8px;color:#8a978e;margin:0}.stat-grid p b{color:#4d8056}.dashboard-section{margin-top:30px}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:13px}.section-title-row h2{font:700 16px var(--display);margin:0 0 3px}.section-title-row p{font-size:9px;color:#859389;margin:0}.small-action{font-size:9px;color:#28784f;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.project-card{background:white;border:1px solid #e4ebe4;border-radius:8px;padding:14px 15px}.project-top{display:flex;justify-content:space-between;align-items:center}.project-category{font-size:7px;letter-spacing:.6px;font-weight:700;padding:5px 7px;border-radius:4px}.green-cat{background:#edf6eb;color:#488554}.purple-cat{background:#f2eef8;color:#866daf}.blue-cat{background:#edf4f8;color:#4a86a8}.project-menu{color:#98a49b;font-size:17px;line-height:1}.project-card h3{font:700 13px var(--display);margin:12px 0 5px}.project-card>p{font-size:9px;line-height:1.65;color:#819087;margin:0;min-height:43px}.project-progress{margin-top:14px}.project-progress>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.project-progress small{font-size:8px;color:#8a978e}.project-progress b{font-size:8px;color:#496a50}.project-progress>span{height:5px;display:block;background:#edf2ec;border-radius:5px;overflow:hidden}.project-progress>span i{height:100%;display:block;background:#70b37a;border-radius:5px}.project-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1ed;margin-top:13px;padding-top:10px;font-size:8px;color:#89968d}.project-owner{display:flex;align-items:center;gap:6px}.owner-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.business-dot{background:#9a83c6}.marketing-dot{background:#c78c5c}.development-dot{background:#6fa6c4}.task-filters{display:flex;gap:5px;flex-wrap:wrap}.filter{border:1px solid #e4ebe4;background:white;border-radius:5px;padding:6px 9px;font-size:8px;color:#78877d}.filter.active,.filter:hover{border-color:#a9cbaa;background:#eff6ed;color:#28784f}.task-table-wrap{background:white;border:1px solid #e4ebe4;border-radius:8px;overflow:auto}.task-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.task-table th{background:#fafcf9;color:#94a097;font-size:7px;letter-spacing:.7px;font-weight:700;padding:11px 14px;border-bottom:1px solid #edf1ed}.task-table td{padding:12px 14px;border-bottom:1px solid #f0f3ef;color:#66776c;font-size:8px}.task-table tr:last-child td{border:0}.task-table td b,.task-table td small{display:block}.task-table td b{font-size:9px;color:#344b3b}.task-table td small{font-size:7px;color:#9aa69d;margin-top:3px}.department-chip,.task-status{font-size:7px;border-radius:4px;padding:5px 7px}.business-chip{background:#f2eef8;color:#8067ad}.marketing-chip{background:#fff2e8;color:#ae7a4e}.development-chip{background:#edf4f8;color:#4d85a5}.creative-chip{background:#edf6eb;color:#4d8c5b}.review-status{background:#fff4e6;color:#a7783f}.progress-status{background:#eaf3f8;color:#4d85a5}.assigned-status{background:#f0f2ef;color:#75847a}.table-footnote{padding:10px 14px;border-top:1px solid #edf1ed;font-size:8px;color:#99a49b}.task-table tr.hidden{display:none}.dash-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-two-column .dashboard-section{min-width:0}.dash-two-column .section-title-row{min-height:37px}.department-list,.activity-feed{background:white;border:1px solid #e4ebe4;border-radius:8px;padding:14px}.department-list>div{display:grid;grid-template-columns:7px 76px 48px 1fr;align-items:center;gap:8px;margin:0 0 13px;font-size:8px;color:#617267}.department-list>div:last-child{margin-bottom:0}.dept-bullet{width:6px;height:6px;border-radius:50%}.creative-bullet{background:#64ad72}.development-bullet{background:#6fa6c4}.business-bullet{background:#9a83c6}.marketing-bullet{background:#d39b61}.docs-bullet{background:#c47d96}.ops-bullet{background:#66a99d}.department-list b{font-size:7px;color:#8b988f;font-weight:500}.dept-track{height:5px;background:#eff3ee;border-radius:5px;overflow:hidden}.dept-track i{height:100%;display:block;background:#69b17a;border-radius:5px}.dev-track i{background:#77aeca}.business-track i{background:#9b85c6}.marketing-track i{background:#d29a60}.docs-track i{background:#c17f98}.ops-track i{background:#65a89c}.activity-feed>div{display:flex;align-items:center;gap:9px;padding:3px 0 12px;margin-bottom:11px;border-bottom:1px solid #edf1ed}.activity-feed>div:last-child{padding-bottom:0;margin-bottom:0;border:0}.activity-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;font-size:9px;font-weight:700}.creative-avatar{background:#edf6eb;color:#4d8c5b}.business-avatar{background:#f2eef8;color:#8067ad}.marketing-avatar{background:#fff2e8;color:#ae7a4e}.activity-feed p{flex:1;margin:0}.activity-feed p b,.activity-feed p span,.activity-feed p small{display:block}.activity-feed p b{font-size:8px;color:#3e5645}.activity-feed p span{font-size:8px;color:#77877c}.activity-feed p small{font-size:7px;color:#a0aaa2;margin-top:3px}.activity-feed em{font-style:normal;color:#56a16a;font-size:11px}.manager-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.manager-grid>div{display:flex;align-items:center;gap:9px;background:white;border:1px solid #e4ebe4;border-radius:7px;padding:12px}.manager-grid i{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.manager-grid b,.manager-grid small{display:block}.manager-grid b{font-size:9px}.manager-grid small{font-size:7px;color:#89968d}.deliverable-empty{background:white;border:1px dashed #dce7dc;border-radius:8px;text-align:center;padding:26px 18px}.deliverable-empty>span{width:35px;height:35px;margin:0 auto 9px;border-radius:9px;background:#edf5eb;color:#4b8c59;display:grid;place-items:center}.deliverable-empty b{display:block;font:700 12px var(--display)}.deliverable-empty p{font-size:9px;color:#849188;margin:5px auto 0;max-width:390px}.dashboard-footer{border-top:1px solid #e4ebe4;margin-top:33px;padding:15px 0;display:flex;justify-content:space-between;font-size:8px;color:#93a097}.dashboard-footer a{color:#438254;font-weight:700}
@media(max-width:1050px){.dashboard-layout{grid-template-columns:195px minmax(0,1fr)}.dashboard-sidebar{padding:15px 10px}.dashboard-main{padding:28px 22px}.project-grid{gap:8px}.project-card{padding:12px}.task-table th,.task-table td{padding-left:10px;padding-right:10px}}
@media(max-width:760px){.dash-header{height:60px;padding:0 15px;gap:10px}.dash-header .brand{font-size:15px}.dash-header .brand-symbol{width:27px;height:27px}.dash-header-center{font-size:9px;margin-left:4px}.dash-header-actions{gap:8px}.preview-label{font-size:6px;padding:5px 6px}.dash-header .signin-button{font-size:9px;padding:6px 8px}.dash-header .user-initial{width:25px;height:25px}.dashboard-layout{display:block;min-height:calc(100vh - 60px)}.dashboard-sidebar{display:none}.dashboard-main{padding:25px 15px 18px}.dash-welcome-row{align-items:flex-start}.dash-welcome-row h1{font-size:22px}.dash-welcome-row p{font-size:9px;max-width:240px}.dash-welcome-row .btn{font-size:9px;padding:8px 10px;white-space:nowrap}.preview-banner{align-items:flex-start;padding:9px;margin:17px 0 14px}.preview-banner>div>span{font-size:7px;line-height:1.5}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-grid article{padding:11px}.stat-grid small{font-size:7px}.stat-grid strong{font-size:24px}.dashboard-section{margin-top:24px}.section-title-row{align-items:flex-start;flex-direction:column;gap:9px}.section-title-row h2{font-size:15px}.section-title-row p{font-size:8px}.project-grid{grid-template-columns:1fr}.project-card{padding:14px}.project-card>p{min-height:0}.project-progress{margin-top:11px}.task-filters{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.filter{white-space:nowrap}.task-table{min-width:620px}.dash-two-column{grid-template-columns:1fr;gap:0}.manager-grid{grid-template-columns:1fr 1fr;gap:7px}.manager-grid>div{padding:10px 8px;gap:7px}.manager-grid b{font-size:8px}.manager-grid small{font-size:6px}.dashboard-footer{font-size:7px;gap:8px}.dashboard-footer span{text-align:right}.department-list,.activity-feed{padding:12px}.department-list>div{grid-template-columns:7px 76px 43px 1fr;font-size:7px}.dash-header-center .header-breadcrumb,.dash-header-center .crumb-divider{display:none}}
@media(max-width:380px){.dash-header{padding:0 10px}.dash-header-center{display:none}.preview-label{display:none}.dash-welcome-row h1{font-size:19px}.dash-welcome-row p{max-width:200px}.manager-grid{grid-template-columns:1fr}.snapshot-cards{gap:5px}}

.mobile-dash-nav{display:none}
@media(max-width:760px){.mobile-dash-nav{display:flex;align-items:center;gap:7px;overflow-x:auto;white-space:nowrap;background:#fff;border-bottom:1px solid #e5ece5;padding:9px 14px;position:sticky;top:60px;z-index:20;scrollbar-width:none}.mobile-dash-nav::-webkit-scrollbar{display:none}.mobile-dash-nav a{font-size:8px;font-weight:600;color:#6b7d70;border:1px solid #e6ece5;border-radius:5px;padding:6px 9px}.mobile-dash-nav a:first-child{background:#edf5eb;color:#28784f;border-color:#dcebd9}}
