:root{--brand:#a3195b;--brand2:#61134b;--ink:#271a25;--soft:#fff0f7}*{box-sizing:border-box}body{color:var(--ink);background:#fffafd}.text-brand{color:var(--brand)!important}.btn-brand{background:var(--brand);border-color:var(--brand);color:#fff}.btn-brand:hover{background:var(--brand2);color:#fff}.btn-soft{background:var(--soft);color:var(--brand)}.hero{background:linear-gradient(135deg,#521243,#c62c73);color:#fff;padding:88px 0}.hero-card,.panel,.profile-card,.stat{border:0;border-radius:22px;box-shadow:0 12px 45px #54133415;background:#fff}.avatar{aspect-ratio:4/3;object-fit:cover;width:100%;background:linear-gradient(135deg,#f6d5e7,#e7dff8);border-radius:22px 22px 0 0}.avatar-placeholder{aspect-ratio:4/3;display:grid;place-items:center;font-size:74px;background:linear-gradient(135deg,#f6d5e7,#e7dff8);border-radius:22px 22px 0 0}.badge-verify{background:#e5f8ed;color:#147541}.footer{background:#271522;color:#eadbe5}.footer a{color:#fff}.app-bg{background:#f6f5fa}.sidebar{position:fixed;inset:0 auto 0 0;width:265px;background:#21151f;padding:22px;overflow:auto;z-index:50}.sidebar .brand{display:block;color:#fff;text-decoration:none;font-size:21px;font-weight:800;margin-bottom:8px}.side-link{display:flex;gap:12px;color:#cdbfca;text-decoration:none;padding:11px 13px;border-radius:12px;margin:3px 0}.side-link:hover,.side-link.active{background:var(--brand);color:#fff}.app-main{margin-left:265px;padding:24px}.topbar{background:#fff;border-radius:18px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 30px #2513210b;margin-bottom:20px}.topbar small{display:block;color:#777}.stat{padding:20px;border-left:5px solid var(--brand)}.table>thead th{background:#fff0f7;white-space:nowrap}.mobile-menu{display:none}.blur-photo{filter:blur(14px)}@media(max-width:850px){.sidebar{display:none}.app-main{margin:0;padding:12px 12px 85px}.mobile-menu{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;box-shadow:0 -8px 25px #0002;justify-content:space-around;padding:8px}.mobile-menu a{text-decoration:none;color:#6f5869;text-align:center;font-size:11px;max-width:24%}.mobile-menu i{display:block;font-size:20px}.hero{padding:58px 0}.topbar{border-radius:14px}}

