html:has(.vlx-auth){background-color:var(--bg-clr-dark)}.content__header{margin-bottom:32px}.content__header h1{margin-bottom:8px}.content__header p{color:var(--text-clr-dark)}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{border-radius:var(--border-radius);padding:24px;display:flex;align-items:center;justify-content:space-between;transition:transform var(--timing),box-shadow var(--timing)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgb(0 0 0 / .1)}.stat-card__icon{background-color:var(--accent-trans-20);padding:12px;border-radius:var(--border-radius-small);color:var(--accent)}.stat-card__content h3{margin:0;font-size:24px;font-weight:700}.stat-card__content p{margin:0;font-size:14px;color:var(--text-clr-dark)}.stat-card__trend{display:flex;align-items:center;font-size:14px;font-weight:700}.stat-card__trend.positive{color:var(--green-500)}.stat-card__trend.negative{color:var(--red-500)}.stat-card__trend i{margin-right:4px}.dashboard-widgets{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.widget{background-color:var(--bg-clr-dark);border-radius:var(--border-radius);overflow:hidden;transition:box-shadow var(--timing)}.widget:hover{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1)}.widget__header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--bg-clr-light)}.widget__header h3{margin:0;font-size:18px}.widget__controls{display:flex;gap:8px}.widget__control{background:none;border:none;color:var(--text-clr-dark);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.widget__control:hover{background-color:var(--bg-clr-light);color:var(--text-clr)}.widget__content{padding:20px}.chart-placeholder{height:200px;display:flex;align-items:flex-end;justify-content:space-around;gap:10px}.chart-bar{width:10%;background:linear-gradient(to top,var(--accent),var(--accent-trans-50));border-radius:var(--border-radius-small)}.activity-list{list-style:none;padding:0;margin:0}.activity-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--bg-clr-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:36px;height:36px;background-color:var(--accent-trans-20);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;color:var(--accent)}.activity-content p{margin:0;font-size:14px}.activity-time{font-size:12px;color:var(--text-clr-dark)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--bg-clr-light)}.data-table th{font-weight:700;color:var(--text-clr);background-color:var(--bg-clr-dark)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--bg-clr-light)}.task-list{list-style:none;padding:0;margin:0}.task-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--bg-clr-light)}.task-item:last-child{border-bottom:none}.task-checkbox{margin-right:16px}.task-checkbox input{display:none}.task-checkbox label{display:block;width:20px;height:20px;border:2px solid var(--accent);border-radius:var(--border-radius-small);cursor:pointer;position:relative}.task-checkbox input:checked+label:after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var (--accent);font-weight:700}.task-content{flex:1}.task-content p{margin:0;font-size:14px}.task-date{font-size:12px;color:var(--text-clr-dark)}.task-priority{padding:4px 8px;border-radius:var(--border-radius-small);font-size:12px;font-weight:700;text-transform:uppercase}.task-priority.high{background-color:var(--red-500);color:#fff}.task-priority.medium{background-color:var(--orange-500);color:#fff}.task-priority.low{background-color:var(--green-500);color:#fff}@media (max-width:1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.sidebar{transform:translateX(-100%)}.sidebar--collapsed{transform:translateX(0);width:var(--sidebar-width)}.sidebar--collapsed .sidebar__logo h2,.sidebar--collapsed .sidebar__user-info,.sidebar--collapsed .sidebar__nav li a span,.sidebar--collapsed .sidebar__nav li a .badge{display:block}.page--account .content{margin-left:0}.dashboard-widgets{grid-template-columns:1fr}.widget.span--2{grid-column:auto}}@media (max-width:768px){.stats-cards{grid-template-columns:1fr}.page--account .content{padding:20px}}