:root{--pink:#ec2f83;--navy:#142238;--bg:#f5f7fa;--muted:#7b8493;--line:#e8ebf0;--green:#168852;--red:#cf3b4d;--amber:#c67a08}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px 'DM Sans',sans-serif;color:var(--navy)}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;padding:27px 16px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:3}.brand{padding:0 12px 27px;display:flex;align-items:center;gap:11px}.mark{width:37px;height:37px;background:var(--pink);color:#fff;border-radius:12px;display:grid;place-items:center;font:800 21px Manrope}.brand b{font:800 20px Manrope;letter-spacing:-.8px}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.25px}.group{margin:10px 0 7px;padding:0 12px;color:#a3aab5;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:700}.nav{display:flex;align-items:center;gap:13px;padding:11px 13px;color:#707989;border-radius:9px;margin:2px 0;font-weight:600;cursor:pointer}.nav:hover,.nav.on{background:#fff0f6;color:var(--pink)}.nav .ico{width:18px;text-align:center;font-size:16px}.sidebar-foot{margin-top:auto;background:#f7f8fa;border-radius:12px;padding:13px;font-size:11px;color:#687385;line-height:1.6}.sidebar-foot strong{color:var(--pink)}.main{margin-left:246px;min-height:100vh}.top{height:75px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:2}.crumb{font-size:13px;color:#858d99}.crumb b{color:var(--navy)}.topright{display:flex;align-items:center;gap:15px}.demo{background:#fff0f6;color:var(--pink);font-weight:700;font-size:10px;padding:7px 10px;border-radius:5px;letter-spacing:.7px}.user{display:flex;align-items:center;gap:9px;font-weight:600}.avatar{width:32px;height:32px;border-radius:50%;background:#f9dbe9;color:var(--pink);display:grid;place-items:center;font-weight:700}.content{max-width:1400px;margin:auto;padding:29px 34px 50px}.headline{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:23px}.headline h1{font:800 24px Manrope;margin:0 0 6px;letter-spacing:-.6px}.headline p{margin:0;color:var(--muted);font-size:13px}.btn{border:0;background:var(--pink);color:#fff;border-radius:8px;padding:10px 15px;font-weight:700;box-shadow:0 4px 10px #ec2f8322}.btn:hover{background:#d82171}.btn.light{background:#fff;color:#4c5667;border:1px solid var(--line);box-shadow:none}.btn.sm{padding:7px 10px;font-size:12px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 2px 5px #13223804}.stat{cursor:pointer;transition:.15s}.stat:hover{transform:translateY(-2px);box-shadow:0 7px 22px #14223812}.stat-top{display:flex;justify-content:space-between;color:#7f8794;font-size:12px;font-weight:600}.stat-icon{width:32px;height:32px;border-radius:9px;background:#fff0f6;color:var(--pink);display:grid;place-items:center;font-size:16px}.stat-value{font:800 26px Manrope;margin:12px 0 3px}.stat-note{font-size:11px;color:#9ba2ad}.columns{grid-template-columns:1.45fr 1fr;margin-bottom:17px}.card-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.card-head h3{font:700 14px Manrope;margin:0}.card-head span{font-size:11px;color:var(--muted)}.chart{height:194px;position:relative;border-bottom:1px solid #eee;background:repeating-linear-gradient(to bottom,transparent 0,transparent 47px,#f0f2f5 48px)}.bars{height:100%;display:flex;align-items:end;justify-content:space-around;padding:8px 10px 0}.barwrap{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:end;gap:7px;width:9%;color:#929aa7;font-size:10px}.bar{width:22px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#f568a6,#ec2f83);min-height:8px}.ringrow{display:flex;align-items:center;justify-content:center;gap:24px;min-height:194px}.ring{width:138px;height:138px;border-radius:50%;background:conic-gradient(var(--pink) 0 57%,#f8a8cc 57% 76%,#f4cce0 76% 90%,#e9edf2 90%);display:grid;place-items:center;position:relative}.ring:after{content:'';position:absolute;inset:17px;background:#fff;border-radius:50%}.ringcenter{position:relative;z-index:1;text-align:center}.ringcenter b{font:800 24px Manrope}.ringcenter small{display:block;color:var(--muted);font-size:10px}.legend{font-size:11px;color:#77808f;line-height:2.2}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.tablecard{padding:0;overflow:hidden}.tablehead{padding:18px 20px 13px;display:flex;justify-content:space-between;align-items:center}.tablehead h3{margin:0;font:700 14px Manrope}.search{border:1px solid var(--line);border-radius:7px;padding:8px 10px;width:200px;outline-color:#f3a3c7;font-size:12px}table{width:100%;border-collapse:collapse;text-align:left}th{padding:10px 17px;color:#949ca8;font-size:10px;text-transform:uppercase;letter-spacing:.6px;background:#fafbfc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:12px 17px;border-bottom:1px solid #f0f1f4;font-size:12px}tr:last-child td{border:0}.member-cell{display:flex;align-items:center;gap:9px;font-weight:600}.miniavatar{width:28px;height:28px;border-radius:50%;background:#fce5ef;color:var(--pink);display:grid;place-items:center;font-size:10px;font-weight:700}.pill{display:inline-block;border-radius:20px;padding:4px 8px;font-size:10px;font-weight:700}.pill.green{background:#e8f6ee;color:var(--green)}.pill.red{background:#fcecee;color:var(--red)}.pill.amber{background:#fff5e4;color:var(--amber)}.pill.gray{background:#f0f2f5;color:#6f7886}.link{color:var(--pink);font-weight:700;cursor:pointer}.toolbar{display:flex;gap:9px;align-items:center}.modalback{position:fixed;inset:0;background:#10182777;display:grid;place-items:center;z-index:6;padding:18px}.modal{background:#fff;width:min(560px,100%);border-radius:14px;padding:24px;box-shadow:0 20px 80px #0003;max-height:90vh;overflow:auto}.modal h2{font:800 19px Manrope;margin:0 0 5px}.modal p{margin:0 0 19px;color:var(--muted);font-size:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:11px;font-weight:700;color:#596475}.field input,.field select{border:1px solid #e1e5eb;border-radius:7px;padding:10px;outline-color:#f3a3c7;background:#fff}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.profilegrid{grid-template-columns:300px 1fr}.profilehero{text-align:center}.profilehero .bigavatar{width:68px;height:68px;border-radius:50%;background:#fce5ef;color:var(--pink);display:grid;place-items:center;font-size:23px;font-weight:700;margin:8px auto 11px}.tabs{display:flex;gap:19px;border-bottom:1px solid var(--line);margin-bottom:19px}.tab{padding:0 0 12px;color:#79818f;cursor:pointer;font-size:12px;font-weight:600}.tab.on{color:var(--pink);border-bottom:2px solid var(--pink)}.accessbox{text-align:center;padding:35px 15px}.device{font-size:40px;margin:10px}.accessresult{font:800 22px Manrope;margin:20px}.accessresult.granted{color:var(--green)}.accessresult.denied{color:var(--red)}.access-note{color:var(--muted);font-size:12px;margin-bottom:22px}.notice{padding:12px;border-bottom:1px solid var(--line);font-size:12px}.toast{position:fixed;right:24px;bottom:24px;background:#18263b;color:white;padding:12px 17px;border-radius:9px;z-index:12;box-shadow:0 8px 28px #14223833;animation:up .2s}.toast.err{background:var(--red)}@keyframes up{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}.empty{padding:45px;text-align:center;color:#88919e}.login{min-height:100vh;background:#fff;display:grid;grid-template-columns:1.1fr .9fr}.loginhero{background:linear-gradient(140deg,#142238,#273b58);padding:9%;display:flex;flex-direction:column;justify-content:center;color:white;position:relative;overflow:hidden}.loginhero:after{content:'FN';position:absolute;font:800 300px Manrope;color:#ffffff0a;right:-20px;bottom:-70px}.loginhero h1{font:800 48px Manrope;line-height:1.1;max-width:460px;letter-spacing:-2px}.loginhero h1 span{color:#f568a6}.loginhero p{color:#c2cad5;max-width:390px;line-height:1.7}.feature{margin-top:30px;line-height:2.6;color:#dce2eb;font-size:13px}.loginform{display:flex;align-items:center;justify-content:center;padding:30px}.loginbox{width:min(370px,100%)}.loginbox h2{font:800 27px Manrope;margin:0 0 7px}.loginbox>p{color:var(--muted);margin:0 0 27px}.loginbox .field{margin:14px 0}.loginbox .btn{width:100%;margin-top:9px}.democred{background:#fff5f9;border:1px solid #f9d6e5;padding:11px;border-radius:8px;color:#865064;font-size:11px;margin-top:19px;line-height:1.6}.loader{padding:50px;color:var(--pink);font:800 25px Manrope}@media(max-width:1050px){.sidebar{width:205px}.main{margin-left:205px}.stats{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{width:62px;padding:18px 7px}.brand{padding:0 5px 24px}.brand b,.brand small,.group,.nav span:not(.ico),.sidebar-foot{display:none}.nav{justify-content:center;padding:12px 4px}.main{margin-left:62px}.top{padding:0 14px;height:62px}.content{padding:22px 13px}.headline{gap:12px}.headline h1{font-size:20px}.stats{gap:9px}.stat{padding:12px}.stat-value{font-size:22px}.profilegrid{grid-template-columns:1fr}.hide-mobile{display:none}td,th{padding:10px 9px}.login{grid-template-columns:1fr}.loginhero{display:none}.search{width:140px}.toolbar{flex-wrap:wrap}}

.top-left{display:flex;align-items:center;gap:11px}.mobile-menu,.mobile-close{display:none;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:9px;width:40px;height:40px;font-size:19px;align-items:center;justify-content:center}.nav-scrim{display:none}
@media(max-width:700px){
  html,body{max-width:100%;overflow-x:hidden}.sidebar{width:min(290px,86vw);padding:20px 14px;transform:translateX(-105%);transition:transform .22s ease;z-index:20;box-shadow:12px 0 30px #1422381a}.sidebar.open{transform:translateX(0)}.sidebar .brand{padding:0 5px 24px}.sidebar.open .brand b,.sidebar.open .brand small,.sidebar.open .group,.sidebar.open .nav span:not(.ico),.sidebar.open .sidebar-foot{display:block}.sidebar.open .brand small{display:block}.sidebar.open .nav{justify-content:flex-start;padding:12px 13px;min-height:44px}.mobile-close{display:flex;margin-left:auto;font-size:24px;line-height:1}.mobile-menu{display:flex;flex:none}.nav-scrim.show{display:block;position:fixed;inset:0;background:#10182777;z-index:19}.main{margin-left:0;width:100%;min-width:0}.top{height:64px;padding:0 12px;gap:8px}.topright{gap:7px}.top-left{min-width:0}.crumb{font-size:12px;white-space:nowrap}.demo{font-size:9px;padding:6px 7px;letter-spacing:0}.avatar{width:30px;height:30px}.hide-mobile{display:none}.topright .btn{padding:8px 9px;font-size:11px}.content{width:100%;max-width:none;padding:19px 13px 36px;overflow:hidden}.headline{align-items:center;gap:10px;margin-bottom:17px}.headline h1{font-size:20px;line-height:1.2}.headline p{font-size:12px;line-height:1.4}.headline>.btn{flex:none;padding:9px 10px;font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.stat{padding:12px}.stat-top{font-size:11px;gap:4px}.stat-value{font-size:22px;margin:8px 0 2px}.stat-note{font-size:10px}.stat-icon{width:27px;height:27px}.columns{grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:12px}.card{padding:14px}.tablecard{padding:0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.tablecard table{min-width:700px}.tablehead{min-width:700px;padding:14px}.tablehead h3{font-size:13px}.card-head{gap:8px}.ringrow{gap:15px}.ring{width:120px;height:120px;flex:none}.accessbox{padding:24px 12px}.accessbox .field{max-width:100%!important}.profilegrid{grid-template-columns:minmax(0,1fr);gap:12px}.modalback{padding:10px;align-items:end}.modal{width:100%;max-height:92dvh;border-radius:16px 16px 10px 10px;padding:19px}.fields{grid-template-columns:minmax(0,1fr);gap:11px}.field.full{grid-column:auto}.field input,.field select{min-height:44px}.actions .btn{min-height:42px}.login{min-height:100dvh}.loginform{padding:22px}.loginbox{max-width:420px}.toast{left:12px;right:12px;bottom:14px;text-align:center}
}
@media(max-width:390px){.top{padding:0 8px}.topright{gap:5px}.crumb{font-size:11px}.mobile-menu{width:36px;height:38px}.demo{font-size:8px}.topright .btn{padding:7px;font-size:10px}.content{padding-left:10px;padding-right:10px}.headline h1{font-size:18px}.headline>.btn{max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat{padding:10px}.stat-top{font-size:10px}.ringrow{flex-wrap:wrap}.fields{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.tablehead{min-width:0}.tablecard table{min-width:700px}}
.report-link{cursor:pointer;transition:transform .15s,box-shadow .15s}.report-link:hover,.report-link:focus-visible{transform:translateY(-2px);box-shadow:0 7px 22px #14223812;outline:2px solid #f9d6e5;outline-offset:2px}