@charset "UTF-8";
:root {
  --paper:#fcfbf7; --surface:#fffefa; --canvas:#f3f2ed; --ink:#2a322c;
  --muted:#7b8077; --line:#e5e6dd; --green:#315746; --green-dark:#243b32;
  --green-soft:#edf2e9; --sage:#839877; --amber:#98713b; --amber-soft:#f8f1e3;
  --font:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:94px; }
body { margin:0; font:13px/1.6 var(--font); background:var(--paper); color:var(--ink); letter-spacing:-.025em; -webkit-font-smoothing:antialiased; }
button,input,select { font:inherit; color:inherit; }
button { cursor:pointer; }
button,a,input,select { -webkit-tap-highlight-color:transparent; }
button { transition:background .18s,border-color .18s,color .18s,box-shadow .18s; }
a { color:inherit; text-decoration:none; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #80967b; outline-offset:4px; }
button:disabled { cursor:default; opacity:.5; }
svg.icon { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.svg-library { position:absolute; width:0; height:0; overflow:hidden; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
[hidden] { display:none!important; }
.skip-link { position:fixed; left:16px; top:-80px; padding:12px 20px; z-index:30; background:var(--green); color:white; border-radius:4px; }
.skip-link:focus { top:12px; }
.app-shell { display:flex; min-height:100vh; }
.sidebar { width:224px; flex:0 0 224px; position:sticky; top:0; height:100vh; min-height:750px; background:var(--green-dark); color:#bdcbbd; display:flex; flex-direction:column; padding:31px 17px 20px; }
.brand { display:flex; align-items:center; gap:12px; padding:0 11px; margin-bottom:35px; }
.brand-mark { width:35px; height:40px; display:grid; place-items:center; border:1px solid #829281; border-radius:17px 17px 5px 5px; font:43px/1 Georgia,serif; color:#ecebda; padding-bottom:7px; }
.brand-name { font:32px/1 Georgia,serif; color:#f4f3e6; letter-spacing:-1.1px; }
.brand-name>span { display:block; font:6px/1.4 var(--font); color:#acb9a7; letter-spacing:1px; margin-top:8px; white-space:nowrap; }
.workspace { display:flex; align-items:center; gap:10px; padding:12px 9px; margin-bottom:25px; border:1px solid #50645180; border-radius:6px; }
.workspace-monogram { width:26px; height:28px; display:grid; place-items:center; border-radius:5px; background:#506850; font:17px Georgia,serif; color:#e4e8d3; }
.workspace strong { font-size:10px; font-weight:500; color:#e0e6d9; }
.workspace small { display:block; font-size:9px; margin-top:1px; color:#9caf9b; }
.workspace>.icon { width:12px; height:12px; margin-left:auto; }
.nav-caption { font-size:8px; letter-spacing:1.4px; color:#8fa191; display:block; padding:0 12px 9px; }
.second-caption { padding-top:25px; }
.nav-item { display:flex; align-items:center; gap:12px; background:transparent; border:0; width:100%; padding:10px 12px; margin:3px 0; border-radius:6px; color:#bbc9bd; font-size:12px; text-align:left; min-height:40px; }
.nav-item .icon { width:16px; height:16px; opacity:.85; }
.nav-item:hover { color:#f4f5e7; background:#ffffff09; }
.nav-item.active { color:#f4f3e2; background:#41574a; font-weight:600; }
.active-dot { width:5px; height:5px; background:#d3dfaa; margin-left:auto; border-radius:50%; }
.nav-count { display:grid; place-items:center; font:10px/1.5 var(--font); width:19px; height:19px; border-radius:5px; background:#4b624e; color:#e3e9cc; margin-left:auto; }
.nav-item small { margin-left:auto; font-size:10px; color:#91a58f; }
.sidebar-bottom { margin-top:auto; }
.sidebar { min-height:0; height:100dvh; overflow:hidden; }
.sidebar nav { overflow-y:auto; min-height:0; flex:1; scrollbar-width:thin; scrollbar-color:#64785d transparent; }
.sidebar-bottom { flex-shrink:0; }
.sidebar-note { padding:32px 12px 27px; }
.sidebar-note .icon { width:23px; height:23px; color:#9caf8d; }
.sidebar-note p { font-size:12px; line-height:1.85; color:#c0cdba; margin:12px 0 8px; }
.sidebar-note>span { font-size:9px; color:#8da18d; }
.profile { display:flex; align-items:center; gap:10px; border:0; border-top:1px solid #4e614d; width:100%; background:transparent; padding:19px 7px 0; text-align:left; color:#d0dcc6; }
.avatar { background:#64785d; color:#e5ebd9; width:31px; height:31px; border-radius:50%; display:grid; place-items:center; font:16px Georgia,serif; }
.profile strong { display:block; font-size:10px; font-weight:500; }
.profile small { display:block; font-size:9px; color:#95a88f; margin-top:1px; }
.profile>.icon { width:15px; height:15px; margin-left:auto; opacity:.7; }
.main-shell { min-width:0; flex:1; }
.topbar { height:68px; border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; padding:0 38px; gap:20px; background:var(--surface); }
.breadcrumbs { display:flex; align-items:center; gap:12px; white-space:nowrap; font-size:10px; color:#93998e; }
.breadcrumbs>.icon { width:11px; height:11px; color:#adb1a6; }
.breadcrumbs strong { font-weight:500; color:#5e6b58; }
.topbar-actions { display:flex; align-items:center; gap:22px; }
.search-trigger { display:flex; align-items:center; gap:8px; border:0; background:none; color:#8a9383; padding:5px 0; font-size:10px; }
.search-trigger .icon { width:14px; height:14px; }
kbd { border:1px solid #e3e6dc; border-radius:3px; font:9px var(--font); padding:1px 4px; color:#9ba191; margin-left:14px; background:#fafbf6; }
.demo-badge { font-size:9px; color:#8a9381; white-space:nowrap; display:flex; align-items:center; gap:6px; }
.demo-badge i { width:5px; height:5px; border-radius:50%; background:#9aa88a; }
.icon-button { width:32px; height:32px; display:inline-grid; place-items:center; flex-shrink:0; background:transparent; border:0; border-radius:5px; color:#73806b; }
.icon-button:hover { background:#ebeee3; }
.notification-button { position:relative; }
.notification-button>i { width:4px; height:4px; background:#a57c44; position:absolute; top:5px; right:7px; border-radius:50%; box-shadow:0 0 0 2px var(--surface); }
.mobile-menu { display:none; }
main { max-width:1580px; margin:0 auto; padding:38px 38px 0; outline:none; }
.page-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:30px; }
.eyebrow { margin:0 0 10px; font-size:8px; letter-spacing:2.1px; color:#8b947f; font-weight:600; }
h1 { font-size:30px; line-height:1.4; letter-spacing:-1.55px; font-weight:600; margin:0 0 10px; }
.greeting-dot { color:#849574; }
.heading-description { margin:0; font-size:11px; color:#868c7f; }
.mobile-break { display:none; }
.heading-description strong { color:#536c47; font-weight:600; }
.heading-actions { display:flex; gap:8px; align-items:center; flex-shrink:0; padding-top:12px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:9px 14px; border-radius:5px; border:1px solid transparent; min-height:37px; font-size:11px; font-weight:500; white-space:nowrap; }
.button .icon { width:14px; height:14px; }
.button.primary { background:var(--green); color:#f8f6e9; border-color:var(--green); }
.button.primary:hover { background:#244636; }
.button.secondary { border-color:#dfe3d5; background:var(--surface); color:#617055; }
.button.secondary:hover { background:#eef1e7; }
.button.text { background:transparent; color:#7d8774; padding-left:0; }
.summary-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--line); background:var(--surface); border-radius:8px; padding:20px 0; margin-bottom:30px; }
.summary-item { padding:0 22px; border-right:1px solid var(--line); min-width:0; }
.summary-item:last-child { border:0; }
.metric-label { display:flex; align-items:center; justify-content:space-between; color:#7b8670; font-size:10px; margin-bottom:8px; }
.metric-label .icon { width:14px; height:14px; color:#9aa58e; }
.metric-value { font:29px/1.2 Georgia,"Times New Roman",serif; letter-spacing:-.5px; display:flex; align-items:baseline; gap:5px; color:#304a34; white-space:nowrap; }
.metric-value>small { font:10px var(--font); color:#839079; margin-right:5px; }
.metric-note { font:8px/1.8 var(--font); letter-spacing:-.025em; padding:1px 6px; border-radius:3px; margin-left:auto; white-space:nowrap; }
.metric-value.revenue { font-size:27px; gap:4px; }
.metric-value.revenue>small { font:17px Georgia,serif; margin:0; }
.summary-item>p { font-size:9px; color:#989d91; margin:10px 0 0; white-space:nowrap; }
.positive { color:#64805b; margin-right:4px; font-size:9px; }
.green { color:#637e52; background:#eef3e8; }
.amber { color:#a2824c; background:#f9f2e3; }
.neutral { color:#878f7e; background:#f0f2eb; }
.focus-grid { display:grid; grid-template-columns:minmax(0,1.9fr) minmax(250px,1fr); gap:24px; margin-bottom:36px; align-items:stretch; }
.panel { background:var(--surface); border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.panel-heading { display:flex; justify-content:space-between; align-items:center; padding:22px 24px 18px; gap:16px; }
h2 { font-size:16px; font-weight:600; letter-spacing:-.7px; line-height:1.4; margin:0; }
.section-title { display:flex; align-items:center; gap:8px; }
.count-pill { font-size:9px; line-height:19px; text-align:center; min-width:19px; background:#edf1e5; color:#71845d; border-radius:5px; }
.panel-heading p,.work-panel>header p { margin:6px 0 0; font-size:10px; color:#91988a; }
.section-index { font-size:8px; letter-spacing:1.2px; color:#9ba48e; white-space:nowrap; font-weight:500; }
.decision-tabs { display:flex; gap:22px; border-bottom:1px solid var(--line); padding:0 24px; }
.decision-tabs button { position:relative; border:0; border-bottom:2px solid transparent; background:none; padding:0 0 11px; margin-bottom:-1px; color:#92998a; font-size:10px; white-space:nowrap; }
.decision-tabs button span { font-size:9px; margin-left:4px; color:#a9af9f; }
.decision-tabs button.selected { color:#46623c; font-weight:600; border-bottom-color:#557349; }
.decision-tabs button.selected span { color:#557349; }
.decision-tabs button:hover { color:#36522f; }
.decision-list { padding:0 24px; }
.decision-row { display:flex; align-items:center; gap:14px; padding:16px 0; border-bottom:1px solid #eceee5; min-height:100px; }
.decision-row:last-child { border:0; }
.product-art { display:grid; place-items:center; overflow:hidden; flex-shrink:0; width:57px; height:65px; border-radius:5px; }
.product-art svg { width:48px; height:59px; }
.sage { background:#edf0e5; }
.clay { background:#f1e9e1; }
.sand { background:#f5f0e1; }
.decision-copy { flex:1; min-width:0; }
.row-kicker { font-size:8px; color:#909982; display:flex; align-items:center; gap:6px; margin-bottom:4px; }
.row-kicker span:first-child { color:#788966; }
.row-kicker i { display:block; width:2px; height:2px; background:#b3bba6; border-radius:50%; }
h3 { font-size:12px; font-weight:600; letter-spacing:-.3px; margin:0; }
.decision-copy p { color:#929987; font-size:9px; margin:5px 0 0; }
.decision-copy p>span { color:#b9bdad; padding:0 4px; }
.decision-copy p>strong { color:#6d805d; font-weight:500; }
.review-button { display:flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; border:1px solid #dfe4d6; background:#fcfcf7; color:#6d7d5c; padding:7px 9px; border-radius:4px; font-size:9px; }
.review-button:hover { color:#36502b; border-color:#b4c3a5; background:#edf2e5; }
.review-button .icon { width:12px; height:12px; }
.decision-footer { padding:11px 24px; background:#fafbf5; border-top:1px solid var(--line); display:flex; gap:7px; align-items:center; font-size:8px; color:#9ba48c; }
.decision-footer .icon { width:11px; height:11px; }
.work-panel { border-radius:8px; padding:24px 24px 0; border:1px solid #e2e6d9; background:#f1f3e9; display:flex; flex-direction:column; }
.work-panel h2 { font-size:15px; }
.live-dot { width:5px; height:5px; display:inline-block; border-radius:50%; background:#899d72; box-shadow:0 0 0 3px #879b7210; }
.work-panel header .live-dot { margin-left:auto; }
.task-item { display:flex; gap:12px; padding:22px 0 20px; border-bottom:1px solid #e0e5d5; }
.task-icon { color:#81946d; width:27px; height:29px; background:#e6ebdc; border-radius:5px; display:grid; place-items:center; flex-shrink:0; }
.task-icon .icon { width:14px; height:14px; }
.task-item>div { flex:1; min-width:0; }
.task-meta { display:flex; justify-content:space-between; align-items:center; font-size:8px; color:#a0a890; margin:0 0 5px; }
.task-meta strong { font-weight:500; color:#869676; font-size:8px; }
.task-meta>span { font-size:8px; color:#7e9369; }
.task-item h3 { font-size:11px; font-weight:500; color:#56664a; }
.task-item p { font-size:9px; color:#979f8b; margin:6px 0 0; }
.progress-label { display:flex; justify-content:space-between; font-size:8px; color:#8b977d; margin:13px 0 6px; }
.progress-label strong { font-weight:500; color:#788b63; }
.progress-track { height:3px; border-radius:3px; background:#dfe5d3; overflow:hidden; }
.progress-track span { display:block; height:100%; background:#91a27a; border-radius:3px; }
.task-item.compact { padding:17px 0; }
.worklog-link { margin-top:auto; display:flex; align-items:center; justify-content:space-between; width:100%; border:0; background:transparent; padding:17px 0; font-size:9px; color:#7a8c65; }
.worklog-link:hover { color:#3c5b30; }
.worklog-link .icon { width:13px; height:13px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:17px; gap:16px; }
.section-heading .section-index { display:block; font-size:7px; margin:0 0 5px; letter-spacing:1.6px; }
.section-heading p { color:#929987; font-size:9px; margin:0 0 2px; }
.department-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.department-card { padding:20px 20px 0; border:1px solid var(--line); border-radius:7px; background:#fdfcf8; }
.department-top { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:16px; }
.department-icon { width:32px; height:33px; background:#edf1e5; color:#7b9064; border-radius:6px; display:grid; place-items:center; }
.department-icon .icon { width:17px; height:17px; }
.clay-icon { color:#a38d77; background:#f3ece4; }
.sand-icon { color:#ae9b6c; background:#f4f0e1; }
.blue-icon { color:#7f968a; background:#eaf0ea; }
.status-badge { display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:2px 6px; border-radius:3px; font-size:8px; line-height:1.8; white-space:nowrap; font-weight:400; }
.status-badge i { width:3px; height:3px; background:currentColor; border-radius:50%; }
.department-card h3 { font-size:13px; font-weight:600; }
.department-card>p { margin:6px 0 18px; font-size:9px; color:#9a9f91; line-height:1.7; white-space:nowrap; }
.department-numbers { display:flex; gap:20px; padding-bottom:18px; }
.department-numbers span { display:flex; align-items:baseline; gap:7px; color:#9ba28e; font-size:8px; }
.department-numbers b { font:22px/1 Georgia,serif; color:#5e704f; }
.department-card>button { display:flex; align-items:center; justify-content:space-between; gap:8px; border:0; border-top:1px solid var(--line); width:100%; background:none; padding:12px 0; color:#849275; font-size:9px; }
.department-card>button:hover { color:#36572a; }
.department-card>button .icon { width:12px; height:12px; }
.departments { margin-bottom:30px; }
.products-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px 20px; }
.products-heading h2 { font-size:14px; }
.products-heading p { margin:6px 0 0; color:#98a08c; font-size:9px; }
.product-controls { display:flex; align-items:center; gap:8px; }
.product-search { display:flex; align-items:center; gap:7px; border:1px solid #e4e7dc; border-radius:4px; padding:7px 9px; color:#9aa68d; background:#fdfdf9; }
.product-search .icon { width:12px; height:12px; }
.product-search input { width:105px; min-width:0; border:0; background:transparent; font-size:9px; outline-offset:7px; }
input::placeholder { color:#a1aa95; }
.product-controls select { border:1px solid #e4e7dc; border-radius:4px; background:#fdfdf9; color:#8d9980; font-size:9px; padding:7px 9px; min-height:29px; }
.table-scroll { overflow-x:auto; }
table { width:100%; border-collapse:collapse; text-align:left; white-space:nowrap; }
th { background:#f8f9f2; color:#929c85; font-weight:400; font-size:9px; padding:9px 20px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
th:first-child,td:first-child { padding-left:24px; }
th:first-child { width:44%; }
td { border-bottom:1px solid #edefe5; padding:11px 20px; font-size:10px; }
tbody tr:last-child td { border-bottom:0; }
tbody tr:hover { background:#fafbf5; }
.table-product { display:flex; align-items:center; gap:12px; background:transparent; border:0; padding:0; text-align:left; }
.table-product .product-art { width:38px; height:43px; }
.table-product .product-art svg { width:32px; height:38px; }
.table-product strong { display:block; font-size:10px; color:#5c6a51; font-weight:500; }
.table-product small { font-size:8px; color:#a1a991; }
.channel-label { display:inline-flex; align-items:center; gap:6px; font-size:9px; color:#89957a; }
.channel-label i { height:5px; width:5px; border-radius:1px; }
.qoo-dot { background:#be8490; }
.shop-dot { background:#9fb171; }
.time-cell { font-size:9px; color:#a0a88f; }
td:last-child { padding-right:20px; width:40px; }
td .icon-button { width:23px; height:23px; }
td .icon-button .icon { width:12px; height:12px; }
.products-footer { display:flex; justify-content:space-between; gap:15px; padding:12px 24px; border-top:1px solid var(--line); color:#a1aa92; font-size:8px; background:#fbfcf6; }
.page-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:25px 0 24px; color:#a4ae96; }
.footer-brand { font:17px Georgia,serif; display:flex; align-items:center; gap:14px; letter-spacing:-.4px; color:#91a080; }
.footer-brand>span { font:8px var(--font); color:#aab19d; letter-spacing:0; }
.page-footer>button { display:flex; align-items:center; gap:8px; border:0; background:transparent; color:#93a17f; font-size:8px; }
.page-footer .icon { width:10px; height:10px; }
.empty-state { text-align:center; padding:55px 15px; min-height:250px; }
.empty-mark { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:50%; background:var(--green-soft); color:var(--sage); margin-bottom:14px; }
.empty-state h3 { font-size:12px; color:#708264; }
.empty-state p { font-size:10px; color:#96a08d; margin-top:8px; }
.table-empty { text-align:center; padding:40px 20px; color:#8b9980; font-size:11px; }
dialog { border:1px solid #dfe4d5; background:var(--surface); color:var(--ink); padding:0; box-shadow:0 25px 100px #20332224; }
body:has(dialog[open]) { overflow:hidden; }
dialog::backdrop { background:#14221bd1; opacity:.5; backdrop-filter:blur(2px); }
.sidebar-backdrop { display:none; }
@media(min-width:1600px) { main { padding:44px 48px 0; } .topbar { padding:0 48px; } .summary-item { padding:0 27px; } .decision-row { min-height:107px; } .work-panel { padding-left:28px; padding-right:28px; } }
@media(max-width:1330px) { .sidebar { width:208px; flex-basis:208px; padding-left:14px; padding-right:14px; } .brand-name { font-size:29px; } main { padding:30px 28px 0; } .topbar { padding:0 28px; } h1 { font-size:27px; } .heading-actions { gap:6px; } .button { font-size:10px; padding:9px 11px; } .summary-item { padding:0 17px; } .metric-note { margin:0; font-size:7px; padding:0 4px; } .metric-value { gap:3px; font-size:26px; } .metric-value>small { margin-right:2px; } .metric-value.revenue { font-size:25px; } .summary-item>p { font-size:8px; } .focus-grid { gap:20px; grid-template-columns:minmax(0,1.8fr) minmax(237px,1fr); } .panel-heading,.decision-footer { padding-left:20px; padding-right:20px; } .decision-tabs { padding:0 20px; gap:17px; } .decision-list { padding:0 20px; } .panel-heading .section-index { display:none; } .work-panel { padding:22px 20px 0; } .department-grid { gap:12px; } .department-card { padding:16px 15px 0; } .department-top { gap:4px; } .department-numbers { gap:14px; } .department-card>p { font-size:8px; } .status-badge { font-size:7px; } .search-trigger { display:none; } }
@media(max-width:1100px) { .sidebar { width:194px; flex-basis:194px; padding:28px 12px 20px; } .brand { padding-left:9px; gap:10px; } .brand-name { font-size:27px; } .brand-name>span { letter-spacing:1px; font-size:6px; } .workspace { gap:7px; padding:11px 7px; } .workspace strong { font-size:9px; } .workspace>.icon { width:10px; } .nav-item { font-size:11px; gap:10px; } .topbar { height:62px; } main { padding:28px 24px 0; } .topbar { padding:0 24px; } h1 { font-size:25px; } .heading-description { font-size:10px; } .heading-actions>.secondary { display:none; } .summary-item { padding:0 13px; } .summary-item>p { font-size:7px; } .metric-label { font-size:9px; } .metric-note { display:none; } .metric-value.revenue { font-size:24px; } .focus-grid { gap:16px; grid-template-columns:minmax(0,1.65fr) minmax(218px,1fr); } .decision-row { gap:11px; min-height:97px; } .decision-tabs { gap:15px; padding:0 16px; } .decision-tabs button { font-size:9px; } .decision-list { padding:0 16px; } .decision-copy h3 { font-size:11px; } .decision-copy p { font-size:8px; } .decision-row .product-art { width:44px; height:55px; } .decision-row .product-art svg { width:39px; height:48px; } .review-button { padding:7px; font-size:8px; gap:3px; } .review-button .icon { width:10px; } .panel-heading { padding:19px 16px 16px; } .panel-heading p { font-size:9px; } .decision-footer { padding:11px 16px; font-size:7px; } .work-panel { padding:19px 17px 0; } .work-panel h2 { font-size:14px; } .work-panel>header p { font-size:9px; } .task-item { gap:9px; } .task-item h3 { font-size:10px; } .task-item p { font-size:8px; } .task-item.compact { padding:18px 0; } .department-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .department-card { padding:18px 19px 0; } .department-top { margin-bottom:11px; } .department-card>p { font-size:9px; margin-bottom:15px; } .department-numbers { gap:26px; } .department-card .status-badge { font-size:8px; } .department-icon { height:29px; width:29px; } .products-heading { padding:20px; } .products-heading h2 { font-size:13px; } .product-search { display:none; } th,td { padding-left:13px; padding-right:13px; } th:first-child,td:first-child { padding-left:20px; } .table-product strong { font-size:9px; } .section-heading h2 { font-size:15px; } }
@media(max-width:820px) { .sidebar { width:72px; flex-basis:72px; padding:25px 10px 17px; min-height:690px; } .brand { justify-content:center; padding:0; margin-bottom:38px; } .brand-name,.workspace,.nav-caption,.nav-item>span,.nav-item>small,.nav-item>b,.active-dot,.sidebar-note,.profile>span:not(.avatar),.profile>.icon { display:none; } .nav-item { justify-content:center; padding:12px 0; margin:8px 0; height:43px; } .nav-item .icon { width:19px; height:19px; } .profile { justify-content:center; padding:20px 0 0; } .topbar { padding:0 24px; } .demo-badge { font-size:8px; } .page-heading h1 { font-size:25px; } .summary-item>p { white-space:normal; min-height:24px; } .summary-strip { padding:16px 0; } .metric-value.revenue { font-size:23px; } .focus-grid { grid-template-columns:minmax(0,1.8fr) minmax(205px,1fr); gap:14px; } .decision-row { flex-wrap:wrap; gap:8px; padding:13px 0; } .decision-copy { flex-basis:calc(100% - 60px); } .review-button { margin-left:52px; margin-top:-1px; padding:3px 7px; } .decision-row .product-art { align-self:flex-start; } .section-heading p { font-size:8px; } .task-item { padding-top:20px; } .task-item.compact { padding:20px 0; } .topbar-actions { gap:12px; } .toast { left:calc(50% + 36px); } }
@media(max-width:650px) { html { scroll-padding-top:20px; } .sidebar { position:fixed; z-index:50; transform:translateX(-100%); transition:transform .2s; width:224px; height:100dvh; min-height:0; padding:28px 18px 20px; overflow-y:auto; } body.menu-open .sidebar { transform:translateX(0); } .brand { justify-content:start; padding:0 10px; margin-bottom:28px; } .brand-name { display:block; } .nav-caption,.nav-item>span,.nav-item>small,.nav-item>b,.active-dot,.profile>span:not(.avatar),.profile>.icon { display:block; } .workspace { display:flex; } .nav-item { justify-content:start; padding:10px 12px; margin:3px 0; height:40px; font-size:12px; } .nav-item .icon { width:16px; height:16px; } .nav-count { text-align:center; padding-top:1px; } .profile { justify-content:start; } .sidebar-bottom { padding-top:20px; } .sidebar-backdrop { display:block; position:fixed; inset:0; border:0; background:#152a20a3; z-index:49; } .mobile-menu { display:grid; margin-left:-7px; } .topbar { padding:0 20px; height:58px; gap:10px; } .breadcrumbs { gap:7px; font-size:9px; } .breadcrumbs>span,.breadcrumbs>.icon { display:none; } .topbar-actions { gap:7px; } .demo-badge { font-size:7px; gap:4px; } .notification-button { width:26px; } main { padding:26px 20px 0; } .page-heading { align-items:start; margin-bottom:22px; gap:12px; } .eyebrow { font-size:7px; letter-spacing:1.4px; margin-bottom:8px; } h1,.page-heading h1 { font-size:23px; letter-spacing:-1.5px; } .heading-description { font-size:10px; line-height:1.9; max-width:225px; } .heading-actions { padding-top:25px; } .heading-actions .primary { padding:8px; font-size:0; width:33px; height:33px; min-height:33px; } .heading-actions .primary .icon { width:17px; height:17px; } .summary-strip { grid-template-columns:1fr 1fr; padding:0; margin-bottom:23px; } .summary-item { padding:16px; border-bottom:1px solid var(--line); } .summary-item:nth-child(2) { border-right:0; } .summary-item:nth-child(3) { border-bottom:0; } .summary-item:last-child { border:0; } .metric-label { font-size:10px; } .metric-value { font-size:28px; } .metric-value.revenue { font-size:26px; } .summary-item>p { font-size:8px; min-height:0; margin-top:9px; } .focus-grid { display:flex; flex-direction:column; gap:22px; margin-bottom:28px; } .panel-heading { padding:20px 18px 17px; } h2 { font-size:16px; } .decision-tabs { padding:0 18px; gap:21px; } .decision-tabs button { font-size:10px; } .decision-list { padding:0 18px; } .decision-row { flex-wrap:nowrap; padding:17px 0; gap:11px; min-height:100px; } .decision-copy { flex-basis:auto; } .decision-copy h3 { font-size:11px; } .decision-copy p { font-size:8px; } .review-button { margin:0; padding:7px; font-size:8px; flex-shrink:0; } .review-button .icon { display:none; } .decision-row .product-art { align-self:center; width:46px; height:59px; } .decision-footer { font-size:7px; padding:12px 18px; } .work-panel { padding:20px 22px 0; } .work-panel>header { padding-bottom:1px; } .work-panel h2 { font-size:15px; } .task-item { gap:13px; padding:20px 0; } .task-meta,.task-meta strong { font-size:9px; } .task-item h3 { font-size:12px; } .task-item p { font-size:10px; } .task-item.compact { padding:17px 0; } .task-icon { width:30px; height:32px; } .worklog-link { font-size:10px; padding:16px 0; } .section-heading { align-items:start; } .section-heading p { display:none; } .section-heading h2 { font-size:16px; } .department-grid { gap:10px; } .department-card { padding:16px 13px 0; } .department-top { flex-wrap:wrap; margin-bottom:13px; } .department-card .status-badge { font-size:7px; padding:2px 4px; } .department-card h3 { font-size:12px; } .department-card>p { white-space:normal; min-height:27px; font-size:8px; margin-bottom:14px; } .department-numbers { gap:15px; padding-bottom:15px; } .department-numbers span { font-size:7px; gap:4px; } .department-numbers b { font-size:22px; } .department-card>button { font-size:8px; padding:11px 0; } .department-card>button .icon { width:11px; } .products-heading { padding:20px 16px; flex-wrap:wrap; gap:14px; } .products-heading h2 { font-size:14px; } .products-heading p { font-size:8px; } .product-controls { width:100%; justify-content:space-between; } .product-search { display:flex; } .product-search input { width:125px; } table { min-width:480px; } th,td { padding-left:10px; padding-right:10px; } th:first-child,td:first-child { padding-left:16px; } .table-product strong { font-size:10px; } .products-footer { padding:12px 16px; font-size:8px; } .products-footer>span:last-child { display:none; } .page-footer { align-items:center; padding:25px 0; } .footer-brand>span { display:none; } .page-footer>button { font-size:7px; gap:5px; } .toast { left:50%; width:max-content; font-size:11px; } .dialog-top { padding:17px 21px; } #dialogBody { padding:0 21px 24px; } #dialogBody h2 { font-size:22px; } .dialog-footer { padding:16px 21px; } .dialog-footer small { font-size:8px; } .detail-dialog { max-width:100vw; width:100vw; } .detail-metrics { gap:8px; } .detail-metrics strong { font-size:18px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }
@media(max-height:850px) { .sidebar { min-height:0; } .sidebar-note { display:none; } .sidebar-bottom { padding-top:14px; } }

/* Reading text stays distinct from the quiet decorative labels. */
.heading-description,.panel-heading p,.work-panel>header p { color:#6e7867; font-size:11px; }
.summary-item>p { color:#6e7867; font-size:9px; white-space:normal; }
.metric-label { color:#68755f; font-size:11px; }
.decision-copy p,.task-item p { color:#6e7867; font-size:10px; line-height:1.7; }
.decision-copy h3,.task-item h3 { font-size:12px; }
.row-kicker,.task-meta,.task-meta strong { color:#748169; font-size:9px; }
.decision-copy p>strong { color:#526a44; }
.review-button { font-size:10px; color:#526947; }
.decision-tabs button { font-size:11px; }
.department-card>p { color:#707b65; font-size:10px; white-space:normal; min-height:32px; }
.department-card>button { color:#617750; font-size:10px; }
.status-badge { font-size:9px; }
.green { color:#536f42; }
.amber { color:#886937; }
.neutral { color:#697660; }
.table-product strong { font-size:11px; }
.table-product small,.channel-label,.time-cell { font-size:10px; color:#77846a; }
.product-search input,.product-controls select { font-size:10px; }
.dialog-intro,.review-description,.review-checks li,.report-list p { color:#637359; }
@media(max-width:1100px) { .products-heading { flex-wrap:wrap; } .product-search { display:flex; } .metric-label { font-size:10px; } .decision-tabs { gap:13px; } .decision-tabs button { font-size:10px; } .review-button { font-size:9px; } .decision-copy h3,.task-item h3 { font-size:11px; } .decision-copy p,.task-item p { font-size:9px; } .department-card>p { min-height:0; } }
@media(max-width:650px) { .heading-description { font-size:10px; } .decision-tabs { gap:19px; } .department-card>p { font-size:9px; min-height:31px; } .department-card>button { font-size:9px; } .department-card .status-badge { font-size:8px; } .review-button { font-size:9px; } .task-item h3 { font-size:12px; } .task-item p { font-size:10px; } .product-search input { width:118px; } }
@media(max-width:650px) { .mobile-break { display:block; } .desktop-space { display:none; } .heading-description { max-width:none; } }


/* Live home integration: preserve report/progress surfaces with the approved palette. */
:root {
  --font-sans:var(--font); --font-serif:var(--font); --font-mono:ui-monospace,monospace;
  --paper-soft:#f3f4ec; --paper-edge:var(--line); --rule:var(--line); --rule-soft:#eeeee5;
  --ink-soft:#526354; --ink-mute:#66705f; --ink-faint:#7b8674;
  --seal-red:var(--green); --seal-red-soft:#416852; --tone-positive:#426c46;
  --tone-positive-bg:#edf2e9; --tone-neutral:#63705d; --tone-neutral-bg:#f0f2eb;
  --tone-urgent:#8f6630; --tone-urgent-fg:#8f6630; --tone-urgent-bg:#f8f1e3;
  --tone-negative:#a1453c; --tone-negative-bg:#f8ebe7;
}
.home-body { background:var(--paper); }
.sidebar-brand-row { position:relative; }
.sidebar-close { display:none; color:#e2e8d8; }
.sidebar .workspace strong { display:block; max-width:140px; overflow-wrap:anywhere; }
.updated-at { color:#717d68; font-size:11px; white-space:nowrap; }
.summary-item .metric-sub { margin-top:5px; }
.summary-item>p { white-space:normal; }
.summary-strip .metric-value { font-size:30px; font-variant-numeric:tabular-nums; }
.metric-delta { font-size:inherit; }
.metric-delta.urgent,.metric-delta.negative { color:var(--amber); }
.text-link { font-size:12px; color:var(--green); white-space:nowrap; }
.text-link:hover,.department-links a:hover,.department-subtext:hover { text-decoration:underline; }
.decision-tabs { overflow-x:auto; gap:18px; }
.decision-tabs button { white-space:nowrap; min-height:45px; }
.decision-list { max-height:428px; overflow-y:auto; }
.decision-symbol { width:46px; height:54px; border:1px solid #e3e8d9; border-radius:8px; background:#eef1e6; display:grid; place-items:center; flex-shrink:0; color:#688057; }
.decision-symbol .icon { width:23px; height:23px; }
.decision-copy { min-width:0; }
.decision-copy h3,.decision-copy p { overflow-wrap:anywhere; }
.decision-copy h3 { line-height:1.6; }
.decision-copy p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.review-button { display:inline-flex; flex-shrink:0; white-space:nowrap; align-items:center; }
.priority-badge { padding:1px 6px; background:var(--amber-soft); color:#866331; border-radius:4px; }
.read-warning { margin:16px 20px; padding:12px; color:#7a5826; background:var(--amber-soft); border-radius:6px; font-size:12px; }
.read-warning a { text-decoration:underline; }
.work-panel { display:flex; flex-direction:column; min-width:0; }
.activity-list { max-height:454px; overflow-y:auto; }
.task-item>div { min-width:0; }
.task-item p { overflow-wrap:anywhere; }
.task-meta { gap:12px; }
.task-meta time { white-space:nowrap; }
.activity-empty { padding:38px 0; color:#687c5a; }
.activity-empty>.icon { width:30px; height:30px; margin-bottom:10px; }
.activity-empty p { font-size:13px; }
.activity-empty span { font-size:11px; color:#76846d; }
.work-footer { display:flex; align-items:center; justify-content:space-between; color:var(--green); border-top:1px solid #dde5ce; padding:17px 0; margin-top:auto; font-size:12px; }
.briefing-summary { color:#64745b; border-left:2px solid #b0c09e; margin:-3px 0 20px; padding:3px 14px; }
.briefing-summary summary { cursor:pointer; font-size:13px; }
.briefing-summary p { font-size:12px; }
.briefing-summary small { font-size:11px; }
.department-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.department-card.dept-card { padding:22px 22px 0; gap:0; cursor:default; border:1px solid var(--line); background:var(--surface); border-radius:8px; transition:border-color .18s; }
.department-card.dept-card::before { display:none; }
.department-card.dept-card:hover { transform:none; box-shadow:none; border-color:#bac8ae; }
.department-card .department-icon { color:#638057; background:#edf2e8; }
.department-card>p.department-headline { margin:8px 0 4px; font-size:13px; color:#617355; line-height:1.7; min-height:0; }
.department-card>p.department-detail { margin:0 0 15px; font-size:12px; line-height:1.65; color:#76826c; }
.department-metric { display:flex; align-items:baseline; gap:10px; margin:auto 0 12px; }
.department-metric strong { font:28px/1.3 Georgia,serif; color:var(--green); }
.department-metric span { font-size:12px; color:#6b785f; }
.department-subtext { font-size:11px; color:#6b795f; margin-bottom:8px; line-height:1.8; }
.department-next { display:grid; grid-template-columns:1fr auto; padding:12px 0; border-top:1px solid var(--line); gap:3px 8px; margin-top:5px; }
.department-next>span { color:#879272; font-size:10px; grid-column:1 / -1; }
.department-next strong { color:#546c47; font-size:12px; line-height:1.65; font-weight:500; }
.department-next>.icon { width:14px; height:14px; }
.department-links { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); padding:13px 0; margin-top:12px; gap:8px; font-size:12px; color:#58724a; }
.department-links button { border:0; background:none; padding:0; color:inherit; font-size:inherit; }
.department-card .dc-progress-row { margin:5px 0 0; }
.department-card .dc-progress-trigger { width:100%; font:11px/1.8 var(--font); padding:8px; text-align:left; color:#62765b; background:#f3f5ef; border:0; border-radius:4px; }
.department-card .dc-progress-stub { color:#727a6c; }
.start-candidates { font-size:11px; padding:8px 0; color:#5d7351; }
.start-candidates summary { cursor:pointer; }
.start-candidates a { display:block; margin-top:8px; overflow-wrap:anywhere; }
.start-candidates small { display:block; color:#78866c; }
.home-operations { margin:18px 0 32px; border:1px solid var(--line); border-radius:7px; padding:15px 20px; background:var(--surface); scroll-margin-top:22px; }
.home-operations>summary { display:flex; align-items:center; gap:10px; font-size:12px; color:#5b7150; cursor:pointer; }
.home-operations>summary::after { content:'+'; margin-left:auto; font-size:18px; }
.home-operations[open]>summary::after { content:'−'; }
.home-operations>summary>span { font-size:11px; color:#8a957e; }
.home-operations .curator-action-grid { margin-top:16px; }
.product-placeholder { display:grid; place-items:center; width:40px; height:44px; flex-shrink:0; background:#eff2e9; border-radius:6px; color:#7a8d6d; }
.product-placeholder>.icon { width:21px; height:21px; }
.table-product>span:last-child { min-width:0; }
.table-product strong { max-width:390px; overflow-wrap:anywhere; white-space:normal; }
.products .product-search { display:flex; }
.product-controls input { min-width:0; }
.documents { margin-top:24px; }
.document-summary { display:flex; flex-wrap:wrap; gap:14px 24px; padding:0 24px 22px; font-size:12px; color:#77836c; }
.document-summary strong { margin-left:5px; color:var(--green); }
.document-summary>a { color:var(--green); margin-left:auto; }
.document-alerts { margin:0 24px 24px; padding:0; list-style:none; border-top:1px solid var(--line); }
.document-alerts li { display:flex; flex-wrap:wrap; gap:8px 15px; padding:12px 0; border-bottom:1px solid var(--line); font-size:12px; }
.document-alerts li>a { flex:1; min-width:180px; color:#856232; }
.document-alerts li>span { color:#9a593b; }
.document-alerts time { color:#7c8872; }
.page-footer>a { color:#667959; font-size:12px; }
@media(max-width:1100px) { .department-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .product-controls { flex-wrap:wrap; } .products-heading { gap:20px; } .product-search { max-width:190px; } }
@media(max-width:820px) { .sidebar { min-height:0; } .sidebar-brand-row .brand { margin-bottom:30px; } .decision-row { flex-wrap:nowrap; align-items:flex-start; } .decision-copy { flex-basis:auto; } .review-button { margin:0; } .focus-grid { grid-template-columns:1fr; } .activity-list { max-height:230px; } .summary-strip .metric-value { font-size:27px; } }
@media(max-width:650px) {
  body.menu-open { overflow:hidden; }
  .sidebar-close { display:inline-grid; position:absolute; top:0; right:-8px; }
  .sidebar-brand-row .brand { margin-bottom:28px; }
  .sidebar .brand-name { font-size:27px; }
  .updated-at { font-size:9px; }
  .topbar-actions { gap:6px; }
  .department-grid { grid-template-columns:1fr; }
  .department-card.dept-card { padding:20px 20px 0; }
  .home-operations { padding:15px; }
  .home-operations>summary>span { display:none; }
  .home-operations .curator-action-grid { grid-template-columns:1fr; }
  .decision-symbol { width:36px; height:42px; }
  .decision-row { flex-wrap:wrap; align-items:center; }
  .decision-copy { flex-basis:calc(100% - 48px); }
  .review-button { margin-left:44px; padding:7px 12px; min-height:36px; }
  .products .products-heading { align-items:stretch; }
  .products .product-controls { width:100%; display:flex; flex-wrap:nowrap; }
  .products .product-search { flex:1; max-width:none; min-width:0; }
  .products .product-search input { width:100%; }
  .products select { max-width:130px; }
  .document-summary { gap:12px 20px; }
  .document-summary>a { margin-left:0; }
  .document-alerts { margin:0 20px 20px; }
  .section-heading>a { display:none; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.decision-tabs { overflow-y:hidden; }
.department-card.dept-card::after { display:none; }
.dr-panel:not(.open) { visibility:hidden; }
.department-metric strong { overflow-wrap:anywhere; }
.document-alerts li.document-critical { background:#fbefeb; padding:12px 8px; }
.document-alerts li.document-critical>a,.document-alerts li.document-critical>span { color:#a1453c; font-weight:600; }
.department-card[data-dept="tax"] .department-metric { flex-direction:column; align-items:flex-start; gap:5px; }
.department-card[data-dept="tax"] .department-metric strong { font:18px/1.6 var(--font); overflow-wrap:normal; }
.department-metric>span { flex-shrink:0; }