:root{--navy:#080d24;--navy2:#0b1130;--panel:#0f1638;--panel2:#0a1030;--cyan:#00D9FF;--cyan-dim:#1aa3bd;--ink:#E8EEF7;--muted:#7f8db5;--faint:#4a567e;--line:#1a2350;--ok:#34d399;--warn:#fbbf24;--purple:#a78bfa;--lw:228px;--rw:0px}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Segoe UI',system-ui,Arial,sans-serif;background:var(--navy);color:var(--ink);height:100vh;overflow:hidden;font-size:14px}
  .app{display:grid;grid-template-columns:var(--lw) 1fr var(--rw);height:100vh;transition:grid-template-columns .16s ease}
  body.lhide{--lw:0px} body.rshow{--rw:380px}
  .rpanel{background:var(--navy2);border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;min-width:0;min-height:0;position:relative}
  .rgrip{position:absolute;left:0;top:0;bottom:0;width:7px;margin-left:-3px;cursor:col-resize;z-index:50}
  .rgrip:hover,.rgrip.drag{background:linear-gradient(to right,transparent,rgba(0,217,255,.55))}
  body.resizing{cursor:col-resize;user-select:none}
  .asec{margin-bottom:16px} .asec h5{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin:0 0 9px}
  .agrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:8px}
  .atile{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:11px;text-align:center}
  .atile .n{font-size:20px;font-weight:800;line-height:1.1} .atile .l{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-top:3px}
  .abar{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:7px} .abar .nm{width:92px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .abar .tk{flex:1;height:9px;background:var(--panel2);border-radius:5px;overflow:hidden} .abar .tk i{display:block;height:100%} .abar .v{font-size:10px;font-family:monospace;color:var(--muted);white-space:nowrap}
  .mrow{display:flex;gap:3px;align-items:flex-end;height:54px;margin:6px 0 2px} .mrow .mb{flex:1;background:#27407a;border-radius:2px 2px 0 0;min-height:3px} .mlbl{display:flex;gap:3px;font-size:8px;color:var(--faint)} .mlbl span{flex:1;text-align:center}
  #toolsGrp.collapsed{display:none}
  .rfoot{border-top:1px solid var(--line);padding:11px 13px;background:var(--panel)}
  .rfoot .ab{width:100%;background:var(--cyan);color:var(--navy);border:none;border-radius:9px;padding:11px;font-weight:800;font-family:inherit;cursor:pointer;font-size:14px} .rfoot .ab:disabled{opacity:.45;cursor:not-allowed}
  .rfoot .ic2{font-size:11px;color:var(--muted);margin-bottom:8px;text-align:center}
  .toolcard{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:11px;background:var(--panel2)} .toolcard.hl{border-color:var(--cyan)}
  .toolcard .th{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;margin-bottom:4px}
  .toolcard .td{font-size:11.5px;color:var(--muted);line-height:1.45;margin-bottom:9px}
  .tstats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:9px}
  .tstats .ts{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:7px;text-align:center} .tstats .ts .n{font-size:15px;font-weight:800} .tstats .ts .l{font-size:8.5px;text-transform:uppercase;color:var(--muted);margin-top:2px}
  .toolcard input[type=file],.toolcard select{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:7px;font-family:inherit;font-size:12px}
  .rpanel .rh{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px;white-space:nowrap}
  .rpanel .rb{flex:1;overflow:auto;padding:14px;min-width:0;min-height:0}
  .kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
  .kpi .k{background:var(--panel2);border:1px solid var(--line);border-radius:9px;padding:11px} .kpi .k .n{font-size:22px;font-weight:800;color:var(--cyan)} .kpi .k .l{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
  .bar{height:8px;background:var(--panel2);border-radius:5px;overflow:hidden;margin:3px 0 10px} .bar i{display:block;height:100%;background:var(--cyan)}
  /* sidebar */
  .side{background:var(--navy2);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 10px;min-height:0;overflow:hidden}
  .logo{display:flex;align-items:center;gap:9px;padding:6px 8px 16px}
  .logo .mk{width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
  .logo b{font-weight:800;letter-spacing:.2px}.logo small{display:block;font-size:9px;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-top:1px}
  .nav{display:flex;flex-direction:column;gap:2px;margin-top:6px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}
  .nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:13.5px;cursor:pointer;border:1px solid transparent}
  .nav a:hover{background:var(--panel);color:var(--ink)} .nav a.on{background:rgba(0,217,255,.1);color:var(--cyan);border-color:rgba(0,217,255,.25)}
  .nav a .ic{width:16px;text-align:center;opacity:.9}
  .nav a .kbd{margin-left:auto;font-size:9px;color:var(--faint);border:1px solid var(--line);border-radius:4px;padding:1px 5px}
  .nav .grp{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);padding:14px 11px 5px}
  .nav .gtog{cursor:pointer;display:flex;justify-content:space-between;align-items:center} .nav .gtog:hover{color:var(--muted)}
  #dashGrp.collapsed{display:none}
  .navgrp.collapsed{display:none}
  .side .foot{margin-top:auto;display:flex;gap:6px;align-items:center;padding:8px;color:var(--faint);font-size:11px}
  .side .foot .b{width:28px;height:28px;border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted)}
  .side .foot .b:hover{border-color:var(--cyan);color:var(--cyan)}
  /* main */
  .main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
  .topbar{display:flex;align-items:center;gap:10px;padding:11px 18px;border-bottom:1px solid var(--line)}
  .topbar .crumb{font-size:13px;color:var(--muted)} .topbar .crumb b{color:var(--ink)}
  .topbar .sp{flex:1}
  .toplang{background:var(--panel2);border:1px solid var(--line);border-radius:16px;color:var(--muted);padding:4px 10px;font-size:12px;font-family:inherit;cursor:pointer}
  .toplang:hover{color:var(--ink);border-color:var(--cyan)}
  /* first-run language overlay */
  .langov{position:fixed;inset:0;background:rgba(4,8,22,.92);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}
  .langov-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;max-width:440px;width:100%;padding:28px;text-align:center}
  .langov-card h2{margin:0 0 4px;font-size:22px;color:var(--ink)}
  .langov-card p{margin:0 0 20px;color:var(--muted);font-size:13.5px}
  .langov-opts{display:flex;flex-wrap:wrap;gap:9px;justify-content:center}
  .langov-opts button{background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:12px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;min-width:120px}
  .langov-opts button:hover{border-color:var(--cyan);color:var(--cyan)}
  .ticon{width:30px;height:30px;border-radius:7px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer}
  .ticon:hover{border-color:var(--cyan);color:var(--cyan)}
  .content{flex:1;overflow:hidden;min-height:0;position:relative}
  iframe{width:100%;height:100%;border:0;display:none;background:var(--navy)}
  iframe.on{display:block}
  /* home hero */
  .home{height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;padding:30px;position:relative;overflow:auto}
  .home.on{display:flex}
  .home .word{font-size:64px;font-weight:800;letter-spacing:2px;color:var(--cyan);text-shadow:0 0 40px rgba(0,217,255,.25);font-family:'Segoe UI',system-ui}
  .home .tag{color:var(--muted);font-size:15px;margin-top:10px;text-align:center;max-width:540px;line-height:1.6}
  .chips{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:26px;max-width:640px}
  .chip{font-size:12.5px;padding:8px 14px;border-radius:20px;border:1px solid var(--line);color:var(--muted);background:var(--panel2);cursor:pointer}
  .chip:hover{border-color:var(--cyan);color:var(--cyan)}
  /* command bar */
  .cmd{padding:14px 18px;border-top:1px solid var(--line);background:var(--navy2)}
  .cmd .box{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 10px 8px 16px}
  .cmd .box:focus-within{border-color:rgba(0,217,255,.4)}
  .cmd input{flex:1;background:none;border:none;color:var(--ink);font-size:15px;font-family:inherit;outline:none}
  .cmd .be{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:6px 9px;background:var(--panel2);cursor:default}
  .cmd .mic,.cmd .go{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
  .cmd .go{background:var(--cyan);color:var(--navy);border-color:var(--cyan);font-weight:800}
  .cmd .mic:hover{border-color:var(--cyan);color:var(--cyan)} .cmd .mic.rec{background:var(--cyan);color:var(--navy)}
  .cmd .be{cursor:pointer} .cmd .be:hover{border-color:var(--cyan);color:var(--cyan)}
  .modelpop{position:absolute;bottom:64px;right:92px;width:308px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 44px rgba(0,0,0,.55);z-index:40;overflow:hidden}
  .mp-search{width:100%;background:var(--panel2);border:none;border-bottom:1px solid var(--line);color:var(--ink);padding:10px 13px;font-family:inherit;font-size:13px;outline:none}
  .mp-list{max-height:320px;overflow:auto;padding:6px}
  .mp-grp{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--faint);padding:9px 8px 3px}
  .mp-row{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:8px;cursor:pointer}
  .mp-row:hover{background:var(--panel2)} .mp-row.on{background:rgba(0,217,255,.1)}
  .mp-n{font-size:13px;font-weight:600} .mp-id{font-size:10px;color:var(--faint);font-family:monospace}
  .mp-tag{margin-left:auto;font-size:9.5px;padding:1px 7px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em}
  .t-high{background:rgba(251,191,36,.15);color:var(--warn)} .t-med{background:rgba(0,217,255,.13);color:var(--cyan)} .t-low{background:rgba(52,211,153,.15);color:var(--ok)} .t-local,.t-sovereign{background:rgba(167,139,250,.15);color:var(--purple)}
  .mp-foot{font-size:10.5px;color:var(--muted);padding:9px 12px;border-top:1px solid var(--line);display:flex;gap:5px;align-items:center}
  /* conversational copilot */
  .cmdthread{max-height:34vh;overflow-y:auto;margin-bottom:9px;display:flex;flex-direction:column;gap:7px;padding:2px}
  .cbub{font-size:13px;line-height:1.5;padding:8px 11px;border-radius:11px;max-width:88%;white-space:pre-wrap}
  .cbub.u{align-self:flex-end;background:rgba(0,217,255,.12);border:1px solid rgba(0,217,255,.3);color:#dbeffb}
  .cbub.a{align-self:flex-start;background:var(--panel2);border:1px solid var(--line);color:#cdd6ea}
  .cbub.think{color:var(--warn);font-style:italic}
  .draftcard{background:var(--panel2);border:1px solid rgba(0,217,255,.32);border-radius:11px;padding:12px 14px;margin-bottom:9px}
  .draftcard h5{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan);margin:0 0 8px}
  .draftcard .dl{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}
  .draftcard .dt{font-size:11px;padding:2px 8px;border-radius:6px;background:var(--panel);border:1px solid var(--line);color:#cdd6ea}
  .draftcard .da{display:flex;gap:8px}
  .draftcard .da button{flex:1;border:none;border-radius:8px;padding:9px;font-family:inherit;font-weight:700;font-size:12.5px;cursor:pointer}
  .dbtn-go{background:var(--cyan);color:var(--navy)} .dbtn-open{background:var(--panel);color:var(--ink);border:1px solid var(--line)}
  /* status bar */
  .status{display:flex;align-items:center;gap:18px;padding:6px 18px;border-top:1px solid var(--line);font-size:11px;color:var(--faint);background:var(--navy)}
  .status .s{display:flex;align-items:center;gap:6px} .status .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)} .status .dot.off{background:var(--warn)}
  .status .sp{flex:1}
  /* in-shell panels */
  .panel{display:none;padding:26px 30px;height:100%;overflow:auto}
  .panel.on{display:block}
  .panel h1{font-size:22px;margin-bottom:4px}.panel .sub{color:var(--muted);font-size:13px;margin-bottom:20px}
  .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
  .pcard{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:14px 16px;cursor:pointer}
  .pcard:hover{border-color:var(--cyan)} .pcard .t{font-weight:600;margin-bottom:4px;display:flex;align-items:center;gap:8px}
  .pcard .d{font-size:12.5px;color:var(--muted);line-height:1.45}
  .pcard .tag{font-size:9px;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:4px;margin-left:auto}
  .tag.a{background:rgba(52,211,153,.15);color:var(--ok)} .tag.v{background:rgba(251,191,36,.15);color:var(--warn)}
  .slist .row{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;background:var(--panel2);cursor:pointer}
  .slist .row:hover{border-color:var(--cyan)} .slist .row .nm{font-weight:600} .slist .row .meta{font-size:11.5px;color:var(--muted)} .slist .sp{flex:1}
  .badge{font-size:10px;padding:2px 8px;border-radius:5px;border:1px solid var(--line);color:var(--muted)}
  .badge.active{color:var(--ok);border-color:rgba(52,211,153,.4)} .badge.done{color:var(--cyan-dim)}
  .field{margin-bottom:14px;max-width:520px}.field .l{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:5px}
  .field input,.field select{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px 11px;font-family:inherit;font-size:14px}
  ::-webkit-scrollbar{width:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}
  /* account pill + menu */
  .acct{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);cursor:pointer}
  .acct:hover{border-color:var(--cyan)}
  .acct .av{width:30px;height:30px;border-radius:8px;background:var(--cyan);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}
  .acct .ai{flex:1;min-width:0} .acct .ai b{display:block;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .acct .ai small{font-size:10.5px;color:var(--muted)}
  .acct .cv{color:var(--muted);font-size:13px}
  .acctmenu{position:fixed;width:262px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 48px rgba(0,0,0,.6);z-index:60;overflow:hidden;display:none}
  .acctmenu.on{display:block}
  .am-hd{display:flex;align-items:center;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}
  .am-hd .av{width:34px;height:34px;border-radius:9px;background:var(--cyan);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
  .am-hd b{display:block;font-size:13px;color:var(--ink);max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .am-hd small{font-size:11px;color:var(--muted);text-transform:capitalize}
  .am-i{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:13px;color:var(--ink);cursor:pointer;text-decoration:none}
  .am-i:hover{background:var(--panel2)} .am-i.danger{color:#f87171} .am-i .k{margin-left:auto;font-size:10px;color:var(--faint)}
  .am-sep{height:1px;background:var(--line);margin:4px 0}
  /* login overlay */
  .loginwrap{position:fixed;inset:0;background:rgba(4,8,22,.92);backdrop-filter:blur(4px);z-index:200;display:none;align-items:center;justify-content:center}
  .loginwrap.on{display:flex}
  .loginbox{width:360px;max-width:92vw;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 26px;box-shadow:0 20px 70px rgba(0,0,0,.6)}
  .loginbox .lb-logo{font-size:24px;font-weight:800;letter-spacing:.5px;text-align:center} .loginbox .lb-logo b{color:var(--cyan)}
  .loginbox .lb-sub{text-align:center;color:var(--muted);font-size:13px;margin:6px 0 22px}
  .loginbox .field{margin-bottom:13px;max-width:none}
  .lb-go{width:100%;background:var(--cyan);color:var(--navy);border:none;border-radius:9px;padding:11px;font-weight:800;font-family:inherit;font-size:14px;cursor:pointer;margin-top:4px}
  .lb-go.ghost{background:var(--panel2);color:var(--ink);border:1px solid var(--line)}
  .lb-go:disabled{opacity:.5;cursor:not-allowed}
  .lb-link{text-align:center;color:var(--cyan);font-size:12px;cursor:pointer;margin-top:13px} .lb-link:hover{text-decoration:underline}
  .lb-adv{margin-top:16px;border-top:1px solid var(--line);padding-top:12px} .lb-adv>span{font-size:11px;color:var(--faint);cursor:pointer} .lb-adv>span:hover{color:var(--muted)}
  .lb-adv input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:9px 11px;font-family:inherit;font-size:12px;margin:9px 0}
  .lb-err{color:#f87171;font-size:12px;text-align:center;margin-top:12px;min-height:16px;line-height:1.4}
  #cfTs{display:flex;justify-content:center;margin-top:14px;min-height:65px}
  /* ── Settings shell ── */
  #view-settings.on{padding:0;display:flex;flex-direction:column}
  .set-head{padding:20px 30px 14px;border-bottom:1px solid var(--line)}
  .set-head h1{font-size:21px;margin-bottom:3px}.set-head .sub{color:var(--muted);font-size:12.5px}
  .set-wrap{flex:1;display:flex;min-height:0}
  .set-rail{width:208px;border-right:1px solid var(--line);padding:12px 9px;overflow:auto;flex-shrink:0;background:var(--navy2)}
  .set-rail a{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:8px;color:var(--muted);font-size:13px;cursor:pointer;border:1px solid transparent;margin-bottom:2px}
  .set-rail a:hover{background:var(--panel2);color:var(--ink)}
  .set-rail a.on{background:var(--panel);color:var(--ink);border-color:var(--line)}
  .set-rail a .ic{width:17px;text-align:center;font-size:14px}
  .set-rail .grp{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--faint);padding:13px 11px 5px}
  .set-body{flex:1;overflow:auto;padding:24px 30px}
  .set-sec{display:none;max-width:680px} .set-sec.on{display:block}
  .set-sec h2{font-size:16px;margin-bottom:3px} .set-sec .secsub{color:var(--muted);font-size:12.5px;margin-bottom:18px;line-height:1.5}
  .srow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}
  .srow:last-child{border-bottom:none}
  .srow .sk{font-size:13.5px;color:var(--ink)} .srow .sd{font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.45;max-width:380px}
  .srow .sctl{flex-shrink:0;display:flex;align-items:center;gap:8px}
  .set-sec select,.set-sec input[type=text],.set-sec input[type=email],.set-sec input[type=password],.set-sec input[type=number]{background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:8px 11px;font-family:inherit;font-size:12.5px;min-width:200px}
  .set-sec input[type=number]{min-width:90px}
  .sbtn{font-size:12px;padding:7px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);cursor:pointer;font-family:inherit}
  .sbtn:hover{border-color:var(--cyan)} .sbtn.primary{background:var(--cyan);color:var(--navy);border:none;font-weight:700} .sbtn.danger{color:#f87171;border-color:#5a2330}
  .sw{position:relative;width:42px;height:23px;flex-shrink:0;cursor:pointer} .sw input{display:none}
  .sw .tk{position:absolute;inset:0;background:var(--panel2);border:1px solid var(--line);border-radius:14px;transition:.18s} .sw .tk:before{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;background:var(--muted);border-radius:50%;transition:.18s}
  .sw input:checked+.tk{background:rgba(0,217,255,.25);border-color:var(--cyan)} .sw input:checked+.tk:before{transform:translateX(19px);background:var(--cyan)}
  .agent-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)} .agent-row:last-child{border-bottom:none}
  .agent-row .an{width:108px;font-size:13px;color:var(--ink);flex-shrink:0} .agent-row .ad{flex:1;font-size:11px;color:var(--muted)} .agent-row select{min-width:190px}
  .set-card{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:16px 18px;margin-bottom:16px}
  .set-card .ct{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}
  .set-note{font-size:11.5px;color:var(--faint);line-height:1.5;margin-top:6px;padding:9px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}
  .set-note b{color:var(--warn)}
  .savebar{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
  .savebar .ok{font-size:12px;color:var(--ok);opacity:0;transition:.2s} .savebar .ok.show{opacity:1}
  .acct-id{display:flex;align-items:center;gap:14px;margin-bottom:18px}
  .acct-id .av{width:48px;height:48px;border-radius:12px;background:var(--cyan);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:19px}
  .acct-id .nm{font-size:16px} .acct-id .em{font-size:12px;color:var(--muted)} .acct-id .tr{font-size:11px;color:var(--cyan);margin-top:2px}