:root{--bg:#f6f7f9;--panel:#fff;--border:#e2e8f0;--text:#1a202c;--muted:#64748b;--accent:#1d4ed8}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Hiragino Sans,Noto Sans JP,system-ui,sans-serif}main{max-width:760px;margin:0 auto;padding:32px 20px 64px}.portal-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.portal-header h1{margin:0;font-size:22px}.portal-user{color:var(--muted);align-items:baseline;gap:12px;font-size:12px;display:flex}.portal-user a{color:var(--muted)}.portal-lead{color:var(--muted);margin:0 0 24px;font-size:13px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--border);color:inherit;border-radius:10px;padding:18px 18px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.card:hover{border-color:var(--accent);box-shadow:0 2px 8px #1d4ed814}.card-name{margin:0 0 6px;font-size:15px;font-weight:700}.card-desc{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.auth-box{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:10px;max-width:420px;margin:96px auto 0;padding:32px 28px}.auth-box h1{margin:0 0 8px;font-size:18px}.auth-box p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.8}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:0 0 16px;padding:8px 12px;font-size:12px}.login-button{background:var(--accent);color:#fff;border-radius:8px;padding:10px 22px;font-size:14px;text-decoration:none;display:inline-block}.login-button:hover{opacity:.9}