.account-page { min-height:100svh; background:var(--ui-canvas); }
.account-layout { min-height:100svh; display:grid; grid-template-columns:1fr 1fr; }
.account-intro { padding:clamp(32px,7vw,110px); display:flex; flex-direction:column; justify-content:space-between; background:#202020; border-right:1px solid var(--ui-border); }
.account-wordmark { font-size:28px; font-weight:700; letter-spacing:-1px; color:var(--ui-text); text-decoration:none; }
.account-intro h1 { font-size:clamp(38px,4.5vw,70px); line-height:1.05; letter-spacing:-.045em; max-width:620px; margin:60px 0 24px; }
.account-intro p { color:var(--ui-muted); max-width:420px; line-height:1.7; }
.account-timeline { display:flex; gap:8px; height:84px; margin:42px 0; align-items:center; }
.account-timeline span { height:64px; background:#84b5ff; opacity:.85; border-radius:6px; flex:1; }
.account-timeline span:nth-child(2) { flex:2; background:#b7b1f5; height:84px; }
.account-timeline span:nth-child(3) { flex:1.4; background:#8ad5a8; }
.account-form-panel { display:grid; align-content:center; padding:40px clamp(24px,6vw,90px); }
.account-form-panel h2 { font-size:32px; margin:0 0 10px; letter-spacing:-1px; }
.account-muted { color:var(--ui-muted); line-height:1.6; }
.account-tabs { display:flex; gap:6px; border-bottom:1px solid var(--ui-border); margin:28px 0; }
.account-tabs button { background:none; color:var(--ui-muted); border:0; border-bottom:2px solid transparent; padding:14px 18px; }
.account-tabs button[aria-pressed=true] { color:var(--ui-text); border-color:var(--ui-accent); }
.account-form { display:grid; gap:18px; }
.account-field { display:grid; gap:8px; font-size:14px; }
.account-field input, .admin-filters input, .admin-filters select, .admin-table select { width:100%; min-height:44px; padding:10px 12px; border:1px solid var(--ui-border); border-radius:8px; background:var(--ui-canvas); color:var(--ui-text); }
.account-form .button { min-height:48px; border-radius:8px; background:var(--ui-accent); color:var(--ui-accent-ink); font-weight:700; margin-top:6px; }
.account-message { min-height:24px; color:var(--ui-danger); line-height:1.5; }
.account-session { padding:16px; display:grid; gap:10px; margin-top:auto; font-size:13px; overflow-wrap:anywhere; }
.account-session button,.account-session a { color:var(--ui-muted); background:none; border:0; text-align:left; padding:6px 0; text-decoration:none; }
.admin-main { max-width:1380px; margin:auto; padding:32px; }
.admin-header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:18px; border-bottom:1px solid var(--ui-border); padding-bottom:24px; }
.admin-header h1 { margin:0; font-size:30px; letter-spacing:-1px; }
.admin-actions { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.admin-actions a { color:var(--ui-accent); }
.admin-actions button,.admin-main button { padding:10px 14px; min-height:44px; border-radius:8px; color:var(--ui-text); background:var(--ui-raised); border:1px solid var(--ui-border); }
.admin-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:28px 0; }
.admin-stat { background:var(--ui-panel); border:1px solid var(--ui-border); border-radius:12px; padding:22px; }
.admin-stat strong { display:block; font-size:30px; margin-top:10px; }
.admin-main section { margin-bottom:38px; }
.admin-filters { display:grid; grid-template-columns:repeat(3,minmax(120px,1fr)); gap:14px; margin:18px 0; }
.admin-table-wrap { overflow:auto; border:1px solid var(--ui-border); border-radius:10px; }
.admin-table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; }
.admin-table th,.admin-table td { border-bottom:1px solid var(--ui-border); padding:14px; vertical-align:top; }
.admin-table th { color:var(--ui-muted); font-weight:500; white-space:nowrap; }
.admin-table td { max-width:340px; overflow-wrap:anywhere; }
.admin-table td small { display:block; color:var(--ui-muted); margin-top:6px; }
.admin-table pre { white-space:pre-wrap; font-size:12px; max-width:500px; max-height:280px; overflow:auto; }
.admin-table a { color:var(--ui-accent); }
.admin-pagination { display:flex; gap:14px; margin-top:14px; align-items:center; }
.account-page :focus-visible { outline:2px solid var(--ui-accent); outline-offset:3px; }
@media(max-width:760px) { .account-layout { grid-template-columns:1fr; } .account-intro { padding:28px; border-right:0; border-bottom:1px solid var(--ui-border); } .account-intro h1 { font-size:34px; margin:28px 0 14px; } .account-intro .account-timeline,.account-intro>p { display:none; } .account-form-panel { padding:32px 24px; } .admin-main { padding:20px; } .admin-stats { grid-template-columns:1fr 1fr; } .admin-filters { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .account-page * { transition:none!important; animation:none!important; } }
@media(max-width:760px) { .account-intro { padding:20px 24px; } .account-intro h1 { font-size:24px; margin:16px 0 0; } .account-intro h1 br { display:none; } .account-intro p { display:none; } .account-form-panel h2 { font-size:28px; } }
.admin-session { display:grid; gap:14px; max-width:760px; margin-top:14px; }
.admin-session textarea { width:100%; min-height:88px; padding:10px 12px; border:1px solid var(--ui-border); border-radius:8px; background:var(--ui-canvas); color:var(--ui-text); font:13px/1.5 Consolas,"Courier New",monospace; resize:vertical; overflow-wrap:anywhere; }
.admin-session textarea:focus-visible { outline:2px solid var(--ui-accent); outline-offset:2px; }