.dashboard-page{background:hsl(var(--background));display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100%;padding:0 24px 24px;width:100%}.dashboard-page--loading{align-items:center;display:flex;justify-content:center;min-height:320px}.dashboard-page__header{align-items:center;background:linear-gradient(135deg,#7c3bed,#5f15e0);background:linear-gradient(135deg,hsl(var(--company-theme-hsl,262 83% 58%)),hsl(var(--company-theme-darker,262 83% 48%)));border:1px solid #ffffff14;border-radius:8px;box-shadow:0 1px 3px #7c3bed33;box-shadow:0 1px 3px hsl(var(--company-theme-shadow,262 83% 58%)/.2);color:#fff;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:24px 0 0;padding:16px 24px}.dashboard-page__header *{color:#fff!important}.dashboard-page__header-content{flex:1 1;min-width:0}.dashboard-page__title{font-size:1.5rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0}.dashboard-page__subtitle{font-size:.9rem;margin:6px 0 0;opacity:.95}.dashboard-page__header-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.dashboard-page__periods{align-items:center;display:inline-flex;gap:6px}.dashboard-page__period-icon{flex-shrink:0;opacity:.9}.dashboard-page__period-btn{background:#ffffff1f;border:1px solid #fff6;border-radius:999px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px;transition:background .2s ease,border-color .2s ease}.dashboard-page__period-btn:hover{background:#fff3;border-color:#fff9}.dashboard-page__period-btn--active{background:#ffffff47;border-color:#fff}.dashboard-page__refresh-btn{align-items:center;background:#ffffff1f;border:1px solid #fff6;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:background .2s ease,border-color .2s ease;width:36px}.dashboard-page__refresh-btn:hover{background:#ffffff38;border-color:#ffffffb3}.dashboard-page__content{display:flex;flex-direction:column;gap:24px;margin-top:24px}.dashboard-page__section{display:flex;flex-direction:column;gap:16px}.dashboard-page__section-title{align-items:center;color:hsl(var(--foreground));display:flex;gap:8px}.dashboard-page__section-title h2{font-size:1.15rem;font-weight:600;margin:0}.dashboard-page__section-title svg{color:#7c3bed;color:hsl(var(--company-theme-hsl,262 83% 58%))}.dashboard-page__cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(160px,1fr))}.dashboard-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;box-shadow:0 1px 2px hsl(var(--border)/.4);display:flex;flex-direction:column;gap:8px;padding:16px;transition:border-color .18s ease,box-shadow .18s ease}.dashboard-card span{color:hsl(var(--muted-foreground));font-size:.875rem}.dashboard-card strong{color:hsl(var(--foreground));font-size:1.6rem;font-weight:700;line-height:1.2}.dashboard-card--clickable{cursor:pointer;outline:none}.dashboard-card--clickable:hover{border-color:#7c3bed80;border-color:hsl(var(--company-theme-hsl,262 83% 58%)/.5);box-shadow:0 2px 8px #7c3bed1f;box-shadow:0 2px 8px hsl(var(--company-theme-shadow,262 83% 58%)/.12)}.dashboard-card--clickable:focus-visible{outline:2px solid #7c3bed;outline:2px solid hsl(var(--company-theme-hsl,262 83% 58%));outline-offset:2px}.dashboard-card--active{border-color:#7c3bed;border-color:hsl(var(--company-theme-hsl,262 83% 58%));box-shadow:inset 0 0 0 1px #7c3bed40;box-shadow:0 0 0 1px hsl(var(--company-theme-hsl,262 83% 58%)/.25) inset}.dashboard-page__grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.dashboard-panel{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:10px;box-shadow:0 1px 2px hsl(var(--border)/.3);padding:16px}.dashboard-panel--drilldown{border-color:#7c3bed59;border-color:hsl(var(--company-theme-hsl,262 83% 58%)/.35)}.dashboard-panel h3{color:hsl(var(--foreground));font-size:1rem;font-weight:600;margin:0 0 12px}.dashboard-panel__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.dashboard-panel__header h3{margin:0}.dashboard-panel__close-btn{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;color:hsl(var(--foreground));cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background .2s ease,border-color .2s ease}.dashboard-panel__close-btn:hover{background:hsl(var(--muted)/.5);border-color:hsl(var(--border))}.dashboard-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.dashboard-list li{align-items:center;border-bottom:1px solid hsl(var(--border));display:flex;font-size:.9rem;gap:12px;justify-content:space-between;padding-bottom:8px}.dashboard-list li span{color:hsl(var(--muted-foreground))}.dashboard-list li strong{color:hsl(var(--foreground));font-weight:600}.dashboard-trend{display:flex;flex-direction:column;gap:10px}.dashboard-trend__item{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:52px 1fr 40px}.dashboard-trend__label{color:hsl(var(--muted-foreground));font-size:.8rem}.dashboard-trend__bar{background:hsl(var(--muted));border-radius:999px;height:8px;overflow:hidden}.dashboard-trend__fill{background:#7c3bed;background:hsl(var(--company-theme-hsl,262 83% 58%));border-radius:inherit;height:100%;min-width:8px;transition:width .3s ease}.dashboard-trend__fill--laudos{background:#1fad77}.dashboard-trend__item strong{color:hsl(var(--foreground));font-size:.9rem;font-weight:600;text-align:right}.dashboard-table-wrap{border:1px solid hsl(var(--border));border-radius:8px;overflow-x:auto}.dashboard-table{border-collapse:collapse;font-size:.9rem;width:100%}.dashboard-table td,.dashboard-table th{border-bottom:1px solid hsl(var(--border));padding:10px 12px;text-align:left}.dashboard-table th{background:hsl(var(--muted)/.3);color:hsl(var(--muted-foreground));font-weight:600}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody tr:hover{background:hsl(var(--muted)/.2)}.dashboard-empty{color:hsl(var(--muted-foreground));font-size:.9rem;margin:0;padding:12px 0}.dashboard-page__footer{align-items:center;border-top:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));display:inline-flex;font-size:.85rem;gap:8px;margin-top:24px;padding-top:16px}.dashboard-page__footer svg{flex-shrink:0;opacity:.8}@media (max-width:1200px){.dashboard-page__cards{grid-template-columns:repeat(2,minmax(160px,1fr))}}@media (max-width:900px){.dashboard-page__grid{grid-template-columns:1fr}.dashboard-page__header{align-items:stretch;flex-direction:column}.dashboard-page__header-actions{flex-wrap:wrap}}@media (max-width:640px){.dashboard-page{padding:0 16px 16px}.dashboard-page__header{margin:16px 0 0;padding:14px 16px}.dashboard-page__title{font-size:1.3rem}.dashboard-page__cards{grid-template-columns:1fr}.dashboard-page__periods{flex-wrap:wrap}.dashboard-trend__item{grid-template-columns:48px 1fr 36px}}