.sidebar{overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb, color-mix(in srgb, #A8BBD0 3%, white) 15%, transparent)}.sidebar-agenda{padding:17px 15px 15px;border:1px solid color-mix(in srgb, color-mix(in srgb, #A8BBD0 3%, white) 12%, transparent);border-left:2px solid var(--gold);border-radius:3px;background:color-mix(in srgb, color-mix(in srgb, #A8BBD0 3%, white) 3%, transparent);margin:18px 3px 5px;display:grid;gap:8px}.sidebar-agenda .eyebrow{color:color-mix(in srgb, #A8BBD0 32%, white);font-size:8px}.sidebar-agenda strong{font-size:13px;font-weight:500;color:white}.sidebar-agenda>span:not(.eyebrow){font-size:11px;color:color-mix(in srgb, #0C3663 29%, white)}.sidebar-agenda button{display:flex;align-items:center;gap:7px;background:none;border:0;color:color-mix(in srgb, #526981 17%, white);padding:5px 0 0;font-size:11px;text-align:left}.sidebar-agenda button .icon{width:13px;height:13px}
.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-header .brand{padding:0 10px}.menu-close{display:none;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:1px solid color-mix(in srgb, color-mix(in srgb, #A8BBD0 3%, white) 16%, transparent);background:color-mix(in srgb, color-mix(in srgb, #A8BBD0 3%, white) 4%, transparent);color:color-mix(in srgb, #A8BBD0 5%, white);border-radius:3px}.menu-close .icon{width:16px;height:16px}.menu-backdrop{display:none}
@media(max-width:800px){body.menu-open{overflow:hidden}}
.topbar{position:relative;z-index:8}.topbar-leading,.topbar-tools{display:flex;align-items:center;gap:16px;min-width:0}.topbar-tools{margin-left:auto}.topbar-tools>#today-label{font-size:11px;color:#0C3663;white-space:nowrap}.topbar-profile{display:flex;align-items:center;gap:8px;background:none;border:0;color:#102B48;padding:0;font-size:11px;font-weight:500;white-space:nowrap}.topbar-profile .avatar{width:29px;height:29px;font-size:9px;background:color-mix(in srgb, #A8BBD0 5%, white);color:#245787}.topbar-profile .icon{width:13px;height:13px;color:#245787}.top-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid transparent;border-radius:3px;color:#0C3663}.top-icon:hover,.top-icon[aria-expanded=true]{background:color-mix(in srgb, #A8BBD0 3%, white);border-color:color-mix(in srgb, #A8BBD0 12%, white)}.top-icon .icon{width:17px;height:17px}.topbar-search{width:min(270px,30vw)}.topbar-search input{width:100%;padding:8px 10px;font-size:12px}#notification-count{position:absolute;right:-2px;top:-3px;min-width:16px;height:16px;border-radius:9px;background:#D83344;color:white;display:grid;place-items:center;padding:0 4px;font-size:9px}.notification-wrap{position:relative}.notification-panel{position:absolute;right:-58px;top:44px;width:330px;background:white;box-shadow:0 16px 50px color-mix(in srgb, #102B48 13%, transparent);border:1px solid color-mix(in srgb, #A8BBD0 13%, white);border-radius:5px;z-index:40;padding:7px}.notification-title{display:flex;justify-content:space-between;align-items:center;padding:14px 13px 12px;border-bottom:1px solid var(--line)}.notification-title strong{font-size:13px;font-weight:500}.notification-title small{font-size:10px;color:#A8BBD0}.notification-panel>button{display:flex;align-items:center;gap:10px;background:none;border:0;width:100%;text-align:left;padding:12px;border-radius:3px}.notification-panel>button:hover{background:color-mix(in srgb, #A8BBD0 3%, white)}.notification-panel>button>span:nth-child(2){flex:1}.notification-panel>button strong{display:block;font-size:11px;font-weight:500;color:#102B48}.notification-panel>button small{display:block;margin-top:4px;color:#A8BBD0;font-size:10px}.notification-panel>button>.icon{width:13px;height:13px;color:#A8BBD0}.notification-icon{display:grid;place-items:center;width:31px;height:31px;background:color-mix(in srgb, #A8BBD0 3%, white);color:#245787;border-radius:3px}.notification-icon.late{background:color-mix(in srgb, #A8BBD0 3%, white);color:#D83344}.notification-icon.done{background:color-mix(in srgb, #A8BBD0 3%, white);color:#526981}.notification-icon .icon{width:16px;height:16px}
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:26px 29px;margin-bottom:22px;background:color-mix(in srgb, #A8BBD0 4%, white);border:1px solid color-mix(in srgb, #A8BBD0 13%, white);border-top:3px solid var(--gold);border-radius:5px}.dashboard-hero h2{font-size:23px;font-weight:400;margin:8px 0}.dashboard-hero p{font-size:12px;color:#245787;margin:0}.hero-settings{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid color-mix(in srgb, #A8BBD0 20%, white);background:color-mix(in srgb, #A8BBD0 3%, white);color:#526981;border-radius:3px;padding:10px 13px;font-size:11px}.hero-settings:hover{background:white}.hero-settings .icon{width:15px;height:15px}.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.dashboard-metrics .stat{min-height:139px}.dashboard-metrics .stat.metric-overdue:before{background:color-mix(in srgb, #D83344 32%, white)}.dashboard-metrics .stat.metric-new_companies:before{background:#526981}.dashboard-metrics .stat.metric-today_done:before{background:#526981}.dashboard-widgets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.dashboard-widget{min-width:0}.dashboard-widget.widget-priority,.dashboard-widget.widget-today_activity{grid-column:1/-1}.dashboard-widget .panel-heading{min-height:75px}.new-company-list{padding:4px 20px 12px}.new-company-row{width:100%;display:flex;align-items:center;gap:11px;padding:12px 0;background:none;border:0;border-bottom:1px solid color-mix(in srgb, #A8BBD0 4%, white);text-align:left}.new-company-row:last-child{border-bottom:0}.new-company-row>span:nth-child(2){flex:1;min-width:0}.new-company-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#102B48;font-size:11px;font-weight:500}.new-company-row small{display:block;color:#A8BBD0;font-size:10px;margin-top:4px}.new-company-row time{color:#A8BBD0;font-size:10px;white-space:nowrap}.new-company-row>.icon{width:13px;height:13px;color:#A8BBD0}.dashboard-widgets .workload{padding-top:9px}
.profile-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.profile-summary{padding:26px;text-align:center}.profile-large-avatar{display:grid;place-items:center;width:70px;height:70px;margin:4px auto 15px;background:color-mix(in srgb, #A8BBD0 4%, white);color:#245787;border-radius:5px;font-size:22px;font-weight:500}.profile-summary h2{font-weight:500;font-size:18px;line-height:1.3;overflow-wrap:anywhere}.profile-summary p{font-size:12px;margin:4px 0 25px}.profile-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:16px 0;text-align:left;display:grid;gap:15px}.profile-meta small{display:block;font-size:9px;color:#A8BBD0;letter-spacing:.9px}.profile-meta strong{display:block;margin-top:5px;font-weight:500;font-size:12px}.profile-summary>.secondary{width:100%}.profile-form{min-width:0}.profile-section{padding:23px 25px;border-bottom:1px solid var(--line)}.profile-section h3{font-size:13px;font-weight:500}.profile-section p{color:#A8BBD0;font-size:11px;margin:6px 0 18px}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preference-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid color-mix(in srgb, #A8BBD0 12%, white);border-radius:3px;background:color-mix(in srgb, #A8BBD0 3%, white);font-size:11px;color:#245787;font-weight:400;cursor:pointer}.preference-option:has(input:checked){border-color:color-mix(in srgb, #526981 32%, white);background:color-mix(in srgb, #A8BBD0 3%, white)}.preference-option input{width:16px;height:16px;accent-color:#245787;padding:0;margin:0;flex-shrink:0}.profile-form>.error{padding:0 25px}.profile-submit{padding:19px 25px;display:flex;justify-content:flex-end}
.filter-indicator{display:inline-flex;align-items:center;margin-top:8px;background:color-mix(in srgb, #A8BBD0 3%, white);border:1px solid color-mix(in srgb, #A8BBD0 12%, white);border-radius:3px;color:#526981;font-size:10px;padding:4px 8px}.filter-clear{cursor:pointer}.filter-clear:hover{background:color-mix(in srgb, #A8BBD0 5%, white)}
@media(max-width:1200px){.dashboard-metrics{gap:12px}.profile-layout{grid-template-columns:240px minmax(0,1fr)}.topbar-tools{gap:8px}}
@media(max-width:850px){.dashboard-widgets{grid-template-columns:1fr}.dashboard-widget.widget-priority,.dashboard-widget.widget-today_activity{grid-column:auto}.profile-layout{grid-template-columns:1fr}.profile-summary{display:grid;grid-template-columns:auto 1fr;align-items:center;text-align:left;gap:0 15px}.profile-large-avatar{grid-row:1/3;margin:0}.profile-summary h2{margin:0}.profile-summary p{margin:0}.profile-meta,.profile-summary>.secondary{grid-column:1/-1}.profile-meta{display:flex;gap:30px}}
@media(max-width:800px){.sidebar{overflow-y:auto}.menu-close{display:inline-flex}.menu-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:9;background:color-mix(in srgb, #102B48 44%, transparent);border:0;padding:0}.topbar{gap:8px}.topbar-leading{gap:8px}.topbar-tools{gap:5px}.topbar-tools>#today-label{display:none}.topbar-profile>span:nth-child(2),.topbar-profile>.icon{display:none}.topbar-profile .avatar{width:27px;height:27px}.top-icon{width:29px;height:29px}.topbar-search{position:absolute;left:55px;right:105px;top:13px;width:auto;background:white;z-index:2}.topbar-search input{height:36px}.notification-panel{right:-41px;width:min(330px,calc(100vw - 22px))}.dashboard-hero{padding:20px;display:block}.dashboard-hero h2{font-size:20px}.dashboard-hero p{font-size:11px}.hero-settings{margin-top:16px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-metrics .stat{min-height:130px}.dashboard-metrics .stat-top{font-size:10px}.dashboard-metrics .stat-caption{font-size:9px}.dashboard-widgets{grid-template-columns:1fr;gap:14px}.dashboard-widget.widget-priority,.dashboard-widget.widget-today_activity{grid-column:auto}.new-company-list{padding:5px 15px 10px}.new-company-row time{display:none}}
@media(max-width:480px){.preference-grid{grid-template-columns:1fr}.profile-section{padding:19px}.profile-submit{padding:17px}.topbar-profile .avatar{width:25px;height:25px}.topbar-tools{gap:3px}.new-company-row time{display:none}}