:root{--navy:#07111f;--navy-2:#142235;--gold:#d9a321;--gold-dark:#ae7d0b;--paper:#f5f7fa;--white:#fff;--ink:#162033;--muted:#687386;--border:#dce2ea;--success:#13795b;--danger:#b42318;--warning:#9a6700}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,Noto Sans JP,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.centered-shell{background:radial-gradient(circle at top, #1b2e48 0, var(--navy) 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--white);border-radius:18px;width:min(440px,100%);padding:40px;box-shadow:0 24px 80px #0008}.login-card h1,.topbar h1{letter-spacing:-.04em;margin:4px 0}.eyebrow{color:var(--gold-dark);letter-spacing:.16em;font-size:12px;font-weight:800}.muted,.panel-head p{color:var(--muted)}.stack{gap:18px;margin-top:28px;display:grid}label{gap:8px;font-size:14px;font-weight:700;display:grid}input,textarea{border:1px solid var(--border);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px}input:focus,textarea:focus{border-color:var(--gold-dark);outline:3px solid #d9a32133}.primary,.ghost,.danger{border:1px solid #0000;border-radius:9px;padding:10px 15px;font-weight:750}.primary{color:var(--navy);background:var(--gold)}.primary:hover{background:#e7b334}.ghost{color:var(--ink);border-color:var(--border);background:#fff}.danger{color:var(--danger);background:#fff;border-color:#f4b4ae}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:32px 0 72px}.topbar{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.account-menu,.button-row,.composer-foot{align-items:center;gap:10px;display:flex}.account-menu span{color:var(--muted);font-size:14px}.summary-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.stat,.panel{border:1px solid var(--border);background:var(--white);box-shadow:0 4px 20px #07111f0b}.stat{border-radius:12px;gap:6px;padding:18px;display:grid}.stat span{color:var(--muted);font-size:13px}.stat strong{font-size:28px}.panel{border-radius:14px;margin-top:18px;padding:24px}.panel-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.panel-head h2{margin:0 0 4px;font-size:20px}.panel-head p{margin:0;font-size:14px}.empty{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:10px;padding:24px}.card-list{gap:14px;display:grid}.social-card{border:1px solid var(--border);border-radius:12px;grid-template-columns:minmax(220px,1fr) 2fr auto;align-items:center;gap:24px;padding:18px;display:grid}.identity{align-items:center;gap:12px;display:flex}.identity img,.avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.avatar{color:#fff;background:#000;place-items:center;font-weight:800;display:grid}.identity div{gap:3px;display:grid}.identity span{color:var(--muted);font-size:13px}dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;display:grid}dl div{min-width:0}dt{color:var(--muted);font-size:11px}dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:13px}.status{background:#e9edf2;border-radius:99px;padding:4px 8px;font-size:12px;font-weight:750;display:inline-flex}.status.active,.status.posted{color:var(--success);background:#e5f6f0}.status.failed,.status.error,.status.reauthorization_required{color:var(--danger);background:#ffebe9}.status.unknown{color:var(--warning);background:#fff3cd}.alert{border:1px solid;border-radius:10px;margin:12px 0;padding:13px 15px}.alert.success{color:var(--success);background:#eaf8f3;border-color:#a7ddc9}.alert.error{color:var(--danger);background:#fff0ef;border-color:#f0b6b0}.alert.warning{color:var(--warning);background:#fff8df;border-color:#ecd682}.composer-foot{color:var(--muted);justify-content:space-between;margin-top:10px;font-size:13px}.history{gap:10px;display:grid}.history article{border:1px solid var(--border);border-radius:10px;padding:14px 16px}.history article>div{justify-content:space-between;gap:12px;display:flex}.history time,.history small{color:var(--muted);font-size:12px}.history p{white-space:pre-wrap}.history a{color:#235ea8;font-weight:700}.history small{color:var(--danger);margin-top:8px;display:block}@media (max-width:800px){.social-card,.summary-grid{grid-template-columns:1fr}.topbar,.panel-head{flex-direction:column;align-items:stretch}.account-menu{justify-content:space-between}dl{grid-template-columns:1fr}}