:root{--bg: #f4f6f9;--surface: #ffffff;--surface-alt: #eef3fb;--text: #1e2430;--muted: #64748b;--primary: #14532d;--primary-strong: #0f3c21;--accent: #c2410c;--danger: #b91c1c;--border: #dce3ef;--shadow: 0 12px 32px rgb(15 23 42 / 8%)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,#fef3c7,transparent 35%),radial-gradient(circle at 85% 5%,#dbeafe,transparent 30%),var(--bg)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{letter-spacing:.02em}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:linear-gradient(165deg,#fff,#eef6ff);padding:24px;display:flex;flex-direction:column;gap:20px}.brand{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#d9f99d;color:#14532d;font-size:12px;font-weight:700;text-transform:uppercase}.nav-list{display:grid;gap:8px}.nav-link{padding:10px 12px;border-radius:10px;color:#1f2937;font-weight:600}.nav-link:hover{background:var(--surface-alt)}.nav-link-active{background:#dcfce7;color:var(--primary)}.content{padding:28px}.stack{display:grid;gap:18px}.stack.dense{gap:12px}.grid{display:grid;gap:16px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.two-col{grid-template-columns:1.2fr 1fr}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.stat-card{min-height:120px}.stat-value{font-size:1.8rem;font-weight:700;margin-top:8px}.input,select,textarea,button{font:inherit}.input{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff}.small-input{max-width:180px}.button{border:none;border-radius:10px;padding:10px 14px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.button:hover{background:var(--primary-strong)}.button.secondary{background:#334155}.button.secondary:hover{background:#1f2937}.button.danger{background:var(--danger)}.button.danger:hover{background:#991b1b}.button.ghost{background:#e2e8f0;color:#1f2937}.button.ghost:hover{background:#cbd5e1}.button:disabled{opacity:.55;cursor:default}.inline-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr auto}.form-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 8px;vertical-align:top}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#f8fafc}.table .row-selected{background:#eefbf2}.small{font-size:12px}.muted{color:var(--muted)}.error{color:var(--danger)}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px}.service-box{border:1px solid var(--border);border-radius:12px;padding:14px;display:grid;gap:10px}.auth-box{margin-top:auto;border-top:1px dashed var(--border);padding-top:14px;display:grid;gap:8px}.account{font-weight:700;word-break:break-all}.page-head{display:flex;align-items:center;justify-content:space-between}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(760px,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:30px;box-shadow:var(--shadow);display:grid;gap:14px}.meta-list{display:grid;gap:8px;margin:0}.meta-list div{display:grid;grid-template-columns:130px 1fr;gap:12px}.meta-list dt{font-weight:700}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border)}.two-col,.inline-grid{grid-template-columns:1fr}.row-between{align-items:flex-start;flex-direction:column}}