:root{--rd-bg:#f3f7fc;--rd-card:#fff;--rd-sidebar:#071f3a;--rd-text:#253654;--rd-muted:#8b99bc;--rd-line:#dfe7f2;--rd-blue:#1264ff;--rd-blue-2:#357dff;--rd-cyan:#19d8ff;--rd-green:#00e6a7;--rd-pink:#ff3b72;--rd-yellow:#ffca45;--rd-shadow:0 8px 20px rgba(24,45,80,.08);--rd-radius:5px;--rd-sidebar-width:250px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--rd-text);background:var(--rd-bg);overflow-x:hidden}button,input{font-family:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit}.rd-app{min-height:100vh;display:flex}.rd-sidebar{width:var(--rd-sidebar-width);min-width:var(--rd-sidebar-width);background:linear-gradient(180deg,#09223f,#071d36);color:#c8d5f1;position:fixed;inset:0 auto 0 0;z-index:50;overflow-y:auto;transition:transform .35s ease}.rd-logo{height:76px;display:flex;align-items:center;gap:8px;padding:0 24px}.rd-logo-mark{width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 45% 50%,transparent 0 26%,#7b8cff 27% 36%,transparent 37% 100%),repeating-radial-gradient(circle,#7b8cff 0 2px,transparent 3px 6px);box-shadow:0 0 18px rgba(25,216,255,.22);animation:rdPulse 3s ease-in-out infinite}@keyframes rdPulse{50%{transform:scale(1.08)}}.rd-logo strong{font-size:20px;color:#fff;font-weight:900}.rd-logo small{color:var(--rd-green);font-size:10px;font-weight:900;text-transform:uppercase;margin-top:16px;margin-left:-4px}.rd-menu{padding:18px 24px 28px}.rd-menu-section{margin:12px 0 20px;color:#a4b3cf;font-size:11px;font-weight:900}.rd-menu-group{margin-bottom:10px}.rd-menu-link{width:100%;min-height:36px;color:#b4c1dc;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:14px;font-weight:700;text-align:left;transition:.25s}.rd-menu-link span{display:flex;align-items:center;gap:10px}.rd-menu-link span i{width:16px;text-align:center;color:#8ca7d5}.rd-menu-link b{background:#00a57c;color:var(--rd-green);font-size:11px;padding:3px 6px;border-radius:4px}.rd-menu-link:hover,.rd-menu-group.is-active>.rd-menu-link{color:#fff}.rd-menu-arrow{font-size:10px;transition:transform .28s}.rd-menu-group.is-open .rd-menu-arrow{transform:rotate(90deg)}.rd-submenu{max-height:0;overflow:hidden;opacity:0;transform:translateY(-8px);transition:max-height .42s ease,opacity .28s,transform .28s}.rd-menu-group.is-open .rd-submenu{max-height:280px;opacity:1;transform:translateY(0)}.rd-submenu a{display:block;color:#a9b8d5;text-decoration:none;padding:10px 0 10px 28px;font-size:13px;position:relative;transition:.22s}.rd-submenu a:before{content:"";width:5px;height:5px;border:1px solid var(--rd-blue);border-radius:50%;position:absolute;left:4px;top:50%;transform:translateY(-50%)}.rd-submenu a:hover,.rd-submenu a.active{color:#7ea1ff;transform:translateX(4px)}.rd-sidebar-card{margin:38px 24px 28px;background:#203953;border-radius:4px;padding:28px 16px 18px;text-align:center;position:relative}.rd-card-close{position:absolute;right:12px;top:10px;color:#fff;font-size:20px}.rd-sidebar-card h3{color:#cdd8f0;margin-bottom:12px}.rd-sidebar-card p{color:#9eb0cf;font-size:13px;line-height:1.5;margin-bottom:16px}.rd-sidebar-card a{display:inline-flex;border:1px solid var(--rd-yellow);color:var(--rd-yellow);text-decoration:none;font-size:12px;font-weight:800;padding:8px 12px;border-radius:3px}.rd-content{flex:1;margin-left:var(--rd-sidebar-width);min-width:0;transition:margin-left .35s}.rd-topbar{height:72px;background:#fff;border-bottom:1px solid var(--rd-line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:30}.rd-top-left,.rd-top-right{display:flex;align-items:center;gap:16px}.rd-icon-btn{width:34px;height:34px;color:#6a7fd0;font-size:18px}.rd-new-task{height:34px;background:#eaf1ff;color:var(--rd-blue);font-weight:800;padding:0 12px;border-radius:3px;display:flex;align-items:center;gap:8px}.rd-top-icon{font-size:19px;color:#6f82d0;position:relative}.rd-notify span{position:absolute;right:-5px;top:-11px;width:17px;height:17px;border-radius:50%;color:#fff;background:var(--rd-pink);font-size:10px;display:grid;place-items:center;border:2px solid #fff}.rd-user{display:flex;align-items:center;gap:10px;color:#6b78bd;font-size:14px}.rd-user div{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--rd-green),var(--rd-blue));color:#fff;display:grid;place-items:center;font-weight:900}.rd-main{padding:28px 28px 18px}.rd-page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.rd-page-head h1{font-size:22px;font-weight:800}.rd-page-head p{font-size:13px;color:#31405f}.rd-page-head p span{color:var(--rd-blue)}.rd-date-actions{display:flex}.rd-date-actions button,.rd-panel-head button{min-height:31px;border:1px solid #cfe0ff;color:var(--rd-blue);background:#fff;padding:0 11px;border-radius:3px;font-size:12px}.square{width:32px!important;padding:0!important}.rd-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:26px}.rd-kpi-card{min-height:130px;background:#fff;border:1px solid var(--rd-line);border-radius:var(--rd-radius);box-shadow:var(--rd-shadow);padding:24px 20px;display:flex;justify-content:space-between;align-items:center;transition:.28s}.rd-kpi-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(24,45,80,.13)}.rd-kpi-card h3{font-size:13px;margin-bottom:16px}.rd-kpi-card strong{font-size:23px;display:block;margin-bottom:14px}.rd-kpi-card p{font-size:13px;font-weight:800}.rd-kpi-card p span{color:#9aa7c5;font-weight:600}.up{color:var(--rd-green)!important}.down{color:var(--rd-pink)!important}.rd-kpi-card>i{width:64px;height:64px;border-radius:50%;background:#fbfbfd;color:#a1abc9;display:grid;place-items:center;font-size:30px}.rd-dashboard-grid{display:grid;gap:24px;margin-bottom:26px}.rd-grid-main{grid-template-columns:1fr 380px}.rd-grid-two{grid-template-columns:1fr 1fr}.rd-grid-three{grid-template-columns:1fr 1fr 1fr}.rd-panel{background:#fff;border:1px solid var(--rd-line);border-radius:var(--rd-radius);box-shadow:var(--rd-shadow);overflow:hidden;transition:.28s}.rd-panel-head{height:56px;border-bottom:1px solid var(--rd-line);padding:0 20px;display:flex;align-items:center;justify-content:space-between}.rd-panel-head h2{font-size:14px;font-weight:800}.rd-audience,.rd-traffic{min-height:445px}.rd-chart-area{height:330px;display:grid;grid-template-columns:52px 1fr;padding:46px 28px 0}.rd-y-axis{display:flex;flex-direction:column;justify-content:space-between;color:#8a99c4;font-size:12px;text-align:right;padding-right:12px}.rd-bars{display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:16px;border-bottom:1px dashed #dde7f5;background:repeating-linear-gradient(to bottom,transparent 0 64px,#e8eef8 65px,transparent 66px)}.rd-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px}.rd-bar-pair{height:250px;display:flex;align-items:flex-end;gap:6px}.rd-bar-pair span{width:13px;border-radius:2px 2px 0 0;animation:rdBarGrow .9s ease forwards;transform-origin:bottom}@keyframes rdBarGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}.rd-bar-pair .new{background:#dbe9ff}.rd-bar-pair .unique{background:#2b74f5}.rd-month small{color:#8392c0}.rd-legend{display:flex;align-items:center;justify-content:center;gap:8px;color:#8392c0;font-size:12px}.rd-legend span{display:flex;align-items:center;gap:4px}.rd-legend i{width:13px;height:5px;border-radius:20px;display:inline-block}.rd-legend i.new{background:#dbe9ff}.rd-legend i.unique,.rd-legend i.mobile{background:#2b74f5}.rd-legend i.tablet{background:#93bdff}.rd-legend i.desktop{background:#dce9ff}.rd-traffic-gauge{padding:56px 38px 20px;text-align:center}.rd-semi-donut{width:230px;height:115px;margin:0 auto 56px;border-radius:230px 230px 0 0;background:conic-gradient(from 270deg,#2b74f5 0 136deg,#e9eff8 136deg 180deg,transparent 180deg 360deg);position:relative;overflow:hidden}.rd-semi-donut:after{content:"";position:absolute;left:25px;right:25px;bottom:0;height:90px;border-radius:180px 180px 0 0;background:#fff}.rd-semi-donut strong{position:absolute;left:0;right:0;bottom:-3px;z-index:2;font-size:22px;color:#6f7fc5}.rd-traffic-gauge h3{font-size:19px;margin-bottom:14px}.rd-traffic-gauge p{color:#9aa7c5;line-height:1.55;margin-bottom:26px}.rd-traffic-gauge a{display:inline-flex;height:31px;min-width:100px;align-items:center;justify-content:center;border:1px solid var(--rd-blue);color:var(--rd-blue);text-decoration:none;border-radius:3px;font-size:12px}.rd-map-panel,.rd-table-panel{min-height:315px}.rd-map-content{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;padding:22px;align-items:center}.rd-map-fake{height:220px;background:linear-gradient(135deg,#e8f1ff,#f7fbff);clip-path:polygon(5% 35%,22% 20%,40% 24%,55% 13%,72% 30%,92% 25%,82% 55%,92% 75%,64% 82%,42% 73%,22% 85%,9% 62%);position:relative}.rd-map-fake span{position:absolute;left:44%;top:48%;font-weight:900;color:#9ab7e8}.state{position:absolute;background:#9bc0fb;opacity:.9}.state.s1{width:42px;height:36px;left:18%;top:24%}.state.s2{width:50px;height:54px;left:44%;top:50%}.state.s3{width:38px;height:28px;right:20%;top:30%}.state.s4{width:66px;height:42px;left:60%;top:65%}.state.s5{width:36px;height:60px;right:10%;top:52%}.rd-region{margin-bottom:19px}.rd-region div{display:flex;justify-content:space-between;color:#394a71;font-size:14px;margin-bottom:10px}.rd-region span{color:#9aa7c5}.rd-region i{display:block;height:3px;background:#f6c874}.rd-tabs{display:flex}.rd-tabs button{height:31px;padding:0 13px;border:1px solid var(--rd-line);background:#f4f7fc;color:#6d7fb4}.rd-tabs button.active{background:var(--rd-blue);color:#fff}.rd-table-wrap{padding:20px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:#eef3fa}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--rd-line);white-space:nowrap}th{color:#3b4a70}td{color:#3e527c}td a{color:var(--rd-blue);text-decoration:none;font-weight:700}td small{color:#9aa7c5}.rd-pages-panel,.rd-device-panel,.rd-activity-panel{min-height:365px}.rd-page-row{min-height:72px;padding:12px 20px;display:grid;grid-template-columns:56px 1fr 48px 88px;align-items:center;gap:14px;border-bottom:1px solid var(--rd-line)}.rd-page-thumb{width:56px;height:36px;border-radius:4px;color:#fff;display:grid;place-items:center}.rd-page-row strong{display:block;font-size:13px}.rd-page-row a{color:var(--rd-blue);text-decoration:none;font-size:12px}.rd-page-row>span{color:#9aa7c5;font-weight:800}.rd-spark{display:flex;align-items:end;gap:4px;height:25px}.rd-spark i{width:6px;background:#728cff;border-radius:5px}.rd-spark i:nth-child(1){height:6px}.rd-spark i:nth-child(2){height:12px}.rd-spark i:nth-child(3){height:8px}.rd-spark i:nth-child(4){height:18px}.rd-spark i:nth-child(5){height:9px}.rd-spark i:nth-child(6){height:14px}.rd-spark i:nth-child(7){height:5px}.rd-device-donut{width:180px;height:180px;margin:28px auto 18px;border-radius:50%;background:conic-gradient(#2b74f5 0 46%,#93bdff 46% 78%,#dce9ff 78% 100%);position:relative}.rd-device-donut:after{content:"";position:absolute;inset:28px;background:#fff;border-radius:50%}.rd-legend.device{gap:12px;margin-bottom:19px}.rd-date-strip{margin:0 20px;background:#eaf2ff;height:43px;color:var(--rd-blue);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:13px}.rd-timeline{padding:20px 20px 8px}.rd-activity-item{display:grid;grid-template-columns:44px 1fr auto;gap:14px;padding:13px 0;color:#8d9abd}.rd-activity-icon{width:42px;height:42px;border-radius:50%;background:#eef5ff;color:var(--rd-blue);display:grid;place-items:center;border:1px solid #dce9ff}.rd-activity-item p{font-size:13px;line-height:1.45}.rd-activity-item strong{color:#556590}.rd-activity-item>span{font-size:12px;white-space:nowrap}.rd-footer{display:flex;justify-content:space-between;color:#7083bd;font-size:13px}.rd-footer b{color:var(--rd-pink)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:translateY(0)}body.rd-sidebar-hidden .rd-sidebar{transform:translateX(-100%)}body.rd-sidebar-hidden .rd-content{margin-left:0}@media(max-width:1400px){.rd-kpi-grid{grid-template-columns:repeat(2,1fr)}.rd-grid-main,.rd-grid-two,.rd-grid-three{grid-template-columns:1fr}}@media(max-width:850px){html,body{width:100%;max-width:100%;overflow-x:hidden}.rd-sidebar{transform:translateX(-100%)}body.rd-mobile-sidebar-open .rd-sidebar{transform:translateX(0)}.rd-content{margin-left:0;width:100%;max-width:100%}.rd-topbar{padding:0 14px}.rd-new-task{display:none}.rd-main{padding:18px 14px}.rd-page-head{align-items:flex-start;flex-direction:column;gap:14px}.rd-kpi-grid{grid-template-columns:1fr;gap:14px}.rd-dashboard-grid{gap:16px}.rd-chart-area{height:auto;grid-template-columns:34px 1fr;padding:25px 10px 0;overflow:auto}.rd-bars{min-width:680px;gap:10px}.rd-map-content{grid-template-columns:1fr}.rd-table-wrap{overflow:auto}.rd-page-row{grid-template-columns:44px 1fr}.rd-page-row>span,.rd-spark{grid-column:2}.rd-footer{flex-direction:column;gap:8px;text-align:center}.rd-user span{display:none}.rd-top-right{gap:12px}.rd-semi-donut{width:200px;height:100px}.rd-device-donut{width:160px;height:160px}.rd-panel-head{padding:0 14px}.rd-panel-head h2{font-size:13px}.rd-tabs button{padding:0 8px;font-size:11px}}