@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f2ec;font-family:Space Grotesk,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #2e6bff}:root{--ink:#171717;--paper:#f5f2ec;--white:#fffdf8;--yellow:#f7cf46;--pink:#ff8a9d;--blue:#7ca6ff;--green:#a8dc83;--line:2px solid var(--ink);--shadow:5px 5px 0 var(--ink)}.app-shell{background:var(--paper);min-height:100vh;display:flex}.sidebar{border-right:var(--line);background:var(--white);flex-direction:column;flex:0 0 260px;width:260px;min-height:100vh;padding:28px 18px 20px;display:flex}.brand-mark{letter-spacing:-2px;margin:0 12px 29px;font-size:29px;font-weight:700}.brand-mark span,.app-footer b{color:#ff5b5b}.workspace-switcher{border:var(--line);box-shadow:3px 3px 0 var(--ink);background:var(--yellow);align-items:center;gap:9px;margin-bottom:31px;padding:10px;display:flex}.workspace-switcher strong,.profile-row strong{font-size:13px;display:block}.workspace-switcher small,.profile-row small{margin-top:2px;font:11px DM Mono,monospace;display:block}.workspace-avatar{border:var(--line);background:var(--pink);place-items:center;width:29px;height:29px;font-weight:700;display:grid}.workspace-switcher>span{margin-left:auto;font-size:20px}.primary-nav{flex-direction:column;gap:5px;display:flex}.nav-label{text-transform:uppercase;letter-spacing:.05em;color:#69635b;margin:0 12px 8px;font:11px DM Mono,monospace}.nav-label.lower{margin-top:29px}.nav-item{text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:0;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nav-item:hover{background:#f0ece3}.nav-item.active{border:var(--line);box-shadow:3px 3px 0 var(--ink);background:var(--blue);font-weight:700}.nav-item i{text-align:center;width:19px;font-size:19px;font-style:normal}.nav-item b{border:1px solid var(--ink);background:var(--white);margin-left:auto;padding:1px 5px;font:11px DM Mono,monospace}.nav-item kbd{background:#f0ece3;border:1px solid #bbb4a9;margin-left:auto;padding:3px 5px;font:10px DM Mono,monospace}.sidebar-bottom{margin-top:auto}.profile-row{border-top:var(--line);align-items:center;gap:9px;margin-top:15px;padding:15px 8px 0;display:flex}.avatar{border:var(--line);place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.avatar-arvind{background:var(--blue)}.avatar-madhu{background:var(--pink);margin-left:-7px}.profile-row>span{letter-spacing:2px;margin-left:auto}.main-content{width:100%;max-width:1240px;margin:0 auto;padding:34px 48px 23px}.topbar{justify-content:space-between;align-items:flex-start;padding-bottom:37px;display:flex}.eyebrow,.section-kicker{text-transform:uppercase;letter-spacing:.08em;color:#706a61;font:11px DM Mono,monospace}.topbar h1{letter-spacing:-1.5px;margin:8px 0 0;font-size:34px;line-height:1}.top-actions{align-items:center;gap:19px;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;font-size:23px;position:relative}.icon-button em{border:1px solid var(--ink);background:#ff5b5b;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;right:1px}.member-stack{padding-left:8px;display:flex}.outline-button,.black-button{border:var(--line);background:var(--white);cursor:pointer;box-shadow:3px 3px 0 var(--ink);padding:9px 13px;font-size:13px;font-weight:700}.outline-button:hover,.black-button:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.focus-row{border:var(--line);background:var(--blue);box-shadow:var(--shadow);justify-content:space-between;align-items:center;margin-bottom:33px;padding:25px 28px;display:flex}.focus-row h2{letter-spacing:-1px;margin:8px 0 6px;font-size:31px}.focus-row p{margin:0;font-size:14px}.focus-note{background:var(--white);border:var(--line);min-width:190px;padding:13px 17px;transform:rotate(1deg)}.focus-note span,.focus-note small{text-transform:uppercase;font:10px DM Mono,monospace;display:block}.focus-note strong{margin:5px 0 3px;font-size:16px;display:block}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:22px;display:grid}.panel{border:var(--line);background:var(--white);padding:21px}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.panel-heading>div{align-items:flex-start;gap:10px;display:flex}.panel-index{color:#776f64;font:11px DM Mono,monospace}.panel h3{letter-spacing:-.4px;margin:0;font-size:19px}.text-button{cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}.text-button span{margin-left:3px;font-size:17px;text-decoration:none;display:inline-block}.task-list{border-top:var(--line)}.task-row{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #cfc9be;align-items:center;gap:12px;width:100%;padding:13px 0;display:flex}.check-box{border:var(--line);flex:0 0 20px;place-items:center;width:20px;height:20px;font-weight:700;display:grid}.check-box.checked{background:var(--green)}.task-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.task-copy strong{font-size:13px}.task-copy small,.schedule-row small,.inventory-callout small{color:#716b63;font-size:11px}.is-complete .task-copy{opacity:.5;text-decoration:line-through}.task-owner{border:var(--line);place-items:center;width:25px;height:25px;margin-left:auto;font-size:11px;font-weight:700;display:grid}.task-owner.yellow{background:var(--yellow)}.task-owner.pink{background:var(--pink)}.task-owner.blue{background:var(--blue)}.add-row{cursor:pointer;background:0 0;border:0;padding:13px 0 0;font-size:12px;text-decoration:underline}.schedule-date{border-top:var(--line);justify-content:space-between;padding:11px 0;font:11px DM Mono,monospace;display:flex}.schedule-date strong{font-family:Space Grotesk,sans-serif;font-size:13px}.schedule-row{border-top:1px solid #cfc9be;grid-template-columns:43px 5px 1fr;align-items:center;gap:10px;padding:11px 0;display:grid}.schedule-row time{font:11px DM Mono,monospace}.schedule-row strong,.schedule-row small{display:block}.schedule-row strong{margin-bottom:3px;font-size:13px}.schedule-bar{border:1px solid var(--ink);width:5px;height:38px}.schedule-bar.blue{background:var(--blue)}.schedule-bar.yellow{background:var(--yellow)}.schedule-bar.pink{background:var(--pink)}.inventory{background:var(--yellow)}.inventory-callout{border-top:var(--line);border-bottom:var(--line);align-items:center;gap:11px;padding:17px 0;display:flex}.inventory-callout>span{border:var(--line);background:var(--white);place-items:center;width:25px;height:25px;font-weight:700;display:grid}.inventory-callout strong,.inventory-callout small{display:block}.inventory-callout strong{margin-bottom:3px;font-size:14px}.inventory-items{flex-wrap:wrap;gap:7px;padding-top:15px;display:flex}.inventory-items span{border:var(--line);background:var(--white);padding:5px 7px;font-size:11px}.idea{background:var(--pink);min-height:200px;position:relative}.idea h3{letter-spacing:-1px;max-width:190px;margin:27px 0 8px;font-size:24px}.idea p{max-width:270px;font-size:13px;line-height:1.45}.idea-sticker{background:var(--yellow);border:var(--line);text-align:center;box-shadow:3px 3px 0 var(--ink);padding:8px;font:700 10px DM Mono,monospace;position:absolute;top:19px;right:20px;transform:rotate(7deg)}.black-button{background:var(--ink);color:var(--white);box-shadow:3px 3px 0 var(--white);margin-top:19px}.black-button:hover{box-shadow:1px 1px 0 var(--white)}.app-footer{color:#777168;justify-content:space-between;padding-top:26px;font:10px DM Mono,monospace;display:flex}.empty-module{border:var(--line);background:var(--white);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:480px;padding:30px;display:flex}.empty-module>span{border:var(--line);background:var(--yellow);box-shadow:var(--shadow);padding:12px 22px;font-size:35px;transform:rotate(-4deg)}.empty-module h2{margin:30px 0 8px;font-size:28px}.empty-module p{color:#625d55;margin:0 0 22px}.modal-backdrop{z-index:3;background:#17171759;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.quick-add{border:var(--line);background:var(--white);box-shadow:8px 8px 0 var(--ink);width:min(440px,100%);padding:30px;position:relative}.close-button{cursor:pointer;background:0 0;border:0;font-size:27px;position:absolute;top:13px;right:15px}.quick-add h2{margin:10px 0 22px;font-size:27px}.quick-options{gap:10px;display:grid}.quick-options button{border:var(--line);background:var(--paper);text-align:left;cursor:pointer;grid-template-columns:26px 1fr;gap:2px 10px;padding:13px;display:grid}.quick-options button:hover{background:var(--yellow)}.quick-options i{grid-row:span 2;font-size:19px;font-style:normal}.quick-options strong,.quick-options small{grid-column:2}.quick-options strong{font-size:14px}.quick-options small{color:#6f675e;font-size:11px}@media (width<=820px){.sidebar{flex-basis:70px;width:70px;padding:20px 10px}.brand-mark{margin:0 3px 28px;font-size:21px}.workspace-switcher{justify-content:center;padding:5px}.workspace-switcher>div:not(.workspace-avatar),.workspace-switcher>span,.nav-item:not(.active){font-size:0}.nav-item{justify-content:center;padding:11px 5px}.nav-item i{font-size:19px}.nav-item b{margin:0;font-size:9px}.nav-label{text-align:center;margin:0 0 8px;font-size:8px}.nav-label.lower,.sidebar-bottom .nav-item,.profile-row>div:not(.avatar),.profile-row>span{display:none}.profile-row{justify-content:center;padding:15px 0 0}.main-content{padding:25px 18px 20px}.topbar{padding-bottom:27px}.topbar h1{font-size:26px}.top-actions{gap:10px}.member-stack{display:none}.outline-button{padding:8px;font-size:11px}.focus-row{flex-direction:column;align-items:flex-start;gap:18px;padding:21px}.focus-row h2{font-size:25px}.focus-note{align-self:stretch}.dashboard-grid{grid-template-columns:1fr;gap:16px}.app-footer{flex-direction:column;gap:10px}.idea{min-height:190px}}:root{--profile-menu-gap:53px}.profile-wrap{position:relative}.profile-more{letter-spacing:2px;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px}.profile-menu{right:0;bottom:var(--profile-menu-gap);border:var(--line);box-shadow:3px 3px 0 var(--ink);background:var(--white);z-index:2;position:absolute}.profile-menu button{background:var(--white);cursor:pointer;text-align:left;border:0;align-items:center;gap:9px;min-width:130px;padding:10px 14px;font-size:13px;display:flex}.profile-menu button:hover{background:var(--yellow)}.profile-trigger{width:100%;color:var(--ink);font-weight:400}.profile-trigger:hover{background:#f0ece3}.profile-menu a{color:var(--ink);align-items:center;gap:9px;padding:10px 14px;font-size:13px;text-decoration:none;display:flex}.profile-menu a:hover{background:var(--yellow)}.theme-options{border-bottom:1px solid #cfc9be;display:flex}.theme-options button{flex:1;justify-content:center;min-width:0!important;padding:9px 8px!important;font-size:11px!important}.theme-options button.selected{background:var(--blue);font-weight:700}.dark-mode{--paper:#222;--white:#303030;--ink:#f5f2ec;background:var(--paper);color:var(--ink)}.dark-mode .sidebar,.dark-mode .panel,.dark-mode .quick-add,.dark-mode .empty-module,.dark-mode .profile-menu,.dark-mode .profile-menu button,.dark-mode .profile-menu a{color:var(--ink);background:#303030}.dark-mode .task-row,.dark-mode .add-row,.dark-mode .text-button,.dark-mode .icon-button,.dark-mode .profile-trigger{color:var(--ink)}.dark-mode .sidebar,.dark-mode .panel,.dark-mode .profile-menu,.dark-mode .quick-add{border-color:var(--ink)}.dark-mode .nav-item:hover,.dark-mode .profile-trigger:hover{background:#3b3b3b}.profile-menu{width:246px;overflow:hidden}.profile-menu>button,.profile-menu>a{box-sizing:border-box;width:100%;min-width:0;height:48px;padding:10px 14px;line-height:1.2}.profile-menu>button:hover,.profile-menu>a:hover{background:var(--yellow)}.theme-options{width:100%}.theme-options button{height:58px!important}.dark-mode{--paper:#131209;--white:#1f1f1f;--ink:#f5f2ec;--yellow:#f7cf46;--pink:#ff8a9d;--blue:#7ca6ff;--green:#a8dc83;--shadow:5px 5px 0 #f5f2ec}.dark-mode .app-shell{background:var(--paper)}.dark-mode .sidebar{border-color:var(--ink);background:#181818}.dark-mode .panel,.dark-mode .empty-module,.dark-mode .quick-add{color:var(--ink);background:#1f1f1f}.dark-mode .focus-row{color:#171717}.dark-mode .focus-note{color:var(--ink);background:#1f1f1f}.dark-mode .inventory,.dark-mode .idea{color:#171717}.dark-mode .eyebrow,.dark-mode .section-kicker,.dark-mode .panel-index,.dark-mode .app-footer,.dark-mode .task-copy small,.dark-mode .schedule-row small,.dark-mode .inventory-callout small{color:#b7b1a8}.dark-mode .task-row,.dark-mode .add-row,.dark-mode .text-button,.dark-mode .icon-button{color:var(--ink)}.dark-mode .task-row,.dark-mode .schedule-row,.dark-mode .inventory-callout,.dark-mode .schedule-date{border-color:#5d5d5d}.dark-mode .inventory-items span{color:var(--ink);background:#1f1f1f}.dark-mode .outline-button,.dark-mode .quick-options button{color:var(--ink);background:#272727}.dark-mode .nav-item{color:var(--ink)}.dark-mode .nav-item:hover,.dark-mode .profile-row:hover{background:#272727}.dark-mode .nav-item.active{color:#171717}.dark-mode .profile-menu{border-color:var(--ink);background:#1f1f1f}.dark-mode .profile-menu button,.dark-mode .profile-menu a{color:var(--ink);background:#1f1f1f}.dark-mode .profile-menu>button:hover,.dark-mode .profile-menu>a:hover{background:var(--yellow);color:#171717}.dark-mode .theme-options{border-color:#5d5d5d}.dark-mode .theme-options button.selected{background:var(--blue);color:#171717}.dark-mode .quick-options button:hover{background:var(--yellow);color:#171717}.dark-mode .empty-module>span{color:#171717}.dark-mode .black-button{color:#171717;background:#f5f2ec;box-shadow:3px 3px #f5f2ec}.dark-mode .black-button:hover{box-shadow:1px 1px #f5f2ec}.dark-mode .inventory{background:var(--yellow);color:#171717}.dark-mode .idea{background:var(--pink);color:#171717}.dark-mode .inventory-callout>span{background:var(--white);color:#171717}.dark-mode .inventory-callout small{color:#4d463d}.dark-mode .inventory-items span{background:var(--white);color:#171717}.dark-mode .idea-sticker{color:#171717}.dark-mode .idea p{color:#4d463d}.dark-mode .idea .black-button{color:#f5f2ec;background:#171717;box-shadow:3px 3px #f5f2ec}.dark-mode .idea .black-button:hover{box-shadow:1px 1px #f5f2ec}
