:root{font-family:'Yu Gothic UI','Meiryo',sans-serif;color:#182b43;background:#f3f5f8;font-size:16px;line-height:1.65;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2376d5;outline-offset:3px}header{min-height:80px;padding:20px 30px;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap;background:#fff;border-bottom:1px solid #d9e2ed}.brand{font-weight:700;font-size:23px}.brand span{font-size:16px;font-weight:400;margin-left:10px}#identity{display:flex;align-items:center;gap:15px;font-size:14px;flex-wrap:wrap}#environment{background:#fef4db;color:#73530f;padding:8px 30px;font-size:14px}#environment:empty{display:none}#message{margin:0;padding:0 30px;color:#9e2727;background:#fff1f1}#message:not(:empty){padding:12px 30px}#workspace{display:grid;grid-template-columns:215px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 120px)}[hidden]{display:none!important}nav{background:#fff;border-right:1px solid #d9e2ed;padding:24px 12px}nav button{width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:12px;font-size:15px;margin:3px 0;color:#3a506a}nav button[aria-current=page]{background:#e8f1ff;color:#164f9b;font-weight:700}main{padding:30px;min-width:0}h1{font-size:26px;margin:0 0 6px}h2{font-size:19px;margin:0 0 15px}h3{font-size:16px;margin:15px 0 7px}p{margin:8px 0 15px}.sub,.meta{color:#5a6d83}.meta{font-size:13px}.page-head{margin-bottom:23px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:flex-start}.panel{background:#fff;border:1px solid #d9e2ed;border-radius:9px;padding:23px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat{border:1px solid #d9e2ed;border-radius:9px;background:#fff;padding:22px}.stat span{display:block;font-size:14px;color:#5a6d83}.stat strong{display:block;font-size:29px;font-weight:650;font-variant-numeric:tabular-nums;margin:5px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tag{display:inline-block;border-radius:4px;padding:3px 9px;font-size:13px;background:#e8f1ff;color:#164f9b}.warning{border-left:3px solid #bd8f2e;padding:12px 16px;background:#fff8e7;font-size:14px;margin-bottom:20px}button,.button{padding:9px 15px;border-radius:6px;border:1px solid #174f99;background:#174f99;color:#fff;text-decoration:none;display:inline-block;font-size:14px}.secondary{background:#fff;color:#24466d;border-color:#bdccdf}.danger{background:#fff;color:#9e2727;border-color:#d6a5a5}input,select,textarea{padding:9px 12px;border-radius:6px;border:1px solid #b8c6d7;background:#fff;color:#182b43;max-width:100%;min-width:0}textarea{width:100%;min-height:115px}label{display:grid;gap:5px;margin-bottom:16px;font-size:14px}input[type=checkbox]{width:auto}label.check{display:flex;align-items:center;gap:10px;margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.search{display:flex;gap:12px;margin:15px 0}.search input{flex:1;width:100%}.list-button{display:block;width:100%;text-align:left;background:transparent;color:#182b43;border:0;border-bottom:1px solid #d9e2ed;border-radius:0;padding:15px 0;font-size:16px}.list-button:last-child{border-bottom:0}.list-button span{display:block}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:13px 10px;border-bottom:1px solid #d9e2ed;text-align:left;vertical-align:top}th{font-weight:600;color:#5a6d83;white-space:nowrap}td.number{text-align:right;font-variant-numeric:tabular-nums}.note-body{white-space:pre-wrap;overflow-wrap:anywhere}.empty{padding:25px 0;color:#5a6d83}.login-panel{max-width:430px;margin:50px auto;padding:30px;background:#fff;border:1px solid #d9e2ed;border-radius:10px}.login-panel button{width:100%}.credentials{font-size:14px;margin-top:22px;padding-top:16px;border-top:1px solid #d9e2ed;overflow-wrap:anywhere}dialog{width:min(720px,calc(100% - 30px));max-height:90vh;border:1px solid #bccbdf;border-radius:10px;padding:24px;color:#182b43;background:#fff}dialog::backdrop{background:#182b4360}#close-dialog{float:right;margin-bottom:18px}#detail-content{clear:both}audio{width:100%;margin:10px 0}code{font-size:14px}#loading{padding:30px}
@media(max-width:850px){#workspace{grid-template-columns:175px minmax(0,1fr)}main{padding:20px}.cols{grid-template-columns:1fr}.stat{padding:16px}.stat strong{font-size:25px}}
@media(max-width:600px){header{padding:18px}.brand{font-size:21px}#environment{padding:8px 18px}#workspace{grid-template-columns:1fr}nav{display:grid;grid-template-columns:1fr 1fr;padding:10px;border-right:0;border-bottom:1px solid #d9e2ed}nav button{font-size:14px;padding:10px}main{padding:17px}.stats,.form-grid{grid-template-columns:1fr}.search{flex-wrap:wrap}.login-panel{margin:25px 16px}.panel{padding:18px}.stat strong{font-size:28px}}
#message[data-error=false]{color:#164f9b;background:#e8f1ff}
.person-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.person-card{background:#fff;color:#182b43;border:1px solid #d9e2ed;border-radius:10px;padding:23px;text-align:left;width:100%;min-width:0}.person-card:hover{border-color:#5589c9;background:#fbfdff}.person-top{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:23px}.person-top strong{font-size:20px;display:block}.person-top .meta{display:block;margin-top:3px}.detail-arrow{font-size:21px;color:#174f99}.person-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.person-metric,.metric-label,.metric-value{display:block}.metric-label{color:#5a6d83;font-size:13px;line-height:1.5;min-height:20px}.metric-value{font-size:23px;font-weight:600;font-variant-numeric:tabular-nums;margin-top:5px;overflow-wrap:anywhere}.metric-value small{font-size:12px;font-weight:400;margin-left:5px;white-space:nowrap;color:#5a6d83}.person-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-top:19px;margin-top:20px;border-top:1px solid #e3eaf2;font-size:12px;color:#5a6d83}.person-bottom span{color:#174f99;font-size:13px}.metric-definitions{margin-top:23px}.metric-definitions dl{display:grid;grid-template-columns:1fr 2fr;font-size:14px;gap:10px}.metric-definitions dd{margin:0}.metric-definitions dt{font-weight:600}.person-report h2{margin:0}.report-person-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.report-person-heading p{margin:3px 0}.report-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px 20px;margin-bottom:25px}.report-controls label,.report-controls p{margin:0}.report-controls .meta{align-self:center}.person-report th[scope=row]{white-space:normal;color:#334b65;min-width:110px}.person-report th[scope=row] .meta{display:block}.person-report td{white-space:nowrap}.sales-row{background:#eef5ff}.sales-row th,.sales-row td{font-weight:700;color:#174f99!important}.unit{color:#5a6d83;font-size:12px}th.number{text-align:right}.chart-heading{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:12px}.chart-heading h2{margin:0}.chart-heading p{margin:4px 0 18px}.chart-modes{display:flex;gap:6px}.chart-modes button[aria-pressed=true]{background:#174f99;color:white;border-color:#174f99}.sales-chart{width:100%;min-height:280px}.sales-chart svg{display:block;max-width:100%;overflow:visible}.sales-chart text{font:12px 'Yu Gothic UI','Meiryo',sans-serif;fill:#5a6d83}.chart-grid{stroke:#e1e7ef;stroke-width:1}.chart-line{fill:none;stroke:#2775cc;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.chart-point,.chart-bar{fill:#2775cc}.sales-chart .chart-last{fill:#174f99;font-size:13px;font-weight:600}.chart-caption{margin:5px 0 15px}.chart-data summary,.metric-definitions summary{cursor:pointer;color:#174f99;font-size:14px}.chart-data table{margin-top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:950px){.person-grid{grid-template-columns:1fr}}
@media(max-width:600px){.person-card{padding:18px}.metric-value{font-size:23px}.person-metrics{gap:20px 12px}.trend-panel{padding:16px 10px}.chart-heading{padding:0 7px}.person-report th,.person-report td{padding:11px 7px}.person-report table{font-size:13px}.person-report .unit{font-size:11px}.metric-definitions dl{grid-template-columns:1fr}.metric-definitions dd{margin-bottom:7px}}
.coaching-section{margin-top:28px;padding-top:20px;border-top:1px solid #d9e2ed}.coaching-section fieldset{border:0;padding:0;margin:0;min-width:0}.coaching-section textarea{min-height:130px}.coaching-section textarea[name=nextAction]{min-height:85px}.coaching-section fieldset:disabled{opacity:.7}.coaching-history-heading,.coaching-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.coaching-history-heading{margin-top:25px}.coaching-history-heading h3{margin:0}.coaching-entry{padding:20px 0;border-bottom:1px solid #d9e2ed}.coaching-entry h4{margin:15px 0 5px;font-size:14px}.coaching-entry .meta{overflow-wrap:anywhere}.sync-badge{display:inline-block;padding:3px 9px;border-radius:4px;background:#fff3d1;color:#755411;font-size:12px}.sync-badge[data-state=synced]{background:#e4f3ea;color:#246246}.sync-badge[data-state=blocked],.sync-badge[data-state=conflict]{background:#fff0ec;color:#973b25}#coaching-message{font-size:14px;color:#174f99;white-space:pre-wrap}
