:root{
  --bg:#090b0d;--panel:#111419;--panel2:#171b21;--text:#f2f2ef;--muted:#969da8;
  --line:#262c34;--gold:#d6b86a;--gold2:#f0d892;--good:#7ad7a6;--bad:#e98585;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#080a0c,#0d1014);color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select{font:inherit}
.shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}
.sidebar{border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column;gap:28px;background:#0b0e11}
.brand{display:flex;align-items:center;gap:12px}
.crest{width:38px;height:38px;border:1px solid var(--gold);color:var(--gold2);display:grid;place-items:center;border-radius:50%;
  font-family:Georgia,serif;font-size:21px}
.brand-name{font-family:Georgia,serif;letter-spacing:.08em}.brand-sub{font-size:11px;color:var(--muted);margin-top:2px}
nav{display:flex;flex-direction:column;gap:7px}
.nav{border:0;background:transparent;color:#b8bec7;text-align:left;padding:11px 13px;border-radius:8px;cursor:pointer}
.nav.active,.nav:hover{background:#171b20;color:#fff}
.security-box{margin-top:auto;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:9px;font-size:12px}
.security-box span{display:block;color:var(--muted);margin-top:2px}.dot{width:9px;height:9px;border-radius:50%;background:var(--good);margin-top:4px}
main{padding:32px 38px 60px;max-width:1400px;width:100%;margin:auto}
header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
h1,h2{font-family:Georgia,serif;font-weight:500}h1{font-size:34px;margin:5px 0 0}h2{font-size:32px;margin:8px 0 12px}
.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--gold);font-weight:700}
.view{display:none}.view.active{display:block}
.card{background:linear-gradient(180deg,var(--panel),#0f1216);border:1px solid var(--line);border-radius:14px;padding:22px}
.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:32px}
.hero p{max-width:700px;color:var(--muted);line-height:1.6}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.primary,.ghost,.outline{border-radius:9px;padding:11px 16px;cursor:pointer}
.primary{background:var(--gold);color:#13100a;border:1px solid var(--gold);font-weight:700}
.ghost{background:#171b21;color:#fff;border:1px solid var(--line)}
.outline{background:transparent;color:var(--gold2);border:1px solid #65562e}
.wide{width:100%;margin-top:14px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}
.stat{display:flex;flex-direction:column;gap:8px}.stat span{color:var(--muted);font-size:12px}.stat strong{font-size:28px;font-family:Georgia,serif}
.grid2{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.card-title{font-family:Georgia,serif;font-size:20px;margin-bottom:14px}
.asset-list,.vault-list,.passport-list{display:flex;flex-direction:column;gap:10px}.empty-state{color:var(--muted);padding:18px 0}
.asset-row,.vault-row,.passport-row{border:1px solid var(--line);background:#0c0f12;border-radius:10px;padding:14px}
.asset-row{display:grid;grid-template-columns:1fr auto;gap:8px}.asset-row small,.vault-row small,.passport-row small{color:var(--muted)}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.badge{font-size:10px;border:1px solid var(--line);padding:4px 7px;border-radius:999px;color:#bdc3cb}
.checks{padding:0;list-style:none;display:grid;gap:12px;color:#c9ced5}.checks span{color:var(--good);margin-right:8px}
.form-card{max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:flex;flex-direction:column;gap:7px;color:#b8bec7;font-size:12px;margin:10px 0}
input,select{background:#0b0e11;border:1px solid var(--line);color:#fff;border-radius:8px;padding:11px 12px}
.drop{border:1px dashed #4e5764;border-radius:12px;padding:18px;margin:18px 0;display:flex;gap:14px;align-items:center}
.drop span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.checkline{flex-direction:row;align-items:center}
.notice{border-left:3px solid var(--gold);background:#15140f;padding:12px 14px;color:#c7c1ae;font-size:12px;margin:12px 0}
.muted{color:var(--muted);line-height:1.55}.status{margin-top:12px;font-size:12px;color:var(--muted);word-break:break-all}
dialog{border:0;background:transparent}.dialog-card{background:#111419;color:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:360px}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:static;border-right:0;border-bottom:1px solid var(--line)}
nav{flex-direction:row;overflow:auto}.security-box{display:none}main{padding:22px}.stats{grid-template-columns:1fr 1fr}.grid2,.form-grid{grid-template-columns:1fr}.hero{align-items:start;flex-direction:column}}

/* LockLux floating emergency lock */
#quickLock {
  position: fixed;
  right: 20px;
  bottom: calc(20px + env(safe-area-inset-bottom));
  z-index: 9999;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: #171511;
  color: #d6b66e;
  border: 1px solid #d6b66e;
  box-shadow: 0 4px 22px #0008;
  font-size: 25px;
  cursor: pointer;
}
@media print {
  #quickLock { display: none; }
}

/* LockLux monogram — fixed sidebar sizing */
.sidebar .crest.locklux-home {
    position: relative !important;
    display: flex !important;
    flex: 0 0 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border-radius: 50% !important;
    background: #000 !important;
    cursor: pointer;
    box-sizing: border-box !important;
}

.sidebar .crest.locklux-home img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}


/* LockLux monogram — no additional website border */
.sidebar .crest.locklux-home {
    appearance: none;
    display: flex;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.sidebar .crest.locklux-home img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


/* LockLux: hide legacy wallet panels, retain premium connector */
#llTwixWallet,
#llLuxuryBar,
#lockluxTwix {
    display: none !important;
}