:root{
 --brand-obsidian:#08090b;
 --brand-navy:#071522;
 --brand-gold:#c89b4b;
 --brand-gold-highlight:#e4c179;
 --brand-champagne:#f2e5c6;
 --brand-ice:#f6f7f8;
 --bg:#07111b;
 --panel:#0d1926;
 --line:#283a4b;
 --text:#f6f7f8;
 --muted:#95a5b5;
 --accent:#c89b4b;
 color-scheme:dark;
}

body{
 background:
  radial-gradient(circle at 16% -8%,rgba(200,155,75,.12),transparent 31%),
  radial-gradient(circle at 92% 8%,rgba(228,193,121,.05),transparent 23%),
  linear-gradient(180deg,#07111b 0%,#080f17 100%);
}

::selection{background:rgba(200,155,75,.32);color:var(--brand-ice)}

.loading{background:rgba(7,17,27,.94);backdrop-filter:blur(12px)}
.spinner{border-color:rgba(200,155,75,.22);border-top-color:var(--brand-gold-highlight)}

.auth-visual{
 position:relative;
 overflow:hidden;
 border-right-color:rgba(200,155,75,.2);
 background:
  radial-gradient(circle at 24% 18%,rgba(200,155,75,.13),transparent 28%),
  linear-gradient(145deg,#08090b 0%,#071522 72%,#0b1b2a 100%);
}
.auth-visual:after{
 content:"";
 position:absolute;
 inset:auto 8% 14% 8%;
 height:1px;
 background:linear-gradient(90deg,transparent,rgba(200,155,75,.55),transparent);
 pointer-events:none;
}
.dalla-brand-lockup{position:relative;z-index:1;width:min(440px,72%)}
.dalla-brand-lockup img{display:block;width:100%;height:auto}
.hero{position:relative;z-index:1}
.hero h1{max-width:820px;color:var(--brand-ice);font-weight:760;letter-spacing:-.045em}
.hero p{color:#aeb9c4}
.version{position:relative;z-index:1;color:#b99b69;letter-spacing:.12em;text-transform:uppercase}

.auth-side{background:linear-gradient(180deg,rgba(7,21,34,.88),rgba(8,9,11,.96))}
.auth-card{
 border-color:rgba(200,155,75,.3);
 background:linear-gradient(160deg,rgba(15,27,40,.98),rgba(9,18,28,.98));
 box-shadow:0 32px 90px rgba(0,0,0,.46),0 0 0 1px rgba(228,193,121,.03) inset;
}
.auth-card-logo{display:block;width:min(310px,82%);height:auto;margin:0 0 24px}
.auth-head{padding-bottom:15px;border-bottom:1px solid rgba(200,155,75,.14)}
.auth-head h2{color:var(--brand-ice)}
.auth-card input,.auth-card select{background:#091522;border-color:#2b3c4c}
.auth-card input:focus,.auth-card select:focus{border-color:var(--brand-gold);box-shadow:0 0 0 3px rgba(200,155,75,.12)}
.password-toggle,.link-btn{color:var(--brand-gold-highlight)}

.sidebar{
 border-right-color:rgba(200,155,75,.18);
 background:linear-gradient(180deg,#08090b 0%,#071522 58%,#08111b 100%);
 box-shadow:16px 0 50px rgba(0,0,0,.16);
}
.dalla-sidebar-logo{display:block;width:190px;max-width:100%;height:auto;margin:2px 4px 25px}
.sidebar nav{margin-top:0}
.sidebar button{position:relative}
.sidebar button:hover{background:rgba(200,155,75,.07);color:var(--brand-champagne)}
.sidebar button.active{
 background:linear-gradient(90deg,rgba(200,155,75,.18),rgba(200,155,75,.06));
 color:var(--brand-champagne);
 box-shadow:inset 2px 0 0 var(--brand-gold);
}
.sidebar button.active [data-icon]{color:var(--brand-gold-highlight)}

.topbar-title{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.topbar-brand-mark{width:34px;height:24px;object-fit:contain}
.topbar-title>div{display:grid;min-width:0}
.topbar-title h1{margin-top:1px}

.btn.primary{
 color:#101214;
 background:linear-gradient(135deg,#b88635 0%,#d3a958 52%,#e4c179 100%);
 border-color:rgba(228,193,121,.72);
 box-shadow:0 9px 24px rgba(200,155,75,.18);
}
.btn.primary:hover{filter:brightness(1.05);box-shadow:0 12px 28px rgba(200,155,75,.24)}
.btn:focus-visible,.icon-btn:focus-visible,.link-btn:focus-visible,.sidebar button:focus-visible{
 outline:3px solid rgba(228,193,121,.32);
 outline-offset:2px;
}
.icon-btn:hover{border-color:rgba(200,155,75,.46);color:var(--brand-gold-highlight)}
.card,.account-card,.recent-list,.data-table-wrap{border-color:#24384a}
.card:hover,.account-card:hover{border-color:rgba(200,155,75,.26)}
.readonly-badge{border-color:rgba(200,155,75,.28);background:rgba(200,155,75,.07);color:#d9bd86}
.editable-badge{border-color:rgba(69,221,160,.3);background:rgba(69,221,160,.07);color:#75ddb6}
.equity-line{stroke:var(--brand-gold-highlight)}
.equity-point{stroke:var(--brand-gold);fill:var(--brand-obsidian)}
.equity-point:hover,.equity-point:focus,.equity-point.selected{fill:var(--brand-gold)}
.report-header .report-scope,.link-btn{color:var(--brand-gold-highlight)}

.biometric-lock{background:rgba(4,8,12,.88);backdrop-filter:blur(16px)}
.biometric-dialog{border-color:rgba(200,155,75,.32)}
.biometric-lock-icon{color:var(--brand-gold-highlight)}

@media(max-width:820px){
 .auth-card-logo{width:min(285px,88%);margin-bottom:20px}
 .topbar-title{grid-template-columns:28px minmax(0,1fr);gap:9px}
 .topbar-brand-mark{width:28px;height:22px}
 .mobile-nav button.active{background:rgba(200,155,75,.15);color:var(--brand-champagne)}
 .mobile-nav button.active [data-icon]{color:var(--brand-gold-highlight)}
}

@media(max-width:430px){
 .auth-card-logo{width:min(250px,92%)}
 .topbar-title{grid-template-columns:24px minmax(0,1fr)}
 .topbar-brand-mark{width:24px;height:19px}
}

@media print{
 .topbar-brand-mark{filter:none}
}