:root{
  --bg:#0B0D12;--panel:rgba(0,0,0,.44);--line:#223151;--border:#1b2539;
  --txt:#e7ecff;--mut:#b9c7e9;--brand:#2D7FF9;--brand2:#3B8BFF;--ok:#2DFFB3;
}
.fa-acc-root{color:var(--txt)}
.fa-wrap{max-width:1180px;margin:0 auto;padding:24px 16px}
.fa-acc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.fa-acc-id{display:flex;gap:12px;align-items:center}
.fa-ava img,.fa-ava{width:64px;height:64px;border-radius:14px;overflow:hidden;background:#0e131f;border:1px solid var(--border)}
.fa-hello{font-size:12px;color:#8fb3ff}
.fa-name{margin:2px 0;font-size:22px;font-weight:800}
.fa-micro{color:var(--mut);font-size:13px}
.fa-sec-chip{border:1px solid #2a3a5e;background:#0f1627;border-radius:999px;padding:6px 10px;font-size:12px}

.fa-acc-grid{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:1024px){.fa-acc-grid{grid-template-columns:280px 1fr}}

.fa-card{border:1px solid var(--border);background:var(--panel);backdrop-filter:blur(6px);border-radius:16px;padding:14px}
.fa-card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.fa-link{color:#c9dcff;text-decoration:none}
.fa-btn{display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:12px;padding:0 14px;
  font-weight:800;background:linear-gradient(90deg,var(--brand),var(--brand2));color:#fff;text-decoration:none;border:0;
  box-shadow:0 14px 34px rgba(45, 127, 249,.28)}
.fa-btn-outline{display:inline-flex;align-items:center;justify-content:center;height:40px;border-radius:12px;padding:0 14px;
  font-weight:800;background:#0e131f;border:1px solid #2a3a5e;color:#cfe1ff;text-decoration:none}
.fa-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.fa-menu li a{display:flex;gap:10px;align-items:center;border:1px solid var(--border);background:#0e131f;border-radius:12px;padding:10px;text-decoration:none;color:var(--txt)}
.fa-menu li.is-active a{border-color:var(--brand)}
.fa-help{margin-top:10px;padding:10px;border:1px dashed #ffffff20;border-radius:12px;background:#0e131f}
.fa-help .t{font-size:13px;color:#cfe1ff;margin-bottom:8px}

.kpis{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}
.kpi{border:1px solid var(--border);background:#0e131f;border-radius:12px;padding:12px}
.kpi .v{font-size:18px;font-weight:800}
.kpi .l{color:#9ab0e6;font-size:12px}

.fa-orders{display:flex;flex-direction:column;gap:8px}
.fa-order{display:flex;justify-content:space-between;gap:10px;border:1px solid var(--border);background:#0e131f;border-radius:12px;padding:10px}
.fa-order .id{font-weight:800}
.fa-order .mut{color:#9ab0e6;font-size:12px;margin-top:2px}
.fa-order .items{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip{border:1px solid #24324d;background:#0b101a;color:#cfe1ff;border-radius:999px;padding:4px 10px;font-size:12px}
.fa-order .sum{font-weight:800}
.fa-order .act{display:flex;gap:8px;justify-content:flex-end}

.fa-order-sum{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}
.fa-subttl{margin:6px 0 8px;font-size:16px;font-weight:800}

.fa-creds{display:grid;gap:10px}
.cred{border:1px solid var(--border);background:#0e131f;border-radius:12px;padding:10px}
.cred .head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}
.cred .title{font-weight:800}
.cred .badge{border:1px solid #1b5237;background:#103023;color:#99f1c3;border-radius:999px;padding:4px 8px;font-size:12px}
.cred .rows{display:grid;gap:6px}
.cred .row{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px dashed #ffffff15;padding-bottom:6px}
.cred .row:last-child{border-bottom:0}
.cred .row span{color:#9ab0e6;font-size:13px}
.cred .val{display:flex;gap:8px;align-items:center}
code.t{background:#0b101a;border:1px solid #24324d;color:#e7ecff;border-radius:8px;padding:6px 8px;font-size:13px}
.mini{height:32px;padding:0 10px;border-radius:8px;border:1px solid #2a3a5e;background:#0f1627;color:#cfe1ff;font-weight:700}
.mini.reveal{border-style:dashed}
.toast{position:fixed;bottom:16px;right:16px;background:#101a2e;color:#e7ecff;border:1px solid #2a3a5e;border-radius:12px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.3);opacity:0;transform:translateY(6px);transition:.15s}
.toast.on{opacity:1;transform:translateY(0)}

.fa-lines{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.fa-lines .line{display:flex;justify-content:space-between;border-bottom:1px dashed #ffffff12;padding:6px 0}
.fa-lines .line.total{border-top:1px solid #ffffff1c;border-bottom:0;font-weight:900}
.fa-lines .line.disc span{color:#ffb2c0}
.fa-form label{display:block;margin:0 0 6px}
.fa-form input, .fa-form select{width:100%;height:44px;border-radius:12px;border:1px solid var(--line);background:#0b101a;color:var(--txt);padding:0 12px}
.grid2{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:640px){.grid2{grid-template-columns:1fr 1fr}}
.grid3{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:900px){.grid3{grid-template-columns:repeat(3,1fr)}}
.empty{color:#cfe1ff}