/* Version 0.2 UX: clear typography, larger targets, keyboard-first utilities. */
:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--navy:#11263c;--teal:#08796c;--line:#e4e9ec;--muted:#66788b;background:#f5f7fa}
body{margin:0;color:#213448;background:#f5f7fa}
.sidebar{background:#14293e;width:260px;padding:27px 16px 17px}
.identity{padding:0 11px 43px}
.identity strong{font-size:22px;letter-spacing:-.8px}.identity span:not(.brand-mark span){font-size:12px}
.sidebar-section-label{font-size:11px}
.sidebar .nav-link{font-size:14px;min-height:46px;padding:12px 14px;border-radius:11px;letter-spacing:-.05px}
.sidebar .nav-link:hover,.sidebar .nav-link.active{background:#294257}
.sidebar .nav-link.active:before{left:12px;height:22px}
.nav-note{font-size:10px}
.side-user strong{font-size:12px}.side-user span{font-size:11px}
.topbar{height:78px;padding:0 36px;position:sticky;top:0;z-index:16;box-shadow:0 1px 0 #e7edf1}
.breadcrumbs{font-size:11px;letter-spacing:.06em}.breadcrumbs select{font-size:14px;min-width:165px}
.top-actions{gap:12px}
.search-trigger{background:#f5f8f9;border:1px solid #e4ebef;border-radius:10px;display:flex;align-items:center;gap:9px;min-width:212px;padding:10px 12px;color:#677c8a;font-size:13px;text-align:left}
.search-trigger:hover,.search-trigger:focus-visible{border-color:#77afa9;background:#eef6f4}
.search-trigger kbd{margin-left:auto;background:white;border:1px solid #e2e8ed;border-radius:5px;padding:3px 5px;font-size:10px;color:#697d88}
#global-search{width:180px!important;font-size:12px!important;margin:0!important;padding:10px 12px!important;background:white!important}
.top-actions .online-label{font-size:11px}
.create-wrap{position:relative}
.create-chevron{font-size:17px;line-height:0}
.create-menu{position:absolute;right:0;top:calc(100% + 11px);width:270px;background:white;border:1px solid #e2e9ed;border-radius:14px;box-shadow:0 18px 50px #152c422e;padding:7px;z-index:21}
.create-option{display:flex;flex-direction:column;align-items:start;border:0;background:white;border-radius:9px;padding:12px 13px;gap:5px;width:100%;text-align:left}
.create-option:hover,.create-option:focus-visible{background:#edf7f4}
.create-option strong{font-size:13px;color:#213b4c}.create-option span{font-size:11px;color:#708292}
.button{font-size:13px;min-height:40px;gap:9px;border-radius:9px;padding:10px 15px}
.button.primary{background:#087c70}.button.primary:hover{background:#07665c}
.button.outline:hover{background:#f4f8f9;border-color:#afc7c6}
.linkbtn{font-size:12px;padding:7px 8px}
.main-area main{padding:36px 37px 31px;max-width:1500px}
.heading-row{margin-bottom:26px}.heading-row h1{font-size:32px;line-height:1.19}.heading-row p{font-size:13px;line-height:1.5}
.eyebrow{font-size:11px;margin-bottom:9px}
.metrics{gap:14px;margin-bottom:22px}
.metric{padding:22px 22px;min-height:140px;box-shadow:0 6px 22px #1a375007}
.metric-label{font-size:13px;color:#607385}.metric-number{font-size:34px;margin-top:13px}.metric-trend{font-size:11px;line-height:1.45}
.columns{grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:16px}
.panel{padding:24px;margin-bottom:16px;border-color:#e8eef0;box-shadow:0 6px 24px #122b4105}
.panel h2,.panel h3{font-size:16px}.minor{font-size:12px}
.task-row{padding:16px 0;gap:12px}.task-title{font-size:14px;line-height:1.45}.task-sub{font-size:11px;line-height:1.5}
.check{width:23px;height:23px;border-radius:7px}
.workspace-chip,.priority{font-size:10px}
.list-row{padding:16px 0;font-size:13px}.list-row strong{font-size:13px;line-height:1.4}.list-row span{font-size:11px;line-height:1.4}
.money-amount{font-size:13px;white-space:nowrap}
.badge{font-size:11px}
.tag{font-size:12px;border-radius:8px;padding:9px 14px}.tag:hover{border-color:#82a9a6}
.data-table td{font-size:12px}.data-table strong{font-size:13px}.data-table th{font-size:11px}
.empty,.section-intro{font-size:13px}.empty{line-height:1.7}
.note-card,.notice{font-size:12px;line-height:1.7}
label{font-size:13px}input,textarea,select{font-size:14px;padding:12px}
.setting-row strong{font-size:13px}.setting-row p{font-size:12px}
.board-column h3{font-size:13px}.board-card strong{font-size:13px}.board-card p{font-size:11px}
#modal{width:min(580px,calc(100vw - 30px));padding:28px}
#modal .dialog-heading h2{font-size:24px}
.start-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#e8f3f0;border:1px solid #d4e7e1;border-radius:15px;padding:17px 22px;margin-bottom:23px}
.start-bar-copy{display:flex;flex-direction:column;gap:5px}.start-bar-copy strong{font-size:14px;color:#23453e}.start-bar-copy span{font-size:11px;color:#658078}
.start-bar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.start-bar-actions .button{background:white;border-color:#cbdbd6;color:#28554d}.start-bar-actions .button.primary{background:#087c70;border-color:#087c70;color:white}
#command-palette{border:1px solid #e2e9ed;border-radius:18px;width:min(600px,calc(100vw - 28px));padding:0;box-shadow:0 30px 120px #0b243b5a;max-height:min(680px,calc(100dvh - 40px));overflow:auto}
#command-palette::backdrop{background:#132c3f8c;backdrop-filter:blur(3px)}
.command-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 8px}.command-head label{font-size:13px;margin:0;color:#2c4353}
.command-head .icon-button{font-size:23px}
#command-query{margin:8px 18px 12px;width:calc(100% - 36px);border-radius:10px;font-size:15px;padding:15px 14px;background:#f7fafb}
#command-results{padding:0 12px 14px;max-height:430px;overflow:auto}
.command-item{display:flex;align-items:center;width:100%;gap:13px;padding:12px 13px;background:white;border:0;text-align:left;border-radius:10px}
.command-item.selected,.command-item:hover,.command-item:focus-visible{background:#eef6f3}
.command-glyph{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#e5f0ee;color:#087b70;font-size:17px;flex:none}
.command-item strong{font-size:13px;display:block;color:#233b4d}
.command-item small{font-size:11px;color:#718390;display:block;margin-top:3px}
.command-arrow{margin-left:auto;color:#91a9ae;font-size:14px}
.command-foot{border-top:1px solid #eef1f3;padding:14px 18px;font-size:11px;color:#7a8a96}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #54b5a3;outline-offset:2px}
@media(max-width:1280px){.search-trigger{min-width:42px}.search-trigger span,.search-trigger kbd{display:none}.top-actions .online-label,.top-actions .status-dot{display:none}}
@media(max-width:1090px){.topbar{padding:0 20px}.main-area main{padding:29px 23px}.sidebar{width:218px}.columns{grid-template-columns:1fr}.start-bar{align-items:start;flex-direction:column}}
@media(max-width:680px){.sidebar{width:100%;min-height:0;padding:12px 12px 7px}.identity{padding-bottom:12px}.identity strong{font-size:19px}.sidebar nav{gap:4px}.sidebar .nav-link{font-size:12px;min-height:40px;padding:10px 12px}.sidebar .nav-link.active:before{display:none}.topbar{top:0;height:auto;min-height:64px;padding:11px 14px}.breadcrumbs{gap:6px}.breadcrumbs select{min-width:115px;font-size:12px}.top-actions{gap:6px}#global-search{width:0!important;position:absolute!important;opacity:0!important;pointer-events:none!important}#global-search:focus{width:calc(100vw - 35px)!important;position:absolute!important;z-index:50!important;top:100%!important;right:15px!important;opacity:1!important;pointer-events:auto!important;box-shadow:0 14px 28px #16273921}.search-trigger{padding:8px 12px;min-width:39px;justify-content:center}.top-actions .button{font-size:12px;padding:9px 12px}.create-chevron{display:none}.main-area main{padding:24px 14px}.heading-row h1{font-size:27px}.heading-row{flex-direction:column;align-items:stretch}.heading-row>.button{align-self:start}.metrics{gap:9px}.metric{padding:17px;min-height:117px}.metric-number{font-size:28px}.metric-label{font-size:11px}.panel{padding:17px}.start-bar{padding:16px}.start-bar-actions{width:100%}.start-bar-actions .button{flex:1;min-width:100px}.task-row .priority{display:none}.list-row{gap:10px}.create-menu{width:min(280px,calc(100vw - 35px))}.command-head{padding:14px 16px 5px}.board{grid-template-columns:1fr}.sidebar-section-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}