body{margin:0;background:#e4efee;font-family:Hiragino Sans,sans-serif;color:#004b4c;overflow-x:hidden}.container{width:90%;max-width:1600px;margin:20px auto;display:grid;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:420px auto;box-sizing:border-box}.card{background:#f6f7f8;border-radius:12px;padding:16px 20px;box-shadow:0 3px 8px rgba(0,0,0,.05);border:2px solid #8eccb0;overflow:hidden}.card h2{margin-top:0;margin-bottom:16px;color:#004b4c}.card h3{margin-top:0;margin-bottom:12px;color:#009ea1}.member-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px}.member-status-search{padding:8px 12px;border-radius:6px;border:1px solid #8eccb0;font-size:14px;width:240px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border:2px dashed #8eccb0;border-radius:12px;color:#668c8d;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px;font-weight:700;margin-bottom:8px}.empty-state-subtext{font-size:13px;margin-bottom:20px;opacity:.8}.retry-button{padding:8px 24px;background:#009ea1;color:#fff;border:none;border-radius:20px;cursor:pointer;font-weight:700;transition:transform .2s}.retry-button:hover{transform:scale(1.05);background:#007b7d}.container>.card:first-child{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.container>.card:nth-child(2){grid-column:2;grid-row:1;display:flex;flex-direction:column}.container>.card:nth-child(3){grid-column:3;grid-row:1;display:flex;flex-direction:column}.container>.card:nth-child(4){grid-column:1/3;grid-row:2}.container>.card:nth-child(5){grid-column:3;grid-row:2}.card canvas{flex:1 1;width:100%!important;height:auto!important;max-height:340px}.text-area{height:90px;margin-bottom:20px;padding:10px;box-sizing:border-box;resize:none;overflow-y:auto}.team-selector select,.text-area{width:100%;background:#fff;border:2px solid #8eccb0;border-radius:8px;font-family:Hiragino Sans,sans-serif;color:#004b4c}.team-selector select{padding:8px;cursor:pointer}.view-mode{display:flex;flex-direction:column;gap:8px}.view-mode>div:first-child{font-weight:700;margin-bottom:4px}.view-mode label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px}.view-mode input[type=radio]{cursor:pointer}.date-range{display:flex;flex-direction:column;gap:8px}.profile-actions{margin-top:0}.profile-actions .dashboard-button{width:100%;justify-content:center}.primary-pill-button{text-decoration:none;padding:10px 14px;background:linear-gradient(135deg,#0cb1b5,#0a7f85);color:#fff;border-radius:999px;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12);display:inline-flex;align-items:center;gap:6px;font-size:14px;transition:transform .1s ease,box-shadow .1s ease;white-space:nowrap}.primary-pill-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,127,133,.35)}.date-range label{display:flex;flex-direction:column;gap:4px;font-size:14px}.date-range input[type=date]{padding:8px;border:2px solid #8eccb0;border-radius:8px;background:#fff;font-family:Hiragino Sans,sans-serif;color:#004b4c}.dashboard-button{box-sizing:border-box;padding:10px;background:#009ea1;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-family:Hiragino Sans,sans-serif;font-size:14px;transition:background .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.dashboard-button:hover{background:#007b7d}.dashboard-button:disabled{opacity:.6;cursor:not-allowed}.date-range-actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}.date-range-actions .dashboard-button{width:100%}.reload-feedback{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;opacity:0;transform:translateY(-2px);animation:reloadFadeIn .18s ease forwards}.reload-feedback.loading{color:#007b7d}.reload-feedback.loading:before{content:"";width:12px;height:12px;border-radius:999px;border:2px solid rgba(0,123,125,.25);border-top-color:rgba(0,123,125,.95);animation:reloadSpin .7s linear infinite}.reload-feedback.success{color:#2e7d32}.reload-feedback.error{color:#c62828}@keyframes reloadSpin{to{transform:rotate(1turn)}}@keyframes reloadFadeIn{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.container{grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto auto auto}.container>.card:first-child{grid-column:1/3;grid-row:1;min-height:200px}.container>.card:nth-child(2){grid-column:1;grid-row:2}.container>.card:nth-child(3){grid-column:2;grid-row:2}.container>.card:nth-child(4){grid-column:1/3;grid-row:3}.container>.card:nth-child(5){grid-column:1/3;grid-row:4}.card canvas{max-height:280px}}@media (max-width:768px){.container{width:98%;margin:10px auto;gap:15px;grid-template-columns:1fr;grid-template-rows:auto}.card{padding:12px 16px}.container>.card:first-child,.container>.card:nth-child(2),.container>.card:nth-child(3),.container>.card:nth-child(4),.container>.card:nth-child(5){grid-column:1;grid-row:auto;min-height:auto}.container>.card:first-child{order:1}.container>.card:nth-child(2){order:2;min-height:300px}.container>.card:nth-child(3){order:3;min-height:300px}.container>.card:nth-child(4){order:4}.container>.card:nth-child(5){order:5}.card canvas{max-height:220px}.card h2{font-size:18px}.card h3{font-size:16px}.text-area{height:80px;font-size:14px}.date-range button{padding:12px;font-size:16px}.member-status-header{flex-direction:column;align-items:flex-start}.member-status-search{width:100%}}@media (max-width:480px){.container{width:100%;margin:8px auto;gap:12px}.card{padding:10px 12px;border-radius:8px}.card h2{font-size:16px;margin-bottom:12px}.card h3{font-size:15px;margin-bottom:10px}.card canvas{max-height:180px}.text-area{height:70px;font-size:13px;padding:8px}.date-range input[type=date],.team-selector select{font-size:14px;padding:6px}.date-range label,.view-mode label{font-size:13px}.card>div>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.card>div>div:first-child>div{font-size:11px!important}}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.control-panel{gap:12px}.control-content,.control-panel{display:flex;flex-direction:column}.control-content{gap:16px}.control-stat{gap:12px;background:hsla(0,0%,100%,.5);padding:14px;border-radius:12px;border:1px solid rgba(142,204,176,.3);justify-content:space-between;flex-wrap:wrap}.control-stat,.stat-icon{display:flex;align-items:center}.stat-icon{width:45px;height:45px;background:#fff;border-radius:50%;justify-content:center;font-size:20px;box-shadow:0 3px 6px rgba(0,0,0,.05)}.stat-info .label{font-size:12px;color:#668c8d;display:block}.stat-info .value{font-size:1.5rem;font-weight:800;color:#004b4c}.stat-info .unit{font-size:14px;font-weight:400;margin-left:4px}.control-chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;align-self:center}.control-chip.good{background:#e8f5e9;color:#2e7d32}.control-chip.warn{background:#fff3e0;color:#ef6c00}.control-chip.bad{background:#ffebee;color:#c62828}.control-chip.neutral{background:#f1f5f9;color:#475569}.control-alerts{display:grid;grid-gap:8px;gap:8px;background:#f9fafb;padding:12px;border-radius:10px;border:1px dashed #bdd9d7}.control-alert{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#004b4c}.alert-label{color:#668c8d}.alert-chip{padding:2px 8px;border-radius:999px;font-weight:700;font-size:11px}.alert-chip.good{background:#e8f5e9;color:#2e7d32}.alert-chip.warn{background:#fff3e0;color:#ef6c00}.alert-chip.bad{background:#ffebee;color:#c62828}.alert-chip.neutral{background:#f1f5f9;color:#475569}.control-history{border-top:1px dashed #bdd9d7;padding-top:12px}.control-chart{height:180px;min-height:160px}.control-history h4{font-size:12px;color:#668c8d;margin-bottom:8px}.history-empty{font-size:12px;color:#999}.history-item{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:#004b4c}.history-item .date{color:#668c8d}