:root{color:#1f2933;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f7f9}button,input{font:inherit}button{min-height:40px;border:0;border-radius:6px;background:#176b87;color:#fff;cursor:pointer;font-weight:700;padding:0 16px;white-space:nowrap}button:disabled{cursor:wait;opacity:.62}button.secondary{background:#e8edf0;color:#26323a}button.danger{background:#b42318}input{width:100%;min-height:40px;border:1px solid #c9d3da;border-radius:6px;background:#fff;color:#1f2933;padding:8px 10px}input:focus{border-color:#176b87;box-shadow:0 0 0 3px #176b8729;outline:none}label{display:grid;gap:6px;color:#46545d;font-size:.86rem;font-weight:700}.shell{width:min(1480px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.page-header h1{margin:0;color:#172129;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:0}.eyebrow{margin:0 0 6px;color:#176b87;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.subtle{margin:8px 0 0;color:#61717c}.api-base{display:grid;gap:3px;min-width:min(360px,100%);border:1px solid #d9e1e5;border-radius:8px;background:#fff;padding:12px 14px}.api-base span{color:#6b7b86;font-size:.76rem;font-weight:800;text-transform:uppercase}.api-base strong{overflow-wrap:anywhere}.admin-panel,.panel{border:1px solid #d9e1e5;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1f29330d}.admin-panel{padding:18px;margin-bottom:18px}.filter-grid{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(150px,1fr)) auto;gap:12px;align-items:end}.notice,.error{margin-top:12px;border-radius:6px;padding:10px 12px;font-size:.92rem;font-weight:700}.notice{background:#e9f6ef;color:#14532d}.error{background:#fff0ee;color:#9f1c12}.metric-grid{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:12px;margin-bottom:18px}.metric-card{display:grid;gap:6px;min-height:108px;border:1px solid #d9e1e5;border-radius:8px;background:#fff;padding:14px}.metric-card span{color:#61717c;font-size:.78rem;font-weight:800;text-transform:uppercase}.metric-card strong{color:#172129;font-size:1.82rem;line-height:1}.metric-card small{color:#7a5a00}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:18px;margin-bottom:18px}.panel{min-width:0;padding:16px;margin-bottom:18px}.two-column .panel{margin-bottom:0}.panel.wide{min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading h2{margin:0;color:#172129;font-size:1.05rem;letter-spacing:0}.panel-heading p{margin:4px 0 0;color:#61717c;font-size:.92rem}.panel-heading span{color:#61717c;font-size:.8rem;font-weight:800;white-space:nowrap}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{border-bottom:1px solid #edf1f3;padding:10px 9px;text-align:left;vertical-align:top}th{color:#52636e;font-size:.74rem;font-weight:800;text-transform:uppercase}td{color:#26323a;font-size:.88rem;line-height:1.35;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}.empty-state{border:1px dashed #c9d3da;border-radius:8px;color:#61717c;padding:18px;text-align:center}.kintone-form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:12px;margin:16px 0}.checkbox-line{align-content:end;grid-template-columns:auto 1fr;gap:10px;min-height:40px}.checkbox-line input{width:18px;min-height:18px}.form-actions,.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.form-actions{align-self:end}.table-actions button{min-height:32px;padding:0 10px}@media(max-width:1180px){.filter-grid,.metric-grid,.kintone-form{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column{grid-template-columns:1fr}}@media(max-width:720px){.shell{width:min(100% - 20px,1480px);padding-top:18px}.page-header,.panel-heading{align-items:stretch;flex-direction:column}.filter-grid,.metric-grid,.kintone-form{grid-template-columns:1fr}button{width:100%}}
