@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{color-scheme:light;--bg: #f6f1ea;--bg-strong: #efe4d5;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .92);--ink: #1b1a17;--muted: #6d6660;--accent: #1f6f5b;--accent-dark: #0f4a3b;--accent-soft: rgba(31, 111, 91, .1);--danger: #b23a2f;--shadow: 0 18px 40px rgba(19, 17, 15, .12);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Space Grotesk,Noto Sans JP,sans-serif;background:radial-gradient(circle at top left,#fff,#f7efe6 40%,#efe3d2);color:var(--ink)}button,input,select,textarea{font-family:inherit}.app{max-width:1200px;margin:0 auto;padding:48px 24px 72px;display:flex;flex-direction:column;gap:32px}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;align-items:center;background:linear-gradient(135deg,#fefcf9,#f6efe5,#ece1d2);border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:var(--muted);margin-bottom:12px}h1{font-size:clamp(28px,3.4vw,44px);line-height:1.15;margin-bottom:16px}.subtitle{color:var(--muted);line-height:1.6;margin-bottom:24px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;border:1px solid rgba(27,26,23,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-card h3{margin-bottom:16px}.hero-meta{display:grid;gap:12px}.hero-meta span,.info-grid span,.stats-row span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero-meta strong,.info-grid strong,.stats-row strong{display:block;margin-top:6px;font-size:16px}.content{display:flex;flex-direction:column;gap:28px}.panel{background:var(--surface-strong);border-radius:var(--radius-lg);padding:28px;border:1px solid rgba(27,26,23,.08);box-shadow:0 10px 24px #14120f14}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.panel-header p{color:var(--muted);max-width:520px;line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.service-card{background:#fff;border-radius:var(--radius-md);padding:18px;border:1px solid rgba(27,26,23,.08);display:flex;flex-direction:column;gap:18px}.service-card-top{display:flex;justify-content:space-between;gap:12px}.service-card h3{font-size:18px;margin-bottom:8px}.service-card p{color:var(--muted);line-height:1.5}.badge{padding:6px 10px;border-radius:999px;font-size:12px;white-space:nowrap}.badge-active{background:var(--accent-soft);color:var(--accent-dark)}.badge-preview{background:#ffc44e33;color:#8a5a00}.service-meta span{font-size:12px;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.chip{background:#f5f0ea;border-radius:999px;padding:6px 12px;font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px;background:#fdfaf6;border-radius:var(--radius-md);padding:16px}.member-grid{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:24px}.member-form{display:grid;gap:16px;background:#fff;border-radius:var(--radius-md);padding:20px;border:1px solid rgba(27,26,23,.08)}.member-form h3{font-size:18px}.member-form label{display:grid;gap:8px;font-size:14px}.member-form input,.member-form select,.table-toolbar input,.table-toolbar select{padding:10px 12px;border-radius:10px;border:1px solid rgba(27,26,23,.14);background:#fff}.form-actions{display:flex;gap:12px}.member-table{display:grid;gap:16px}.table-toolbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.table-toolbar input{flex:1 1 220px}.table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1px solid rgba(27,26,23,.08);background:#fff}.table-scroll table{width:100%;border-collapse:collapse;min-width:720px}.table-scroll th,.table-scroll td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(27,26,23,.06);font-size:14px}.table-scroll th{background:#f9f4ed;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.row-actions{display:flex;gap:8px}.status{padding:6px 10px;border-radius:999px;font-size:12px}.status-active{background:#1f6f5b1f;color:var(--accent-dark)}.status-paused{background:#b23a2f1f;color:#7f241c}.status-invited{background:#4678c826;color:#2a4a7a}.empty{text-align:center;color:var(--muted)}.attention{border-left:4px solid var(--accent)}button{border-radius:999px;border:1px solid transparent;padding:10px 18px;font-weight:600;cursor:pointer;background:#fff;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f0c0a1f}button.primary{background:var(--accent);color:#fff}button.ghost{background:transparent;border:1px solid rgba(27,26,23,.2)}button.danger{background:#b23a2f1f;color:var(--danger);border:1px solid rgba(178,58,47,.3)}.mono{font-family:SFMono-Regular,JetBrains Mono,Menlo,monospace;font-size:13px}@media (max-width: 960px){.member-grid{grid-template-columns:1fr}}@media (max-width: 640px){.hero{padding:28px}.panel{padding:22px}.panel-header{flex-direction:column}}