:root {
  --ink:#080b0f; --panel:#11161c; --panel-soft:rgba(17,22,28,.88); --line:rgba(235,196,119,.18);
  --line-soft:rgba(255,255,255,.08); --gold:#d8ae64; --gold-light:#f0d69a; --muted:#949da8; --white:#f4f1eb;
}
*{box-sizing:border-box}
html{min-height:100%;background:#06080b}
body{min-height:100vh;margin:0;color:var(--white);background:#080b0f;font-family:"Inter","Segoe UI",sans-serif;line-height:1.55}
body::before{position:fixed;inset:0;z-index:-2;content:"";background:linear-gradient(90deg,rgba(6,8,11,.94),rgba(6,8,11,.78)),url("../../assets/images/lineage-classes-exact.webp") center/cover no-repeat;opacity:.42}
button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}
.panel-header{position:relative;z-index:10;height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line-soft);background:rgba(7,9,12,.92);backdrop-filter:blur(16px)}
.panel-brand{display:flex;align-items:center;gap:12px}.panel-brand img{width:50px;height:50px;object-fit:contain}.panel-brand span{display:grid;line-height:1}.panel-brand strong{color:var(--gold-light);font:700 .94rem "Cinzel",serif;letter-spacing:.14em}.panel-brand small{margin-top:7px;color:var(--muted);font-size:.67rem;letter-spacing:.07em}.panel-header nav{display:flex;gap:28px;align-items:center}.panel-header nav a{color:#d9dde2;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.panel-header nav a:last-child{padding:10px 16px;border:1px solid var(--line);color:var(--gold-light)}
.eyebrow{color:var(--gold);font-size:.69rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}h1,h2,h3{margin:0;font-family:"Cinzel",Georgia,serif;font-weight:600;line-height:1.12}h1 em{color:var(--gold-light);font-style:normal}
.auth-shell{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.08fr .92fr;max-width:1280px;margin:auto;border-inline:1px solid var(--line-soft);background:rgba(8,11,15,.84)}
.auth-shell[hidden],.dashboard[hidden]{display:none}.auth-art{min-height:650px;background:linear-gradient(90deg,transparent 55%,rgba(8,11,15,.96)),linear-gradient(0deg,rgba(8,11,15,.9),transparent 42%),url("../../assets/images/lineage-classes-exact.webp") 52% center/cover no-repeat}.auth-card{align-self:center;width:min(430px,calc(100% - 60px));margin:auto;padding:42px;border:1px solid var(--line);background:rgba(13,17,22,.9);box-shadow:0 35px 100px rgba(0,0,0,.42)}.auth-card h1{margin:14px 0 13px;font-size:2rem}.auth-card>p{margin:0 0 28px;color:var(--muted)}
label{display:grid;gap:7px;margin-bottom:17px;color:#d8dce1;font-size:.75rem;font-weight:700;letter-spacing:.04em}label small{color:#7f8994;font-weight:400}input,select{width:100%;height:48px;padding:0 13px;color:var(--white);border:1px solid rgba(255,255,255,.13);outline:0;background:#0b0f14}input:focus,select:focus{border-color:var(--gold)}
.primary-button,.outline-button,.small-button,.text-button,.logout-button{display:inline-flex;align-items:center;justify-content:center;border:0;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.primary-button{min-height:49px;width:100%;padding:0 22px;color:#11151a;background:linear-gradient(135deg,var(--gold-light),#ba873e)}.primary-button.compact{width:auto;min-height:43px;font-size:.72rem}.outline-button{min-height:42px;padding:0 18px;color:var(--gold-light);border:1px solid rgba(216,174,100,.5);background:rgba(216,174,100,.05);font-size:.7rem}.small-button{padding:9px 13px;color:var(--gold-light);border:1px solid var(--line);background:transparent;font-size:.66rem}.text-button{margin:15px auto 0;color:var(--gold);background:transparent;font-size:.69rem}.setup-message{padding:13px;border:1px solid #735d35;color:#e8cb94;background:#251e14;font-size:.8rem}
.dashboard{max-width:1440px;min-height:calc(100vh - 78px);display:grid;grid-template-columns:260px 1fr;margin:auto;border-inline:1px solid var(--line-soft);background:rgba(8,11,15,.90)}
.sidebar{padding:30px 20px;border-right:1px solid var(--line-soft);background:rgba(10,13,17,.84)}.profile-summary{display:flex;align-items:center;gap:12px;padding:0 10px 27px;border-bottom:1px solid var(--line-soft)}.avatar{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:#14181d;background:var(--gold);font:700 1rem "Cinzel",serif}.profile-summary div{min-width:0;display:grid}.profile-summary strong{font-size:.84rem}.profile-summary small{overflow:hidden;color:var(--muted);font-size:.68rem;text-overflow:ellipsis}.side-nav{display:grid;gap:5px;margin-top:24px}.side-nav button{display:flex;align-items:center;gap:12px;padding:13px 12px;color:#a8b0b9;border:1px solid transparent;background:transparent;text-align:left;font-size:.75rem}.side-nav button span{width:20px;color:#77818c;text-align:center}.side-nav button:hover,.side-nav button.is-active{color:var(--gold-light);border-color:var(--line);background:rgba(216,174,100,.06)}.side-nav button.is-active span{color:var(--gold)}.logout-button{width:100%;margin-top:45px;padding:11px;color:#8e98a2;border:1px solid var(--line-soft);background:transparent;font-size:.67rem}
.dashboard-main{min-width:0;padding:42px clamp(24px,4vw,58px) 70px}.dashboard-topline{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:34px}.dashboard-topline h1{margin-top:9px;font-size:clamp(1.8rem,3vw,3rem)}.panel-section{display:none}.panel-section.is-active{display:block}
.balance-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 28px;border:1px solid var(--line);background:linear-gradient(120deg,rgba(31,27,21,.92),rgba(14,18,23,.92))}.balance-card>div:first-child,.wallet-card{display:grid}.balance-card span,.wallet-card>span{color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.balance-card strong,.wallet-card strong{margin-top:4px;color:var(--gold-light);font:600 2rem "Cinzel",serif}.balance-card strong i,.wallet-card strong i{font-size:.78rem;font-style:normal}.balance-actions{display:flex;gap:10px}
.overview-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:18px;margin-top:18px}.content-card{padding:28px;border:1px solid var(--line-soft);background:linear-gradient(145deg,rgba(18,23,29,.94),rgba(12,16,21,.93));box-shadow:0 24px 70px rgba(0,0,0,.16)}.card-heading,.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.card-heading h2,.section-title h2{margin-top:7px;font-size:1.45rem}.account-slots{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:26px 0 14px}.account-slot{height:56px;display:grid;place-items:center;border:1px solid var(--line-soft);color:#68727e;background:#0b0f14;font-size:.66rem}.account-slot.is-filled{color:var(--gold-light);border-color:var(--line);background:rgba(216,174,100,.06)}.card-note{margin:0;color:var(--muted);font-size:.72rem}.server-card{position:relative;overflow:hidden}.server-card::after{position:absolute;right:-50px;bottom:-70px;width:170px;height:170px;content:"";border:1px solid var(--line);border-radius:50%}.server-card h2{margin:20px 0 4px;font-size:1.55rem}.server-card p{margin:0 0 25px;color:var(--gold)}.server-card a{color:#c8cdd3;font-size:.72rem;font-weight:700}.server-status{display:block;margin-bottom:28px;color:#8f99a3;font-size:.65rem;text-transform:uppercase}.server-status i{width:7px;height:7px;display:inline-block;margin-right:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold)}.recent-card{margin-top:18px}.transaction-list{display:grid;margin-top:20px}.transaction-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:14px 0;border-top:1px solid var(--line-soft)}.transaction-row strong{font-size:.8rem}.transaction-row small{display:block;color:var(--muted);font-size:.68rem}.transaction-row .amount{color:var(--gold-light);font-family:"Cinzel",serif}.transaction-row .status{min-width:78px;padding:4px 8px;border:1px solid var(--line);color:#c7cdd4;font-size:.62rem;text-align:center;text-transform:uppercase}.empty-state{padding:28px 0;color:var(--muted);font-size:.8rem;text-align:center}
.section-title{margin-bottom:24px}.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.game-account-card{padding:23px;border:1px solid var(--line-soft);background:var(--panel-soft)}.game-account-card span{color:var(--gold);font-size:.67rem;text-transform:uppercase}.game-account-card h3{margin:9px 0 4px}.game-account-card p{margin:0;color:var(--muted);font-size:.72rem}.coin-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.wallet-card .primary-button{margin-top:25px}.package-card h3{margin:12px 0}.package-card p{color:var(--muted)}.settings-card{max-width:680px}.settings-card p{margin:8px 0 0;color:var(--muted);font-size:.78rem}
.panel-dialog{width:min(480px,calc(100% - 32px));padding:0;color:var(--white);border:1px solid var(--line);background:#10151b;box-shadow:0 40px 120px #000}.panel-dialog::backdrop{background:rgba(3,5,7,.82);backdrop-filter:blur(5px)}.panel-dialog form{position:relative;padding:36px}.panel-dialog h2{margin:11px 0}.panel-dialog p{margin:0 0 25px;color:var(--muted);font-size:.82rem}.dialog-close{position:absolute;top:12px;right:14px;color:#9da6af;border:0;background:transparent;font-size:1.6rem}.toast{position:fixed;right:20px;bottom:20px;z-index:100;max-width:min(390px,calc(100% - 40px));padding:14px 17px;border:1px solid var(--line);color:#e9e5dd;background:#141a21;box-shadow:0 20px 70px #000;opacity:0;pointer-events:none;transform:translateY(12px);transition:.18s}.toast.is-visible{opacity:1;transform:none}.toast.is-error{border-color:#824c4c;color:#f1c1c1}
@media(max-width:980px){.dashboard{grid-template-columns:1fr}.sidebar{position:relative;padding:18px;border-right:0;border-bottom:1px solid var(--line-soft)}.profile-summary{display:none}.side-nav{display:flex;overflow:auto;margin:0}.side-nav button{white-space:nowrap}.logout-button{position:absolute;right:18px;top:18px;width:auto;margin:0}.overview-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-card{margin-block:70px}.dashboard-main{padding-top:30px}}
@media(max-width:680px){.panel-header{padding-inline:16px}.panel-brand small{display:none}.panel-header nav a:first-child{display:none}.panel-header nav a:last-child{padding:8px;font-size:.62rem}.dashboard-topline{align-items:flex-start;flex-direction:column}.balance-card{align-items:flex-start;flex-direction:column}.balance-actions{width:100%;flex-direction:column}.balance-actions>*{width:100%}.account-overview-card .card-heading,.section-title{align-items:flex-start;flex-direction:column}.account-slots{grid-template-columns:repeat(4,1fr)}.account-grid,.coin-layout{grid-template-columns:1fr}.transaction-row{grid-template-columns:1fr auto}.transaction-row .status{grid-column:1/-1;width:max-content}.auth-card{width:calc(100% - 28px);padding:28px}.dashboard-main{padding-inline:16px}.content-card{padding:22px}.side-nav button span{display:none}.logout-button{display:none}}