:root{--ink:#18251f;--muted:#6d7b74;--line:#e5ebe7;--surface:#fff;--canvas:#f4f7f5;--sage:#d9f0e3;--green:#287653;--green-dark:#1d5a40;--amber:#f8e6bb;--coral:#f7d4cc;--lavender:#e3def6;--shadow:0 10px 30px rgba(31,67,50,.07)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}body.dark{--ink:#ebf4ef;--muted:#9aaca3;--line:#293a32;--surface:#17241e;--canvas:#0e1713;--shadow:0 10px 30px rgba(0,0,0,.2)}button{font:inherit;color:inherit;border:0;cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:var(--surface);border-right:1px solid var(--line);padding:27px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:flex;align-items:center;gap:9px;padding:0 12px 30px}.brand-mark{background:var(--green);color:#fff;border-radius:8px;width:29px;height:29px;display:grid;place-items:center;font-size:17px}.brand-accent{color:var(--green)}.workspace-switcher{height:45px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:9px;padding:0 12px;margin-bottom:25px;font-weight:600;font-size:13px}.workspace-dot{width:8px;height:8px;border-radius:50%;background:#44b578}.chevron{margin-left:auto;color:var(--muted)}.nav-label{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:#98a59e;padding:0 13px 9px;margin-top:18px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:transparent;color:var(--muted);border-radius:8px;padding:11px 13px;margin:2px 0;font-weight:500}.nav-item:hover,.nav-item.active{background:var(--sage);color:var(--green-dark);font-weight:700}.nav-icon{width:17px;text-align:center;font-size:17px}.nav-count{margin-left:auto;background:var(--coral);color:#a04d3d;border-radius:10px;font-size:10px;padding:2px 6px}.sidebar-footer{margin-top:auto}.help-card{display:flex;align-items:center;gap:10px;background:var(--canvas);border-radius:10px;padding:12px}.help-card strong,.help-card small{display:block}.help-card strong{font-size:12px}.help-card small{font-size:10px;color:var(--muted);margin-top:3px}.help-icon{width:22px;height:22px;border:1px solid var(--green);color:var(--green);border-radius:50%;display:grid;place-items:center}.main-content{min-width:0;flex:1}.topbar{height:78px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:13px}.breadcrumb strong{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:14px}.icon-button{width:35px;height:35px;background:transparent;border-radius:8px;font-size:20px;color:var(--muted)}.icon-button:hover{background:var(--canvas);color:var(--green)}.notification{position:relative}.notification i{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:#d65d4c}.profile-menu{display:flex;align-items:center;gap:9px;padding-left:10px;border-left:1px solid var(--line)}.avatar{background:var(--green);color:#fff;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:12px;font-weight:700}.profile-copy strong,.profile-copy small{display:block}.profile-copy strong{font-size:12px}.profile-copy small{font-size:10px;color:var(--muted);margin-top:2px}.content{max-width:1440px;margin:0 auto;padding:34px 38px 60px}.view-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:800;margin-bottom:9px}.view-header h1{font:800 29px Manrope,sans-serif;margin:0 0 7px;letter-spacing:-.5px}.view-header p{color:var(--muted);margin:0}.primary-button{background:var(--green);color:#fff;border-radius:7px;padding:11px 16px;font-weight:700;box-shadow:0 4px 12px rgba(40,118,83,.18)}.primary-button:hover{background:var(--green-dark)}.secondary-button{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:10px 14px;font-weight:600}.header-actions{display:flex;gap:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric-card,.panel,.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.metric-card{padding:19px 20px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;font-weight:600}.metric-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:16px}.metric-card:nth-child(1) .metric-icon{background:var(--sage);color:var(--green)}.metric-card:nth-child(2) .metric-icon{background:var(--lavender);color:#6c58ac}.metric-card:nth-child(3) .metric-icon{background:var(--amber);color:#a87821}.metric-card:nth-child(4) .metric-icon{background:var(--coral);color:#a04d3d}.metric-value{font:800 25px Manrope,sans-serif;margin:14px 0 5px}.metric-foot{font-size:11px;color:var(--muted)}.up{color:var(--green);font-weight:700}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{padding:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-title{font:700 16px Manrope,sans-serif}.panel-link{color:var(--green);font-size:12px;font-weight:700;background:none}.chart{height:205px;display:flex;align-items:flex-end;gap:12px;padding:18px 5px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 40px,var(--line) 41px)}.bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar{width:18px;max-width:70%;border-radius:5px 5px 0 0;background:#b7ddc6;position:relative}.bar.highlight{background:var(--green)}.bar-label{position:absolute;bottom:-25px;color:var(--muted);font-size:10px}.legend{display:flex;gap:14px;color:var(--muted);font-size:11px;margin-top:17px}.legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.legend span:last-child:before{background:#b7ddc6}.event-item,.task-item,.person-item{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.event-item:last-child,.task-item:last-child,.person-item:last-child{border-bottom:0}.date-box{background:var(--sage);color:var(--green-dark);width:38px;height:40px;border-radius:7px;text-align:center;padding-top:4px;font-weight:800}.date-box small{display:block;font-size:9px;text-transform:uppercase}.event-copy,.task-copy,.person-copy{flex:1;min-width:0}.event-copy strong,.event-copy small,.task-copy strong,.task-copy small,.person-copy strong,.person-copy small{display:block}.event-copy strong,.task-copy strong,.person-copy strong{font-size:12px}.event-copy small,.task-copy small,.person-copy small{font-size:11px;color:var(--muted);margin-top:3px}.status{font-size:10px;border-radius:9px;padding:4px 8px;background:var(--sage);color:var(--green-dark);font-weight:700}.status.pending{background:var(--amber);color:#8f681b}.status.overdue{background:var(--coral);color:#a04d3d}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto}.toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:17px}.search{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:10px 12px;min-width:260px;color:var(--ink)}table{width:100%;border-collapse:collapse;min-width:620px}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}td strong{font-size:12px}.avatar-sm{width:29px;height:29px;border-radius:50%;display:inline-grid;place-items:center;background:var(--lavender);color:#6552a4;font-size:10px;font-weight:800;margin-right:8px;vertical-align:middle}.tag{display:inline-block;padding:4px 7px;border-radius:5px;background:var(--canvas);color:var(--muted);font-size:10px;margin:2px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-card{padding:18px;background:var(--canvas);border-radius:8px}.feature-card .feature-symbol{font-size:22px;color:var(--green);margin-bottom:9px}.feature-card strong{display:block;font-size:13px}.feature-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:6px 0 0}.settings-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:17px 0}.settings-row:last-child{border-bottom:0}.settings-row strong,.settings-row small{display:block}.settings-row small{color:var(--muted);font-size:11px;margin-top:4px}.toggle{width:39px;height:22px;border-radius:15px;background:var(--green);padding:3px}.toggle:after{content:'';display:block;background:#fff;border-radius:50%;width:16px;height:16px;margin-left:16px}.mobile-menu{display:none}.toast{position:fixed;right:25px;bottom:25px;background:var(--ink);color:var(--surface);padding:13px 17px;border-radius:8px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;transition:.2s;pointer-events:none;font-size:12px}.toast.show{transform:translateY(0);opacity:1}@media(max-width:1000px){.sidebar{width:220px}.content{padding:28px 22px}.topbar{padding:0 22px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:5;transition:left .2s}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{height:65px;padding:0 15px}.breadcrumb span{display:none}.profile-copy,.profile-menu .chevron{display:none}.content{padding:25px 15px}.view-header{align-items:flex-start;gap:15px;flex-direction:column}.view-header h1{font-size:24px}.metric-grid,.dashboard-grid,.view-grid{grid-template-columns:1fr}.header-actions{width:100%}.header-actions button{flex:1}.search{min-width:0;width:100%}.toolbar{flex-direction:column}.feature-list{grid-template-columns:1fr}}