:root{--ink:#061217;--surface:#0d1d24;--surface-2:#132a32;--line:rgba(194,158,83,.2);--gold-2:#f4cf79;--teal:#12a78b}body{background:radial-gradient(800px 500px at 88% -10%,#0e5a5270,transparent 65%),radial-gradient(650px 450px at 42% 110%,#8d682119,transparent 70%),var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.sidebar{background:linear-gradient(180deg,#0a1a20 0%,#071217 100%);border-right-color:var(--line);padding-top:24px}.sidebar .brand{height:105px;margin:0 7px 30px;font-size:0;background:url('/assets/umrohcenter-logo-transparent-v2.png') left center/185px auto no-repeat}.sidebar .brand span,.sidebar .brand small{display:none}.sidebar nav{gap:5px}.sidebar nav a{font-size:.94rem;border:1px solid transparent}.sidebar nav a:hover{border-color:var(--line);background:#143038}.sidebar nav a[aria-current]{background:linear-gradient(105deg,#0d7a6b,#13a98d);box-shadow:0 10px 28px #001d1a80}.workspace{max-width:1680px;margin:auto;padding:28px 48px}.topbar{padding-bottom:22px;border-bottom:1px solid var(--line)}.profile-button{background:linear-gradient(135deg,#17313a,#10232c);border-color:var(--line);border-radius:16px;padding:8px 15px}.avatar{background:linear-gradient(135deg,#cf9d35,#f2d17d);color:#173034;box-shadow:0 0 0 4px #e9b9571c}.page-head h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.35rem,4vw,3.5rem);letter-spacing:-2px;margin:32px 0 12px}.page-head p{margin:0;color:#aac5c3}.banner{position:relative;overflow:hidden;border:1px solid #c89a3b73;background:linear-gradient(110deg,#075f55,#163f40 58%,#392d1c);padding:38px;border-radius:24px;box-shadow:0 22px 55px #0007}.banner:after{content:"";position:absolute;inset:auto -50px -100px auto;width:280px;height:280px;border:1px solid #f2c56352;border-radius:50%;box-shadow:0 0 0 36px #f2c5630d,0 0 0 72px #f2c56308}.banner>*{position:relative;z-index:1}.banner h2{font-family:Georgia,serif;font-size:2rem}.metric,.panel{background:linear-gradient(145deg,#142831,#0d1b22);border-color:var(--line);box-shadow:0 16px 40px #0000002b}.metric{border-radius:20px}.metric strong{font-family:Georgia,serif;color:#fff}.panel{border-radius:22px}.action-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;border:1px solid #e6bd6680;padding:10px 16px;color:#ffe0a2;font-weight:700}.action-link.primary{background:linear-gradient(120deg,#e8bd61,#bd8529);color:#142428;border:0;box-shadow:0 10px 20px #0004}.copy-row{display:grid;grid-template-columns:1fr auto;gap:10px;padding:8px;margin:10px 0 22px;background:#071419;border:1px solid var(--line);border-radius:15px}.copy-row input{border:0;background:transparent;color:#d9e9e5;padding:10px}.copy-row button{background:linear-gradient(120deg,#e9bf68,#c18a2d);border:0;color:#122329;font-weight:800}.profile-hero{display:flex;align-items:center;gap:22px;padding:30px;background:linear-gradient(115deg,#15323a,#0d1e26);border:1px solid var(--line);border-radius:22px}.profile-hero .avatar{width:72px;height:72px;font-size:1.25rem}.profile-hero h2{margin:0 0 4px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.profile-grid article{padding:17px;background:#071419;border:1px solid var(--line);border-radius:14px}.profile-grid small{display:block;color:var(--muted);margin-bottom:5px}.profile-grid strong{overflow-wrap:anywhere}.premium-tag{display:inline-block;padding:6px 11px;border-radius:999px;color:#ffe1a6;background:#d39d3020;border:1px solid #d39d3060;font-size:.78rem;font-weight:800;letter-spacing:.06em}@media(max-width:760px){.workspace{padding:18px}.profile-grid{grid-template-columns:1fr}.sidebar .brand{background-size:150px}.copy-row{grid-template-columns:1fr}.copy-row button{width:100%}.banner{padding:26px}.banner h2{font-size:1.65rem}}