.concept-overview{display:grid;gap:22px;min-width:0}.concept-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:2px}.concept-heading h1{font-size:28px;letter-spacing:-.8px;margin-bottom:7px}.concept-heading p{font-size:12px;color:var(--muted);margin:0}.concept-heading .eyebrow{font-size:9px;margin-bottom:9px}
.concept-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.concept-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 3px #11171302}.concept-stat{padding:20px 22px}.concept-stat-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:12px;font-weight:550}.concept-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:var(--muted);flex:none}.concept-stat strong{display:block;font-size:28px;letter-spacing:-1px;line-height:1.3;font-weight:650;font-variant-numeric:tabular-nums}.concept-stat small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.concept-stat .stat-note{display:inline-flex;gap:5px;align-items:center}.concept-stat .stat-note:before{content:'';width:5px;height:5px;background:#69a73c;border-radius:50%}
.concept-card-header{padding:22px 24px 0;display:flex;align-items:start;justify-content:space-between;gap:18px}.concept-card h2{font-size:15px;font-weight:650;letter-spacing:-.2px;margin:0 0 5px}.concept-card-header p{font-size:11px;color:var(--muted);margin:0}.concept-card-header>a{font-size:11px;color:var(--muted);padding-top:2px;white-space:nowrap}.concept-card-header>a:hover{color:var(--ink);text-decoration:underline}.concept-range{border:1px solid var(--border);border-radius:7px;padding:7px 10px;background:var(--surface);color:var(--ink);font-size:11px;max-width:140px}
.concept-chart-wrap{position:relative;margin:20px 24px 0}.concept-chart{width:100%;height:250px;display:block;overflow:visible}.concept-chart text{fill:var(--muted);font-size:10px;font-family:'Segoe UI',sans-serif}.concept-chart .grid-line{stroke:var(--border);stroke-dasharray:3 5;stroke-width:1}.concept-chart .chart-point{fill:transparent;stroke:transparent;cursor:crosshair}.concept-chart .chart-point:focus-visible{outline:none;stroke:var(--ink);stroke-width:2;fill:var(--accent)}.concept-legend{display:flex;justify-content:center;gap:22px;padding:3px 24px 20px;font-size:11px;color:var(--muted)}.concept-legend span{display:flex;align-items:center;gap:7px}.concept-legend i{width:19px;border-top:2px solid #477a32}.concept-legend .issued-key{border-color:#758478;border-top-style:dashed}.concept-tooltip{position:absolute;top:32px;left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 25px #11171312;padding:11px 14px;min-width:150px;font-size:11px;pointer-events:none;z-index:2}.concept-tooltip[hidden]{display:none}.concept-tooltip strong{display:block;margin-bottom:6px}.concept-tooltip div{display:flex;justify-content:space-between;gap:20px;margin-top:3px;color:var(--muted)}.concept-tooltip b{font-weight:550;color:var(--ink)}
.concept-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px}.concept-progress-list{padding:23px 24px 20px;display:grid;gap:23px}.concept-progress-item+.concept-progress-item{border-top:1px solid var(--border);padding-top:21px}.concept-progress-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.concept-progress-top a{font-size:12px;font-weight:600}.concept-progress-item p{font-size:10px;color:var(--muted);margin:4px 0 12px}.concept-pill{font-size:9px;border-radius:5px;padding:3px 8px;white-space:nowrap;background:var(--soft);color:var(--ink)}.concept-pill.paid{background:#e4f3d8;color:#36592a}.concept-pill.partial{background:#eef0e9;color:#535f48}.concept-progress-row{display:flex;align-items:center;gap:12px}.concept-progress{height:6px;border-radius:6px;background:var(--soft);overflow:hidden;flex:1}.concept-progress>span{display:block;height:100%;border-radius:6px;background:#77b34c}.concept-progress-row>span{font-size:10px;color:var(--muted);width:30px;text-align:right;font-variant-numeric:tabular-nums}.concept-progress-foot{display:flex;justify-content:space-between;margin-top:9px;font-size:10px;color:var(--muted)}
.concept-activity{list-style:none;padding:22px 24px;margin:0;display:grid;gap:22px}.concept-activity li{display:flex;gap:12px;align-items:start}.activity-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--soft);flex:none;color:#527542}.activity-mark .concept-icon{width:15px;height:15px;color:inherit}.concept-activity p{font-size:12px;line-height:1.5;margin:0 0 3px}.concept-activity p strong{font-weight:600}.concept-activity p span{color:var(--muted)}.concept-activity small{font-size:10px;color:var(--muted)}.concept-activity .activity-amount{margin-left:auto;font-size:11px;font-weight:600;white-space:nowrap;padding-top:3px;color:#477a32}.concept-card-end{padding:13px 24px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}
body.dark .concept-pill.paid{background:#283f25;color:#b7dca1}body.dark .concept-pill.partial{background:#29372b;color:#c2d0bb}body.dark .concept-progress>span{background:var(--accent)}body.dark .concept-activity .activity-amount{color:#a6f46b}body.dark .activity-mark{color:#a6f46b}body.dark .concept-legend i{border-color:#a6f46b}
@media(max-width:900px){.concept-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-bottom{gap:16px}.concept-progress-list,.concept-activity{padding:20px}.concept-card-header{padding:20px 20px 0}.concept-chart-wrap{margin:20px 20px 0}.concept-stat{padding:18px 20px}}
@media(max-width:600px){.concept-overview{gap:16px}.concept-heading{align-items:flex-start}.concept-heading h1{font-size:24px}.concept-heading .btn{padding:9px 12px;font-size:11px}.concept-stats{gap:12px}.concept-stat{padding:16px}.concept-stat-top{font-size:11px;margin-bottom:10px}.concept-stat strong{font-size:24px}.concept-stat small{font-size:9px}.concept-bottom{grid-template-columns:1fr}.concept-chart{height:215px}.concept-card-header{gap:10px}.concept-card-header p{max-width:210px}.concept-chart-wrap{margin-left:12px;margin-right:14px}.concept-range{font-size:10px;padding:6px;max-width:105px}.concept-chart text{font-size:11px}.concept-activity .activity-amount{font-size:10px}.concept-heading .eyebrow{letter-spacing:1.2px}}

.concept-stats.stats{margin-bottom:0}.concept-charts{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr);gap:22px}.concept-donut{width:156px;height:156px;border-radius:50%;margin:22px auto;display:grid;place-items:center}.concept-donut>div{width:116px;height:116px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.concept-donut strong{font-size:30px;font-variant-numeric:tabular-nums}.concept-donut span{font-size:10px;color:var(--muted)}.concept-status-list{list-style:none;margin:0;padding:0 24px 24px;display:grid;gap:8px;font-size:11px}.concept-status-list li,.concept-status-list li>span{display:flex;align-items:center;gap:8px}.concept-status-list li{justify-content:space-between}.concept-status-list i{width:8px;height:8px;border-radius:50%;display:block}.concept-stat strong{overflow-wrap:anywhere}.concept-progress-foot{gap:12px;flex-wrap:wrap}.concept-activity li>div{min-width:0;overflow-wrap:anywhere}.concept-overview>.setup{margin:0}@media(max-width:900px){.concept-charts{grid-template-columns:1fr}.concept-donut{margin:20px auto}.concept-status-list{grid-template-columns:1fr 1fr;gap:12px 24px}}

  :root{--bg:#f3f2ec;--surface:#fdfdf9;--ink:#111713;--muted:#697269;--border:#dedfd5;--accent:#a6f46b}
  body{min-width:320px}.workspace,body.collapsed .workspace{margin-inline-start:0;transition:none}
  .preview-header{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--border)}
  .header-inner{max-width:1280px;margin:auto;padding:0 32px}
  .identity-row{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}
  .header-brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1.2px}
  .header-brand img{width:40px;height:40px}.brand-period{color:#457932}.header-left{display:flex;align-items:center;gap:24px}
  .preview-tag{font-size:10px;letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);border-radius:30px;padding:5px 10px;white-space:nowrap}
  .header-right{display:flex;align-items:center;gap:14px}.header-business{display:flex;gap:10px;align-items:center;padding-right:20px;border-right:1px solid var(--border)}
  .header-business strong{display:block;font-size:12px}.header-business small{display:block;font-size:10px;color:var(--muted)}
  .header-business .business-initial{width:32px;height:32px;border-radius:9px;background:var(--soft)}
  .header-right .avatar{width:35px;height:35px}.signout{font-size:11px;color:var(--muted);border:0;background:none;padding:6px}
  .header-navigation{border-top:1px solid var(--border)}
  #navigation{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;min-height:61px;align-items:center}
  #navigation .nav-section{display:none}#navigation .nav-link{position:relative;margin:0;padding:9px 15px;color:var(--muted);border-radius:7px;gap:8px;font-size:12px;white-space:nowrap;flex:none}
  #navigation .nav-link:hover{background:var(--soft);color:var(--ink)}#navigation .nav-link.active{background:var(--accent);color:#18271a}
  #navigation .nav-icon{width:16px;height:16px}#navigation .nav-link:nth-last-child(2){margin-left:auto}
  #content{max-width:1280px;padding:38px 32px 56px;min-height:520px}.preview-breadcrumb{width:100%;max-width:1280px;margin:24px auto -20px;padding:0 32px;color:var(--muted);font-size:11px}.preview-breadcrumb strong{color:var(--ink);font-weight:500}
  .preview-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:auto}
  .footer-main{max-width:1280px;margin:auto;padding:34px 32px;display:flex;justify-content:space-between;gap:48px;align-items:start}
  .footer-brand .header-brand{font-size:22px}.footer-brand .header-brand img{width:30px;height:30px}.footer-brand p{font-size:12px;color:var(--muted);margin:12px 0 0}
  .footer-links{display:flex;gap:70px}.footer-column{display:grid;gap:8px;font-size:12px}.footer-column strong{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;margin-bottom:3px}.footer-column a:hover{text-decoration:underline;text-underline-offset:4px}
  .footer-bottom{border-top:1px solid var(--border)}.footer-bottom>div{max-width:1280px;margin:auto;padding:16px 32px;display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted)}
  .footer-status{display:flex;align-items:center;gap:6px}.footer-status:before{content:'';width:5px;height:5px;border-radius:50%;background:#589347}
  .legacy-controls{display:none!important}body.collapsed #navigation .nav-label{display:inline}body.collapsed #navigation .nav-link{justify-content:flex-start}
  @media(max-width:800px){.header-inner{padding:0 20px}.identity-row{min-height:76px}.header-business{display:none}.header-left{gap:14px}.header-right{gap:10px}#navigation .nav-link{padding:9px 12px}#content{padding:32px 20px 40px}.preview-breadcrumb{padding:0 20px}.footer-main{padding:28px 20px;gap:30px}.footer-links{gap:35px}.footer-bottom>div{padding:16px 20px}}
  @media(max-width:480px){.header-brand{font-size:22px}.header-brand img{width:34px;height:34px}.preview-tag{font-size:9px;padding:4px 7px}.signout{display:none}.header-right{gap:8px}.header-right .icon-button{width:32px;height:32px}.header-right .avatar{width:32px;height:32px}.footer-main{flex-direction:column;gap:25px}.footer-links{width:100%;gap:0;justify-content:space-between;padding-right:30px}.footer-bottom>div{flex-direction:column;gap:6px}.page-heading{align-items:flex-start}#navigation{min-height:57px}.header-left{gap:9px}}
  @media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
 
.header-business strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-brand img{background:#f3f2ec;border-radius:9px;padding:3px}@media(max-width:480px){.signout{display:block;padding:4px;font-size:10px}.header-right{gap:5px}}@media print{.preview-header,.preview-footer,.preview-breadcrumb,.legacy-controls{display:none!important}#content{max-width:none;padding:0}}

body.dark .concept-chart path[stroke="#477a32"]{stroke:#a6f46b}
