/* MrGold Classic Edition — UI-only enhancement. No ledger/permissions changes. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#f5f4f1;--panel:#fff;--ink:#192539;--muted:#738096;--line:#e9e6df;--gold:#a77a37;--gold-light:#f8f0df;--nav:#101d2d;--nav-text:#bdc8d6;--shadow:0 12px 36px rgba(30,39,52,.045),0 1px 3px rgba(30,39,52,.025);--gold-grad:linear-gradient(125deg,#f2d898 0%,#d3ac60 50%,#bc8c42 100%);--canvas:#f5f4f1;--canvas2:#fff;--radius:20px}
body{font-family:'DM Sans',Inter,'Segoe UI',sans-serif;font-size:14px;line-height:1.55;letter-spacing:0;background:var(--bg)}
h1,h2,h3,h4,.brand b,.kpi strong,.workspace-hero h3{font-family:'Plus Jakarta Sans','DM Sans',sans-serif}
.layout{grid-template-columns:282px minmax(0,1fr)}
.sidebar{background:radial-gradient(ellipse 100% 38% at 10% 0%,#213650 0%,transparent 100%),linear-gradient(168deg,#111f30 0%,#0e1929 100%);padding:29px 17px 20px;border-right:1px solid rgba(211,176,106,.15);box-shadow:10px 0 38px rgba(20,28,41,.035)}
.brand{padding:1px 9px 26px;margin-bottom:5px;gap:13px;border-color:rgba(245,225,184,.14)}
.brand-icon{width:48px;height:48px;flex-basis:48px;border-radius:16px;box-shadow:0 8px 23px rgba(202,155,66,.19),inset 0 1px 0 rgba(255,255,255,.65)}
.brand b{font-size:23px;font-weight:800;letter-spacing:-1.1px}.brand small{letter-spacing:1.7px;font-weight:700;font-size:9px;margin-top:3px;color:#9cacc1}
.nav-tag{color:#b6a17a;margin:25px 15px 12px;font-size:10px;letter-spacing:2px}
.nav{gap:5px}.nav a{min-height:47px;border:1px solid transparent;border-radius:12px;padding:11px 14px;font-size:12.5px;letter-spacing:.03px;font-weight:650;color:#b9c5d5}
.nav .glyph{width:22px;height:22px;flex-basis:22px}.nav .glyph svg{height:19px;width:19px;stroke-width:1.75}
.nav a:hover{transform:translateX(2px);background:rgba(255,255,255,.075);color:#fff}
.nav a.active{border-color:rgba(230,188,111,.18);background:linear-gradient(100deg,rgba(220,177,94,.2),rgba(207,167,96,.065));box-shadow:inset 3px 0 #e4bd78,0 5px 14px rgba(0,0,0,.05);color:#fce8c3}
.nav a.active:after{width:6px;height:6px;background:#efca83}.sidebar-footer{border-color:rgba(255,255,255,.12);font-size:11px}.sidebar-footnote{background:rgba(227,191,117,.075);border-color:rgba(227,191,117,.18);font-size:11px}
.content{padding-left:clamp(22px,3vw,48px);padding-right:clamp(22px,3vw,48px);padding-bottom:42px}
.v31-topbar{min-height:96px;padding:18px 0;background:color-mix(in srgb,var(--bg) 94%,transparent);border-color:#e8e4dd;gap:16px}
.v31-topbar .topbar-title{gap:2px}.topbar .eyebrow{font-size:11px;color:#98856a;font-weight:700;letter-spacing:.22px}
.v31-topbar .topbar-title h1{font-size:clamp(19px,1.75vw,26px);font-weight:800;letter-spacing:-.95px;line-height:1.34}
.v31-tools{gap:11px}.branch-switch{min-height:55px;border-radius:15px;background:var(--panel);border-color:var(--line);box-shadow:0 4px 18px rgba(23,34,47,.04);padding:7px 8px 7px 11px}
.branch-caption{font-size:9px;color:#9b8768;letter-spacing:1.2px}.branch-input-wrap select{font-size:12px;font-weight:800}.branch-symbol{width:34px;height:34px;flex-basis:34px;border-radius:11px;font-size:17px}
.branch-apply{height:35px;width:35px;border-radius:10px}.topbar-market{font-size:12px;font-weight:700;padding:13px 15px;border-radius:13px;box-shadow:0 4px 14px rgba(23,34,47,.03)}
.gold-action{border-radius:12px!important;font-size:12px!important;font-weight:800!important;box-shadow:0 7px 18px rgba(178,131,53,.16)}
.top-theme{border-color:var(--line);border-radius:13px;background:var(--panel);color:var(--ink);box-shadow:0 3px 12px rgba(20,30,43,.03)}
.profile-trigger{border-radius:14px;min-height:48px;padding:6px 12px 6px 6px;box-shadow:0 4px 14px rgba(20,30,43,.03)}.profile-trigger .avatar{height:35px;width:35px;background:#f0dfb9;color:#805a23}.profile-name strong{font-size:12px}.profile-name small{font-size:10px}
.top-dropdown nav{border-radius:16px;box-shadow:0 18px 55px rgba(18,31,46,.16);padding:9px}
.title-row{margin:32px 0 22px}.title-row h2{font-size:25px;font-weight:800;letter-spacing:-1px}.title-row p{font-size:13px}
.workspace-hero{border:1px solid #263950;border-radius:23px;padding:31px 34px;margin-top:23px;margin-bottom:23px;background:radial-gradient(circle at 82% 22%,rgba(209,168,97,.18),transparent 32%),linear-gradient(118deg,#17283e 0%,#122237 63%,#263b4e 100%);box-shadow:0 14px 32px rgba(16,32,50,.11)}
.workspace-hero:after{border-color:rgba(236,202,135,.16)}.workspace-hero h3{font-size:clamp(22px,2vw,29px);font-weight:800;letter-spacing:-1.25px;line-height:1.24;margin:10px 0}.workspace-hero p{font-size:13px;max-width:620px;color:#d2dbe5}.workspace-hero .eyebrow{font-size:10px;color:#e8c786}
.kpis{gap:17px}.kpi{min-height:171px;padding:24px 23px 21px;border:1px solid #e9e6df;border-radius:20px;background:var(--panel);box-shadow:0 8px 26px rgba(22,37,54,.045),0 1px 3px rgba(22,37,54,.02);transition:transform .18s,box-shadow .18s,border-color .18s}
.kpi:before{height:3px;opacity:.95;background:linear-gradient(90deg,#b98b44,#efd6a0)!important}.kpi:nth-child(2):before{background:linear-gradient(90deg,#377c82,#91ced1)!important}.kpi:nth-child(3):before{background:linear-gradient(90deg,#6076a2,#bbcae2)!important}.kpi:nth-child(4):before{background:linear-gradient(90deg,#a16d65,#e5aca0)!important}
.kpi:after{content:'';position:absolute;right:-48px;bottom:-73px;height:150px;width:150px;border-radius:50%;background:radial-gradient(circle,rgba(191,151,81,.045),transparent 70%);pointer-events:none}
.kpi:hover{transform:translateY(-4px);box-shadow:0 17px 39px rgba(17,31,51,.09);border-color:#dcd0bb}
.kpi .icon{width:43px;height:43px;border-radius:14px;background:#f8efdb;color:#a37734;font-size:21px;margin:-2px 0 0 6px}
.kpi label{font-size:12px;font-weight:750;letter-spacing:.05px;color:#748196}.kpi strong{margin-top:20px;font-size:clamp(19px,1.67vw,28px);font-weight:800;letter-spacing:-.9px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.kpi small{font-size:11.5px;margin-top:9px}
.panel{padding:26px 27px;border-radius:20px;box-shadow:var(--shadow);border-color:var(--line)}.panel h3{font-size:16px;font-weight:800;letter-spacing:-.4px}.panel header{padding-bottom:16px;margin-bottom:19px}.panel p{font-size:13px}
.btn{font-size:12.5px;font-weight:750;border-radius:11px}.field label{font-size:12px;font-weight:700;color:var(--ink)}.field input,.field select,.field textarea{border-radius:11px;min-height:44px;background:color-mix(in srgb,var(--panel) 75%,var(--bg));font-size:13px}.table th{font-size:10.5px;letter-spacing:.7px}.table td{font-size:12.5px;padding:14px 11px}.table tbody tr:hover{background:rgba(195,153,76,.045)}.note{border-radius:13px}.pill{font-size:11px}
.login-card{border-radius:23px;box-shadow:0 25px 75px rgba(20,33,53,.09)}.login-card h1{font-size:31px}.login-card>p{font-size:13px}.login-card .field label{font-size:12px}
body.dark{--bg:#0d1723;--panel:#172334;--ink:#eef3f8;--muted:#a3b1c2;--line:#2b3a4a;--gold:#e0b878;--gold-light:#302a23;--shadow:0 8px 28px rgba(0,0,0,.14);--canvas:#0d1723;--canvas2:#172334}
body.dark .v31-topbar{border-color:#293748}body.dark .kpi{border-color:#2b3a4a}body.dark .kpi:hover{border-color:#796343}body.dark .kpi label{color:#adb8c6}body.dark .kpi .icon{background:#393123;color:#edc989}body.dark .branch-caption{color:#d0b27d}body.dark .field label{color:var(--ink)}body.dark .profile-trigger .avatar{background:#4a3d27;color:#e8c47e}
@media(max-width:1320px){.layout{grid-template-columns:270px minmax(0,1fr)}.content{padding-left:24px;padding-right:24px}.kpi{min-height:158px}}
@media(max-width:950px){.layout{grid-template-columns:1fr}.sidebar{width:282px}.content{padding-left:20px;padding-right:20px}.v31-topbar{min-height:80px}.workspace-hero{margin-top:17px}}
@media(max-width:760px){.v31-topbar{min-height:112px;padding:13px 0}.v31-topbar .topbar-title h1{font-size:20px}.branch-switch{min-height:47px}.v31-tools{gap:7px}.workspace-hero{padding:25px 22px}}
@media(max-width:560px){.content{padding:0 13px 28px}.kpis{gap:11px}.kpi{padding:17px 14px;min-height:145px;border-radius:16px}.kpi label{font-size:10.5px}.kpi strong{font-size:clamp(15px,4vw,20px);margin-top:18px;letter-spacing:-.45px}.kpi small{font-size:10px}.kpi .icon{width:34px;height:34px;font-size:16px;border-radius:10px}.panel{padding:18px 15px;border-radius:17px}.workspace-hero h3{font-size:23px}.workspace-hero p{font-size:12px}.topbar .eyebrow{font-size:10px}.title-row h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.kpi,.nav a{transition:none!important}}