:root{--ink:#10234a;--blue:#1558e8;--green:#009d42;--soft:#f5f7fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--soft)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.auth{min-height:100vh;display:grid;grid-template-columns:44% 56%;background:#fff}.auth-art{background:radial-gradient(circle at 80% 20%,#4c42b8 0 2%,transparent 2.4%),linear-gradient(145deg,#061837,#122f63);position:relative}.auth-art:after{content:'Gold Family';position:absolute;left:12%;bottom:16%;color:#fff;font-size:clamp(38px,5vw,68px);font-weight:800}.auth-form{width:min(440px,88%);margin:auto}.tabs{display:flex;gap:28px;border-bottom:1px solid #e6eaf0;margin-bottom:34px}.tabs a{padding:14px 2px;color:#73809a;text-decoration:none;font-weight:700}.tabs .active{color:var(--blue);border-bottom:3px solid var(--blue)}.auth-form h1{margin:0 0 9px;font-size:30px}.auth-form>p{color:#758198}.auth-form form{display:grid;gap:16px;margin-top:28px}.auth-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.auth-form input,.form-grid input,.form-grid select,.form-grid textarea{padding:12px;border:1px solid #dce3ee;border-radius:8px;outline-color:var(--blue);background:#fff}.auth-form button,.primary{padding:12px 18px;border-radius:7px;color:#fff;background:linear-gradient(100deg,#00a540,#008831);font-weight:700;text-decoration:none;display:inline-block;text-align:center}.auth-form button span{float:right}.options{display:flex!important;justify-content:space-between;align-items:center}.check{display:flex!important;gap:6px!important;font-weight:400!important}.check input{padding:0}.options a,.switch a{color:var(--blue);text-decoration:none}.switch{text-align:center}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.error,.bad{color:#d62438}.ok{color:var(--green)}
.dashboard{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:22px 14px;overflow-y:auto;background:linear-gradient(160deg,#071b3a,#00264a);color:#fff;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;font-weight:800}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#efb128;color:#fff;font-size:25px}.brand small{display:block;font-size:10px;font-weight:400;opacity:.7;margin-top:3px}.profile{display:flex;gap:12px;margin:35px 8px 27px;align-items:center}.avatar{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;border:3px solid #fff;background:linear-gradient(135deg,#ffd48b,#1a5a82);font-weight:800}.profile small,.profile strong,.profile em{display:block}.profile small{font-size:11px;opacity:.75;margin:3px 0}.profile strong{font-size:15px}.profile em{font-size:9px;font-style:normal;background:#009545;border-radius:10px;padding:4px 8px;width:max-content;margin-top:7px}nav{display:grid;gap:3px}nav a{display:flex;align-items:center;gap:13px;padding:11px 12px;color:#fff;text-decoration:none;border-radius:9px;font-size:13px}nav i{width:18px;font-style:normal;font-size:16px;text-align:center}nav a:hover,.nav-active{background:linear-gradient(100deg,#5836e5,#214bdb)}.dash-main{margin-left:260px;width:calc(100% - 260px)}header{height:64px;padding:0 26px;background:#fff;border-bottom:1px solid #e6ebf2;display:flex;align-items:center;gap:17px;position:sticky;top:0;z-index:5}header h2{font-size:17px;margin:0}.header-caption{font-size:11px;color:#79859a}.menu{background:none;font-size:22px;color:var(--ink)}.head-actions{margin-left:auto;display:flex;gap:20px;align-items:center}.notification{background:none;font-size:21px;position:relative}.notification i{position:absolute;top:-7px;right:-9px;background:#e92c3b;color:#fff;font-size:9px;font-style:normal;border-radius:50%;padding:2px 5px}.language{font-size:12px;border:1px solid #e1e6ef;border-radius:7px;padding:8px 10px}.dash-content,.page-content{max-width:1500px;margin:auto;padding:24px}.welcome{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:21px;background:linear-gradient(105deg,#fff,#f1f7ff);padding:22px;border:1px solid #e3eaf5;border-radius:14px}.welcome h1{font-size:25px;margin:5px 0}.welcome p:last-child,.muted,.page-heading p{color:#728097;font-size:13px}.eyebrow{margin:0;color:#1262e9!important;font-size:10px!important;letter-spacing:1.2px;font-weight:800}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{min-height:112px;padding:17px;border-radius:13px;color:#fff;display:flex;gap:13px}.stat>span{display:grid;place-items:center;width:45px;height:45px;border-radius:10px;background:#ffffff2b;font-size:23px}.stat b,.stat strong,.stat small{display:block}.stat b{font-size:12px}.stat strong{font-size:20px;margin:11px 0 7px}.stat small{font-size:11px}.purple{background:linear-gradient(120deg,#5b23a5,#7533c5)}.green{background:linear-gradient(120deg,#03aa45,#008b30)}.blue{background:linear-gradient(120deg,#087de1,#009bed)}.orange{background:linear-gradient(120deg,#ff9b0b,#ff7900)}.top-grid,.bottom-grid{display:grid;gap:16px;margin-top:17px}.top-grid{grid-template-columns:2fr 1fr 1fr}.bottom-grid{grid-template-columns:1.15fr .9fr 1fr}.card{background:#fff;border:1px solid #e6ebf3;border-radius:14px;padding:18px;box-shadow:0 3px 10px #18345d08}.card h3{font-size:15px;margin:0}.card-title{display:flex;justify-content:space-between;gap:12px}.card-title a{color:var(--blue);font-size:11px;text-decoration:none;font-weight:700}.card-title p{font-size:11px;color:#728097;margin:6px 0 0}.tag{background:#e6f8eb;color:#008b3b;font-size:10px;border-radius:13px;padding:5px 9px;height:max-content}.growth-summary{display:flex;gap:35px;margin-top:20px}.growth-summary small{display:block;font-size:11px;color:#728097}.growth-summary b{font-size:20px}.success{color:#009b42!important}.negative{color:#e52b3b!important}.chart{height:150px;margin-top:12px;background:repeating-linear-gradient(to bottom,transparent 0 35px,#edf1f5 36px)}.chart svg{width:100%;height:100%}.chart-labels{display:flex;justify-content:space-between;color:#7b879b;font-size:10px}.interest,.rank{display:flex;gap:15px;align-items:center;margin-top:25px}.interest>span,.rank>span{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#e8f8ee;color:#009d42;font-size:30px}.rank>span{background:#f0ebff;color:#6130cb}.interest b{font-size:25px;color:#009a41}.interest p{font-size:12px;color:#6f7c90}.interest a{font-size:12px;color:var(--blue);font-weight:700;text-decoration:none}.rank b,.rank small{display:block}.rank b{font-size:17px}.rank small{font-size:11px;color:#748095;margin-top:7px}.progress{height:10px;background:#edf0f5;border-radius:8px;margin-top:23px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#9635f1,#6530dd);border-radius:inherit}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:#718096;margin-top:9px}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:25px 0 15px}.level-grid div+div{border-left:1px solid #ebeff3}.level-grid small,.level-grid span{font-size:10px;color:#728097;display:block}.level-grid b{font-size:23px;color:#1161e6;display:block;margin:5px}.level-grid div:nth-child(2) b{color:#009b42}.level-grid div:nth-child(3) b{color:#f28c00}.total-band{display:flex;justify-content:space-around;padding:10px;background:#eef7ff;border-radius:8px;font-size:11px;text-align:center}.total-band b{display:block;color:#1060e5;font-size:16px;margin-top:3px}.summary-row,.activity{display:flex;justify-content:space-between;border-top:1px solid #edf0f3;padding:13px 0;font-size:12px}.summary-row:first-of-type{margin-top:13px}.summary-row.total{font-weight:800;border-bottom:0}.summary-row b{color:#1460e4}.activity i{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;background:#e8f8ee;color:#009b42;border-radius:50%;font-style:normal}.activity small{display:block;margin-left:30px;color:#778398;font-size:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.page-heading h1{font-size:26px;margin:7px 0}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wide{grid-column:span 2}.full-row{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:700}.form-grid .full-row{grid-column:1/-1}.form-grid textarea{resize:vertical;min-height:110px}.rank-tile{text-align:center;background:#f6f3ff;border-radius:10px;padding:23px;margin-top:16px}.rank-tile span{font-size:36px;color:#6932d8;display:block}.rank-tile b,.rank-tile small{display:block}.rank-tile b{margin:7px;font-size:18px}.rank-tile small{font-size:11px;color:#768297}.wallet-card{min-height:170px}.wallet-card small,.wallet-card span{display:block;color:#728097;font-size:12px}.wallet-card strong{display:block;font-size:28px;margin:25px 0 6px}.orange-text{color:#f18400!important}.feature-number{font-size:42px;color:#145fdf;font-weight:800;margin-top:30px}.placeholder-chart{height:90px;margin-top:28px;background:linear-gradient(160deg,transparent 45%,#dbe9ff 46% 55%,transparent 56%),repeating-linear-gradient(to bottom,#fff 0 27px,#edf1f5 28px)}.outline{border:1px solid #cbd8eb;background:#fff;color:#145fe4;border-radius:6px;padding:7px 10px;font-size:11px}.full{width:100%;margin-top:15px}.ticket{border-left:4px solid #1662e7;padding:13px;background:#f4f8ff;border-radius:5px;margin-top:20px}.ticket strong{display:block;font-size:24px;margin-top:4px}.table{width:100%;border-collapse:collapse;font-size:12px;margin-top:13px}.table th{text-align:left;color:#758196;background:#f6f8fb;padding:10px}.table td{padding:12px 10px;border-bottom:1px solid #edf0f3}.table .tag{font-weight:700}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.top-grid{grid-template-columns:1fr 1fr}.growth{grid-column:span 2}.bottom-grid{grid-template-columns:1fr 1fr}.bottom-grid>article:last-child{grid-column:span 2}}@media(max-width:780px){.auth{grid-template-columns:1fr}.auth-art{display:none}.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.dash-main{margin-left:0;width:100%}.dash-content,.page-content{padding:16px}header{padding:0 16px}.top-grid,.bottom-grid,.page-grid{grid-template-columns:1fr}.growth,.bottom-grid>article:last-child,.wide,.full-row{grid-column:auto}.welcome{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full-row{grid-column:auto}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}.language{display:none}.head-actions{gap:12px}.welcome h1{font-size:21px}.table{font-size:10px}.table th,.table td{padding:8px 5px}.table th:nth-child(3),.table td:nth-child(3){display:none}.growth-summary{gap:18px}}