.navbar{align-items:center;background:#020203;box-shadow:0 4px 4px #00000040;display:flex;gap:20px;justify-content:center;min-height:80px;padding:0 20px;position:relative}.navbar__brand{align-items:center;display:flex;flex-shrink:0;gap:12px;left:20px;position:absolute;top:50%;transform:translateY(-50%)}.navbar__brand-name{color:#fff;font-size:24px;font-weight:500;white-space:nowrap}.navbar__brand img{height:48px}.navbar__links{display:flex;flex:none;justify-content:space-evenly;margin-left:20px;max-width:900px;width:min(900px,100%)}.navbar__links a{color:#fff;font-size:20px;text-decoration:none;white-space:nowrap}.navbar__logo{height:48px}.sidebar{align-items:center;background:#020203;display:flex;flex-direction:column;justify-content:space-between;min-width:96px;padding:24px 0}.sidebar__icons{display:grid;gap:20px;margin-top:160px}.sidebar__icon-btn{align-items:center;background:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;height:56px;justify-content:center;width:56px}.sidebar__icon-btn img{height:32px;width:32px}.sidebar__copyright{color:#fff;font-size:12px;transform:rotate(-90deg) translate(50%);white-space:nowrap}@media(width<=768px){.navbar{flex-direction:column;gap:10px;min-height:auto;padding:12px 14px}.navbar__brand{left:auto;position:static;top:auto;transform:none}.navbar__brand img,.navbar__logo{height:36px}.navbar__links{flex-wrap:wrap;gap:12px;justify-content:center;margin-left:0;max-width:none;width:100%}.navbar__links a{font-size:16px}.sidebar{flex-flow:row wrap;gap:10px;justify-content:center;min-width:0;padding:12px 16px}.sidebar__icons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:0}.sidebar__icon-btn{height:46px;width:46px}.sidebar__copyright{display:none}}.home{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:44px 90px 24px}.home__title{color:#282d30;font-size:48px;font-weight:500}.home__subtitle{color:#74798c;font-size:18px;margin-top:16px}.home__users{display:flex;gap:24px;margin-top:48px}.home__user-link{background:#282d30;border-radius:8px;color:#fff;font-size:18px;font-weight:500;padding:20px 40px;text-decoration:none;transition:background .2s}.home__user-link:hover{background:#ff0101}@media(width<=768px){.home{padding:32px 20px}.home__title{font-size:32px}.home__users{flex-direction:column;gap:16px;margin-top:32px}.home__user-link{font-size:16px;padding:16px 32px;text-align:center}}.metric-card{align-items:center;background:#fbfbfb;border-radius:5px;display:flex;gap:18px;min-height:0;padding:16px}.metric-card__icon{align-items:center;border-radius:6px;display:inline-flex;height:60px;justify-content:center;width:60px}.metric-card__icon img{height:20px;width:20px}.metric-card__value{color:#282d30;font-size:20px;font-weight:700;margin:0}.metric-card__label{color:#74798c;font-size:14px;margin-top:2px}.dashboard{margin:0 auto;max-width:1350px;padding:16px 24px 11px}.dashboard-header h1{color:#282d30;font-size:48px;font-weight:500}.dashboard-header h1 span{color:#ff0101}.dashboard-header p{font-size:18px;line-height:1.35;margin-top:8px}.dashboard-grid{display:flex;gap:20px;margin-top:18px}.dashboard-grid__charts{flex:1;min-width:0}.dashboard-grid__charts .chart-card--activity{height:300px}.dashboard-grid__bottom{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.dashboard-grid__bottom .chart-card{height:245px}.dashboard-grid__cards{display:grid;gap:20px;width:228px}.metric-icon{align-items:center;border-radius:6px;display:flex;height:60px;justify-content:center;width:60px}.metric-icon img{height:20px;width:20px}.metric-card__icon--red{background:#ff000012}.metric-card__icon--blue{background:#4ab8ff1a}.metric-card__icon--yellow{background:#f9ce231a}.metric-card__icon--pink{background:#fd51811a}.chart-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000000d,#0000001a,#0000000d);background-size:200% 100%;border-radius:8px}@media(width<=768px){.dashboard{padding:16px 14px}.dashboard-header h1{font-size:32px}.dashboard-header p{font-size:15px}.dashboard-grid{flex-direction:column;gap:16px}.dashboard-grid__charts>.chart-card--activity{height:280px}.dashboard-grid__bottom{gap:16px;grid-template-columns:1fr}.dashboard-grid__bottom>.chart-card{height:240px}.dashboard-grid__cards{grid-template-columns:repeat(2,1fr);width:100%}}@media(width<=420px){.dashboard-header h1{font-size:26px}.dashboard-grid__cards{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}*{box-sizing:border-box;margin:0;padding:0}body{color:#282d30;font-family:Roboto,sans-serif;min-height:100vh;overflow-x:hidden}.app{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;min-height:calc(100vh - 80px)}.main-content{flex:1;min-width:0}@media(width<=768px){.app-body{flex-direction:column;min-height:auto}}