/* Account workspace: clear groups, deliberate contrast and mobile document flow. */
#accountPanel { padding:26px clamp(16px,3vw,40px) 40px;background:#f5f7fb;color:#304863; }
#accountPanel > * { max-width:1400px;margin-inline:auto; }
#accountPanel .account-page-heading { padding:0;margin-bottom:24px;border:0;background:transparent;box-shadow:none; }
#accountPanel .account-page-heading > span { font-size:12px;color:#6a82a4; }
#accountPanel .account-page-heading h1 { font-size:28px;color:#293f60;margin:6px 0 10px;font-weight:700; }
#accountPanel .account-page-heading p { color:#617a9c;font-size:14px;margin:0;line-height:1.9; }
#accountPanel .account-v2-shell { display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start; }
#accountPanel .account-v2-main { min-width:0; }
#accountPanel .account-v2-sidebar { display:flex;flex-direction:column;gap:18px;min-width:0; }
#accountPanel .account-v2-tabs { display:flex;align-items:center;gap:5px;overflow-x:auto;margin:0 0 18px;padding:5px;background:#fff;border:1px solid #dfe7f2;border-radius:12px;scrollbar-width:thin; }
#accountPanel .account-v2-tabs button { flex:1 0 auto;min-height:42px;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:#7286a4;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer; }
#accountPanel .account-v2-tabs button.active { color:#385fb4;background:#e7efff;font-weight:600; }
#accountPanel .account-v2-tabs button:hover { background:#f0f5fc;color:#456aaf; }
#accountPanel .account-v2-pane { display:none; }
#accountPanel .account-v2-pane.active { display:block; }
#accountPanel .account-v2-card { margin:0;padding:25px;border:1px solid #dee6f1;border-radius:16px;background:#fff;box-shadow:0 3px 15px #273c5905; }
#accountPanel .account-v2-card-head { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 20px;margin:0 0 22px;border-bottom:1px solid #edf1f6; }
#accountPanel .card-label { font-size:11px;color:#7c91af; }
#accountPanel .account-v2-card-head h2,#accountPanel .account-v2-empty-card h2 { color:#354f74;font-size:19px;font-weight:600;margin:6px 0; }
#accountPanel .account-v2-card-head p,#accountPanel .account-v2-empty-card > p { color:#7a8fad;font-size:12px;line-height:1.9;margin:0; }
#accountPanel .submit-btn { min-height:41px;width:auto;padding:10px 18px;border:1px solid #167e65;border-radius:9px;background:#18896d;color:white;font:inherit;font-size:13px;font-weight:600;box-shadow:none;cursor:pointer; }
#accountPanel .submit-btn:hover { background:#10745b; }
#accountPanel .submit-btn.secondary { background:#eef7f3;color:#25765d;border-color:#c9e3d7; }
#accountPanel .account-v2-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
#accountPanel .field { min-width:0;margin:0;position:relative; }
#accountPanel .field > label:not(.task-date-field),#accountPanel .account-upload-field > label { display:block;font-size:13px;font-weight:500;color:#4b6488;margin-bottom:9px; }
#accountPanel .field :is(input:not([type=hidden]),textarea) { width:100%;min-height:45px;border:1px solid #d8e3f2;border-radius:9px;background:#fafcfe;color:#354f74;font:inherit;font-size:14px;padding:11px 13px;box-shadow:none; }
#accountPanel .field input::placeholder,#accountPanel .field textarea::placeholder { color:#91a2ba;font-size:12px; }
#accountPanel .field :is(input,textarea):focus { outline:0;border-color:#80a4e4;background:#fff;box-shadow:0 0 0 3px #6c94df16; }
#accountPanel .field textarea { min-height:110px;resize:vertical;line-height:1.9; }
#accountPanel .account-v2-subcard { margin-top:22px;padding:0;border:0;background:transparent;box-shadow:none; }
#accountPanel .account-upload-field { border:1px dashed #b9cde9;padding:18px;border-radius:12px;background:#f7faff; }
#accountPanel .account-upload-field input { border:0;background:transparent;padding:6px 0;min-height:36px;font-size:12px; }
#accountPanel .account-upload-field input::file-selector-button { padding:8px 12px;margin-inline-end:12px;background:#e1ebff;border:0;border-radius:7px;color:#456eaf;font:inherit;cursor:pointer; }
#accountPanel .account-upload-field small { display:block;color:#8095b2;font-size:11px;line-height:1.9;margin-top:8px; }
#accountPanel .account-plan-hero { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 25px;padding:20px;border:1px solid #d5e2f6;border-radius:12px;background:linear-gradient(110deg,#f5f7ff,#eaf2ff);box-shadow:none; }
#accountPanel .account-plan-hero::before,#accountPanel .account-plan-hero::after { display:none; }
#accountPanel .account-plan-hero h3 { font-size:19px;color:#365a91;margin:7px 0;font-weight:600; }
#accountPanel .account-plan-hero p { font-size:12px;color:#7590b5;line-height:1.8; }
#accountPanel .account-plan-hero-badge { background:#ffffffb3;border:1px solid #d7e3f6;border-radius:10px;padding:12px;min-width:100px;color:#5378b2;text-align:center; }
#accountPanel .account-plan-hero-badge strong { display:block;font-size:17px; }
#accountPanel .account-plan-hero-badge small { color:#8197b6;font-size:10px; }
#accountPanel .account-v2-profile-card { background:linear-gradient(180deg,#edf3ff,#fff 190px); }
#accountPanel .account-v2-profile-card .account-v2-card-head { display:none; }
#accountPanel .account-v2-profile-main { display:flex;align-items:center;flex-direction:column;padding:5px 0 20px;gap:10px; }
#accountPanel #accountAvatarPreview { display:grid;place-items:center;width:82px;height:82px;border:4px solid white;border-radius:24px;background:#dde8ff;color:#5077bc;font-size:30px;box-shadow:0 6px 18px #5478b318;overflow:hidden; }
#accountPanel #accountAvatarPreview img { width:100%;height:100%;object-fit:cover; }
#accountPanel .account-status-badge { padding:4px 10px;border:1px solid #c5e5d6;border-radius:20px;background:#eaf8f0;color:#278665;font-size:10px; }
#accountPanel .account-summary-list { display:grid;gap:0; }
#accountPanel .account-summary-row { display:flex;justify-content:space-between;align-items:start;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f6;font-size:12px; }
#accountPanel .account-summary-row:last-child { border:0; }
#accountPanel .account-summary-row > span { color:#879bb8;white-space:nowrap; }
#accountPanel .account-summary-row strong { color:#4d678c;font-size:12px;font-weight:500;text-align:end;overflow-wrap:anywhere;min-width:0; }
#accountPanel .account-save-footer { display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e9eef5;padding-top:20px;margin-top:22px; }
#accountPanel .account-save-footer > span { font-size:11px;color:#8297b4;line-height:1.8; }
#accountPanel .account-message:empty { display:none; }
#accountPanel .account-message { margin-top:16px;font-size:13px;line-height:1.9; }
#accountPanel .account-v2-setting-row { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;border-bottom:1px solid #edf1f6; }
#accountPanel .account-v2-setting-row strong { color:#4e688d;font-size:14px;font-weight:500; }
#accountPanel .account-v2-setting-row p { color:#8398b5;font-size:12px;line-height:1.9;margin:6px 0 0; }
#accountPanel .account-v2-state-chip { flex-shrink:0;border:1px solid #dde5f1;background:#f5f8fc;color:#7c91b0;border-radius:20px;padding:5px 10px;font-size:11px; }
#accountPanel .account-v2-state-chip.is-active { background:#eaf8f1;color:#298565;border-color:#c8e8d9; }
#accountPanel .account-security-guides { display:grid;gap:16px;margin-top:24px; }
#accountPanel .account-security-guides article { display:flex;gap:16px;padding:19px;border:1px solid #e1e8f3;border-radius:12px;background:#f8faff; }
#accountPanel .account-security-guides article > span { display:grid;place-items:center;align-self:start;width:35px;height:35px;flex-shrink:0;border-radius:10px;background:#e4ecfc;color:#6789bf;font-size:12px; }
#accountPanel .account-security-guides h3 { margin:0 0 7px;color:#506f99;font-size:14px; }
#accountPanel .account-security-guides p { font-size:12px;line-height:2;color:#8198b7;margin:0; }
#accountPanel :is(.account-device-item,.account-transaction-item) { padding:18px;border:1px solid #dee7f4;border-radius:12px;background:#fafcff;margin-bottom:12px;box-shadow:none; }
#accountPanel :is(.account-device-empty,.account-transaction-empty) { padding:30px 16px;text-align:center;background:#f7faff;border:1px dashed #d6e2f4;border-radius:10px;color:#7f95b3;font-size:13px;line-height:1.9; }
#accountPanel .account-device-remove-btn { border:1px solid #edccd3;background:#fff4f6;color:#b26275;border-radius:8px;padding:8px 12px;font:inherit;font-size:12px; }
#accountPanel :is(button,a):focus-visible { outline:2px solid #83a4df;outline-offset:3px; }
@media(max-width:1050px) { #accountPanel .account-v2-shell { grid-template-columns:minmax(0,1fr) 260px;gap:18px; } #accountPanel .account-v2-card { padding:20px; } }
@media(max-width:800px) {
 body:has(#accountPanel.active) #dashboardApp,body:has(#accountPanel.active) .app-layout,body:has(#accountPanel.active) .content { height:auto;max-height:none;min-height:100dvh;overflow:visible; }
 #accountPanel.page-panel.active { flex:1 0 auto;min-height:calc(100dvh - 90px);height:auto;max-height:none;overflow:visible; }
 #accountPanel .account-v2-shell { grid-template-columns:1fr; }
 #accountPanel .account-v2-sidebar { display:grid;grid-template-columns:1fr 1fr; }
 #accountPanel .account-v2-profile-card { grid-column:1/-1; }
 #accountPanel .account-v2-profile-card .account-summary-list { grid-template-columns:1fr 1fr;column-gap:22px; }
}
@media(max-width:480px) { #accountPanel { padding:18px 12px 30px; } #accountPanel .account-page-heading h1 { font-size:25px; } #accountPanel .account-v2-form-grid,#accountPanel .account-v2-sidebar { grid-template-columns:1fr; } #accountPanel .account-v2-card { padding:18px; } #accountPanel .account-v2-card-head { flex-wrap:wrap;gap:12px; } #accountPanel .account-save-footer { flex-direction:column;align-items:stretch; } #accountPanel .account-save-footer .submit-btn { width:100%; } #accountPanel .account-plan-hero { padding:15px; } }