:root{--skema-primary: #D11E35;--skema-primary-dark: #B01829;--skema-primary-light: #E14B60;--skema-primary-lighter: #F0A4B1;--skema-bg: #F5F5F5;--skema-bg-light: #F8F5F0;--skema-bg-dark: #E8E1D4;--skema-white: #FFFFFF;--skema-black: #212529;--skema-gray-80: #333333;--skema-gray-60: #6B6B6B;--skema-gray-40: #9E9E9E;--skema-gray-20: #F5F5F5;--skema-gray-10: #FAFAFA;--skema-success: #27AE60;--skema-success-light: #58D68D;--skema-success-bg: #E8F5E8;--skema-warning: #F39C12;--skema-warning-light: #F7DC6F;--skema-warning-bg: #FEF9E7;--skema-error: #E74C3C;--skema-error-light: #F1948A;--skema-error-bg: #FDEDEC;--skema-info: #3498DB;--skema-info-light: #85C1E9;--skema-info-bg: #EBF5FB;--skema-text-primary: #212529;--skema-text-secondary: #6B6B6B;--skema-text-muted: #9E9E9E;--skema-text-inverse: #FFFFFF;--skema-border: #E9ECEF;--skema-border-light: #F5F5F5;--skema-border-dark: #DEE2E6;--skema-border-primary: #D11E35;--skema-shadow-sm: rgba(0, 0, 0, .05);--skema-shadow-md: rgba(0, 0, 0, .1);--skema-shadow-lg: rgba(0, 0, 0, .15);--skema-shadow-xl: rgba(0, 0, 0, .2);--skema-card-bg: #FFFFFF;--skema-card-border: #F0F0F0;--skema-card-shadow: 0 4px 16px rgba(0, 0, 0, .08);--skema-header-bg: #FFFFFF;--skema-header-border: #E9ECEF;--skema-header-shadow: 0 2px 8px rgba(0, 0, 0, .05);--skema-hover-bg: #F8F9FA;--skema-hover-primary: #B01829;--skema-active-bg: #E9ECEF;--skema-focus-ring: rgba(209, 30, 53, .25);--skema-eval-positionnement: #D11E35;--skema-eval-positionnement-bg: rgba(209, 30, 53, .08);--skema-eval-positionnement-border: rgba(209, 30, 53, .3);--skema-eval-finale: #F1C40F;--skema-eval-finale-bg: rgba(241, 196, 15, .08);--skema-eval-finale-border: rgba(241, 196, 15, .3);--skema-eval-mixed: #3498DB;--skema-eval-mixed-bg: rgba(52, 152, 219, .08);--skema-eval-mixed-border: rgba(52, 152, 219, .3);--skema-eval-case: #27AE60;--skema-eval-case-bg: rgba(39, 174, 96, .08);--skema-eval-case-border: rgba(39, 174, 96, .3);--skema-stat-blue: #3498DB;--skema-stat-blue-bg: rgba(52, 152, 219, .08);--skema-stat-green: #27AE60;--skema-stat-green-bg: rgba(39, 174, 96, .08);--skema-stat-purple: #9B59B6;--skema-stat-purple-bg: rgba(155, 89, 182, .08);--skema-stat-orange: #F39C12;--skema-stat-orange-bg: rgba(243, 156, 18, .08);--skema-space-xs: .25rem;--skema-space-sm: .5rem;--skema-space-md: 1rem;--skema-space-lg: 1.5rem;--skema-space-xl: 2rem;--skema-space-2xl: 2.5rem;--skema-space-3xl: 3rem;--skema-radius-sm: 6px;--skema-radius-md: 8px;--skema-radius-lg: 12px;--skema-radius-xl: 16px;--skema-radius-full: 50%;--skema-font-normal: 400;--skema-font-medium: 500;--skema-font-semibold: 600;--skema-font-bold: 700;--skema-text-xs: .75rem;--skema-text-sm: .875rem;--skema-text-base: 1rem;--skema-text-lg: 1.125rem;--skema-text-xl: 1.25rem;--skema-text-2xl: 1.5rem;--skema-text-3xl: 1.875rem;--skema-text-4xl: 2.25rem;--skema-leading-tight: 1.25;--skema-leading-normal: 1.5;--skema-leading-relaxed: 1.75;--skema-transition-fast: .15s ease-in-out;--skema-transition-normal: .2s ease-in-out;--skema-transition-slow: .3s ease-in-out;--skema-z-dropdown: 1000;--skema-z-modal: 1050;--skema-z-tooltip: 1100;--skema-z-toast: 1200}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:var(--skema-leading-normal);color:var(--skema-text-primary);background-color:var(--skema-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:var(--skema-bg);font-size:var(--skema-text-base);line-height:var(--skema-leading-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--skema-font-semibold);line-height:var(--skema-leading-tight);color:var(--skema-text-primary)}h1{font-size:var(--skema-text-3xl)}h2{font-size:var(--skema-text-2xl)}h3{font-size:var(--skema-text-xl)}h4{font-size:var(--skema-text-lg)}h5{font-size:var(--skema-text-base)}h6{font-size:var(--skema-text-sm)}p{margin-bottom:var(--skema-space-md);color:var(--skema-text-secondary)}a{color:var(--skema-primary);text-decoration:none;transition:color var(--skema-transition-fast)}a:hover{color:var(--skema-primary-dark)}button{border:none;border-radius:var(--skema-radius-md);padding:var(--skema-space-sm) var(--skema-space-md);font-size:var(--skema-text-sm);font-weight:var(--skema-font-medium);font-family:inherit;cursor:pointer;transition:all var(--skema-transition-fast);background-color:var(--skema-primary);color:var(--skema-text-inverse)}button:hover:not(:disabled){background-color:var(--skema-primary-dark);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background-color:var(--skema-white);color:var(--skema-text-primary);border:1px solid var(--skema-border)}button.secondary:hover:not(:disabled){background-color:var(--skema-hover-bg);border-color:var(--skema-border-dark)}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--skema-focus-ring);outline-offset:2px}input,select,textarea{border:1px solid var(--skema-border);border-radius:var(--skema-radius-md);padding:var(--skema-space-sm);font-size:var(--skema-text-sm);font-family:inherit;background-color:var(--skema-white);color:var(--skema-text-primary);transition:border-color var(--skema-transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--skema-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--skema-bg)}::-webkit-scrollbar-thumb{background:var(--skema-border-dark);border-radius:var(--skema-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--skema-gray-40)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only{@extend .visually-hidden;}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.gap-sm{gap:var(--skema-space-sm)}.gap-md{gap:var(--skema-space-md)}.gap-lg{gap:var(--skema-space-lg)}.dashboard-header{background:var(--skema-header-bg);border-bottom:1px solid var(--skema-header-border);box-shadow:var(--skema-header-shadow);padding:var(--skema-space-md) 0;position:sticky;top:0;z-index:var(--skema-z-dropdown)}.dashboard-header__container{max-width:1400px;margin:0 auto;padding:0 var(--skema-space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--skema-space-md)}.dashboard-header__brand{display:flex;align-items:center;gap:var(--skema-space-md)}.dashboard-header__icon{width:40px;height:40px;border-radius:var(--skema-radius-lg);background:var(--skema-primary);color:var(--skema-white);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #d11e354d;transition:all var(--skema-transition-normal)}.dashboard-header__icon:hover{transform:scale(1.05);box-shadow:0 6px 20px #d11e3566}.dashboard-header__title-group{display:flex;flex-direction:column;gap:var(--skema-space-xs)}.dashboard-header__title{font-size:var(--skema-text-xl);font-weight:var(--skema-font-bold);color:var(--skema-text-primary);margin:0;line-height:var(--skema-leading-tight)}.dashboard-header__subtitle{font-size:var(--skema-text-sm);color:var(--skema-text-secondary);margin:0;line-height:var(--skema-leading-normal)}.dashboard-header__controls{display:flex;align-items:center;gap:var(--skema-space-md)}.dashboard-header__time-selector{display:flex;align-items:center;gap:var(--skema-space-sm);padding:var(--skema-space-sm) var(--skema-space-md);background:var(--skema-bg-light);border:1px solid var(--skema-border);border-radius:var(--skema-radius-md);color:var(--skema-text-secondary);transition:all var(--skema-transition-fast)}.dashboard-header__time-selector:hover{background:var(--skema-hover-bg);border-color:var(--skema-border-dark)}.dashboard-header__select{background:transparent;border:none;color:var(--skema-text-primary);font-size:var(--skema-text-sm);font-weight:var(--skema-font-medium);cursor:pointer;padding:0;outline:none;min-width:140px}.dashboard-header__select:disabled{cursor:not-allowed;opacity:.6}.dashboard-header__refresh-btn{display:flex;align-items:center;gap:var(--skema-space-sm);padding:var(--skema-space-sm) var(--skema-space-md);background:var(--skema-primary);color:var(--skema-white);border:none;border-radius:var(--skema-radius-md);font-size:var(--skema-text-sm);font-weight:var(--skema-font-medium);cursor:pointer;transition:all var(--skema-transition-fast)}.dashboard-header__refresh-btn:hover:not(:disabled){background:var(--skema-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #d11e354d}.dashboard-header__refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dashboard-header__refresh-btn .spinning{animation:spin 1s linear infinite}.dashboard-header__meta{max-width:1400px;margin:0 auto;padding:var(--skema-space-xs) var(--skema-space-md) 0;border-top:1px solid var(--skema-border-light);margin-top:var(--skema-space-xs)}.dashboard-header__last-updated{font-size:var(--skema-text-xs);color:var(--skema-text-muted);font-weight:var(--skema-font-medium)}@media (max-width: 768px){.dashboard-header__container{padding:0 var(--skema-space-md);gap:var(--skema-space-md)}.dashboard-header__brand{gap:var(--skema-space-sm)}.dashboard-header__icon{width:40px;height:40px}.dashboard-header__title{font-size:var(--skema-text-xl)}.dashboard-header__subtitle{font-size:var(--skema-text-xs)}.dashboard-header__controls{gap:var(--skema-space-sm)}.dashboard-header__time-selector{padding:var(--skema-space-xs) var(--skema-space-sm)}.dashboard-header__select{min-width:120px;font-size:var(--skema-text-xs)}.dashboard-header__refresh-btn{padding:var(--skema-space-xs) var(--skema-space-sm);font-size:var(--skema-text-xs)}.dashboard-header__meta{padding:var(--skema-space-xs) var(--skema-space-md) 0}}@media (max-width: 480px){.dashboard-header{padding:var(--skema-space-md) 0}.dashboard-header__container{flex-direction:column;align-items:flex-start;gap:var(--skema-space-md)}.dashboard-header__brand{width:100%}.dashboard-header__controls{width:100%;justify-content:space-between}.dashboard-header__time-selector{flex:1;justify-content:center}.dashboard-header__select{min-width:auto;width:100%;text-align:center}.dashboard-header__refresh-btn span{display:none}.dashboard-header__refresh-btn{padding:var(--skema-space-xs);min-width:40px;justify-content:center}}@media print{.dashboard-header{position:static;box-shadow:none;border-bottom:2px solid var(--skema-border-dark)}.dashboard-header__controls,.dashboard-header__meta{display:none}}.stat-card{background:var(--skema-card-bg);border:1px solid var(--skema-card-border);border-radius:var(--skema-radius-lg);padding:var(--skema-space-lg);box-shadow:var(--skema-card-shadow);transition:all var(--skema-transition-normal);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--skema-primary);transition:all var(--skema-transition-normal)}.stat-card--blue:before{background:var(--skema-stat-blue)}.stat-card--green:before{background:var(--skema-stat-green)}.stat-card--purple:before{background:var(--skema-stat-purple)}.stat-card--orange:before{background:var(--skema-stat-orange)}.stat-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--skema-space-md)}.stat-card__icon{width:48px;height:48px;border-radius:var(--skema-radius-lg);display:flex;align-items:center;justify-content:center;background:var(--skema-stat-blue-bg);color:var(--skema-stat-blue);transition:all var(--skema-transition-normal)}.stat-card--blue .stat-card__icon{background:var(--skema-stat-blue-bg);color:var(--skema-stat-blue)}.stat-card--green .stat-card__icon{background:var(--skema-stat-green-bg);color:var(--skema-stat-green)}.stat-card--purple .stat-card__icon{background:var(--skema-stat-purple-bg);color:var(--skema-stat-purple)}.stat-card--orange .stat-card__icon{background:var(--skema-stat-orange-bg);color:var(--skema-stat-orange)}.stat-card__trend{display:flex;align-items:center;gap:var(--skema-space-xs);padding:var(--skema-space-xs) var(--skema-space-sm);border-radius:var(--skema-radius-sm);font-size:var(--skema-text-xs);font-weight:var(--skema-font-medium);line-height:1}.stat-card__trend--positive{background:var(--skema-success-bg);color:var(--skema-success)}.stat-card__trend--negative{background:var(--skema-error-bg);color:var(--skema-error)}.stat-card__trend-value{font-weight:var(--skema-font-semibold)}.stat-card__content{display:flex;flex-direction:column;gap:var(--skema-space-xs)}.stat-card__value{font-size:var(--skema-text-2xl);font-weight:var(--skema-font-bold);color:var(--skema-text-primary);line-height:var(--skema-leading-tight);margin:0}.stat-card__title{font-size:var(--skema-text-sm);font-weight:var(--skema-font-medium);color:var(--skema-text-secondary);margin:0;line-height:var(--skema-leading-normal)}.stat-card__subtitle{font-size:var(--skema-text-xs);color:var(--skema-text-muted);margin:0;line-height:var(--skema-leading-normal)}.stat-card--loading{pointer-events:none}.stat-card__skeleton{display:flex;align-items:flex-start;gap:var(--skema-space-md)}.stat-card__skeleton-icon{width:48px;height:48px;border-radius:var(--skema-radius-lg);background:var(--skema-gray-20);animation:skeleton-pulse 1.5s ease-in-out infinite}.stat-card__skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--skema-space-sm)}.stat-card__skeleton-value{height:28px;width:80px;background:var(--skema-gray-20);border-radius:var(--skema-radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.stat-card__skeleton-title{height:16px;width:120px;background:var(--skema-gray-20);border-radius:var(--skema-radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.stat-card{padding:var(--skema-space-md)}.stat-card__icon{width:40px;height:40px}.stat-card__value{font-size:var(--skema-text-xl)}.stat-card__header{margin-bottom:var(--skema-space-sm)}}@media (max-width: 480px){.stat-card{padding:var(--skema-space-sm)}.stat-card__icon{width:36px;height:36px}.stat-card__value{font-size:var(--skema-text-lg)}.stat-card__trend{font-size:10px;padding:2px 6px}}.usage-gauge{display:flex;align-items:center;justify-content:center;padding:var(--skema-space-md)}.usage-gauge__container{position:relative;display:flex;align-items:center;justify-content:center}.usage-gauge__svg{display:block;transition:all var(--skema-transition-slow)}.usage-gauge__background{color:var(--skema-gray-20);transition:all var(--skema-transition-normal)}.usage-gauge__progress{transition:stroke-dashoffset var(--skema-transition-slow) cubic-bezier(.4,0,.2,1)}.usage-gauge--primary .usage-gauge__progress{color:var(--skema-primary)}.usage-gauge--success .usage-gauge__progress{color:var(--skema-success)}.usage-gauge--warning .usage-gauge__progress{color:var(--skema-warning)}.usage-gauge--error .usage-gauge__progress{color:var(--skema-error)}.usage-gauge__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding-top:16px;padding-bottom:16px}.usage-gauge__percentage{font-size:var(--skema-text-lg);font-weight:var(--skema-font-bold);color:var(--skema-text-primary);line-height:var(--skema-leading-tight);margin-bottom:var(--skema-space-xs)}.usage-gauge__label-outside{display:block;text-align:center;font-size:var(--skema-text-base);font-weight:var(--skema-font-medium);color:var(--skema-text-secondary);margin-bottom:10px;margin-top:0}.usage-gauge__label{display:none}.usage-gauge--small .usage-gauge__percentage{font-size:var(--skema-text-sm);margin-bottom:2px}.usage-gauge--small .usage-gauge__label{font-size:10px;max-width:60px}.usage-gauge--large .usage-gauge__percentage{font-size:var(--skema-text-xl);margin-bottom:var(--skema-space-sm)}.usage-gauge--large .usage-gauge__label{font-size:var(--skema-text-sm);max-width:100px}.usage-gauge:hover .usage-gauge__svg{transform:scale(1.05)}.usage-gauge:hover .usage-gauge__percentage,.usage-gauge--primary:hover .usage-gauge__percentage{color:var(--skema-primary)}.usage-gauge--success:hover .usage-gauge__percentage{color:var(--skema-success)}.usage-gauge--warning:hover .usage-gauge__percentage{color:var(--skema-warning)}.usage-gauge--error:hover .usage-gauge__percentage{color:var(--skema-error)}@keyframes gauge-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.usage-gauge--loading .usage-gauge__svg,.usage-gauge--loading .usage-gauge__content{animation:gauge-pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.usage-gauge{padding:var(--skema-space-sm)}.usage-gauge__percentage{font-size:var(--skema-text-base)}.usage-gauge__label{font-size:11px}}@media (max-width: 480px){.usage-gauge{padding:var(--skema-space-xs)}.usage-gauge__percentage{font-size:var(--skema-text-sm)}.usage-gauge__label{font-size:10px;max-width:60px}}@media (prefers-contrast: high){.usage-gauge__background{color:var(--skema-gray-60)}.usage-gauge__progress{stroke-width:10px}}@media (prefers-reduced-motion: reduce){.usage-gauge__svg,.usage-gauge__progress{transition:none}.usage-gauge:hover .usage-gauge__svg{transform:none}.usage-gauge--loading .usage-gauge__svg,.usage-gauge--loading .usage-gauge__content{animation:none}}.evaluation-card{background:var(--skema-card-bg);border:1px solid var(--skema-card-border);border-radius:var(--skema-radius-lg);padding:var(--skema-space-lg);box-shadow:var(--skema-card-shadow);transition:all var(--skema-transition-normal);position:relative;overflow:hidden}.evaluation-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.evaluation-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:all var(--skema-transition-normal)}.evaluation-card--positionnement:before{background:var(--skema-eval-positionnement)}.evaluation-card--finale:before{background:var(--skema-eval-finale)}.evaluation-card--mixed:before{background:var(--skema-eval-mixed)}.evaluation-card--case:before{background:var(--skema-eval-case)}.evaluation-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--skema-space-lg);padding-bottom:var(--skema-space-md);border-bottom:1px solid var(--skema-border-light)}.evaluation-card__icon{width:36px;height:36px;border-radius:var(--skema-radius-md);display:flex;align-items:center;justify-content:center;background:var(--skema-eval-positionnement-bg);color:var(--skema-eval-positionnement);transition:all var(--skema-transition-normal)}.evaluation-card--positionnement .evaluation-card__icon{background:var(--skema-eval-positionnement-bg);color:var(--skema-eval-positionnement)}.evaluation-card--finale .evaluation-card__icon{background:var(--skema-eval-finale-bg);color:var(--skema-eval-finale)}.evaluation-card--mixed .evaluation-card__icon{background:var(--skema-eval-mixed-bg);color:var(--skema-eval-mixed)}.evaluation-card--case .evaluation-card__icon{background:var(--skema-eval-case-bg);color:var(--skema-eval-case)}.evaluation-card__title{flex:1;margin:0 var(--skema-space-md);font-size:var(--skema-text-base);font-weight:var(--skema-font-semibold);color:var(--skema-text-primary);line-height:var(--skema-leading-tight)}.evaluation-card__trend{width:24px;height:24px;border-radius:var(--skema-radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--skema-text-sm);font-weight:var(--skema-font-bold);line-height:1}.evaluation-card__trend--positive{background:var(--skema-success-bg);color:var(--skema-success)}.evaluation-card__trend--negative{background:var(--skema-error-bg);color:var(--skema-error)}.evaluation-card__trend--stable{background:var(--skema-gray-20);color:var(--skema-gray-60)}.evaluation-card__stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--skema-space-md)}.evaluation-card__stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--skema-space-sm);border-radius:var(--skema-radius-md);background:var(--skema-bg-light);transition:all var(--skema-transition-fast)}.evaluation-card__stat:hover{background:var(--skema-hover-bg);transform:translateY(-1px)}.evaluation-card__stat-value{font-size:var(--skema-text-lg);font-weight:var(--skema-font-bold);color:var(--skema-text-primary);line-height:var(--skema-leading-tight);margin-bottom:var(--skema-space-xs)}.evaluation-card__stat-label{font-size:var(--skema-text-xs);font-weight:var(--skema-font-medium);color:var(--skema-text-secondary);line-height:var(--skema-leading-normal)}.evaluation-card__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--skema-space-xl) var(--skema-space-md);color:var(--skema-text-muted)}.evaluation-card__empty-icon{width:64px;height:64px;border-radius:var(--skema-radius-full);display:flex;align-items:center;justify-content:center;background:var(--skema-gray-20);color:var(--skema-gray-40);margin-bottom:var(--skema-space-md)}.evaluation-card__empty-text{font-size:var(--skema-text-sm);color:var(--skema-text-muted);margin:0}.evaluation-card--loading{pointer-events:none}.evaluation-card__skeleton{display:flex;flex-direction:column;gap:var(--skema-space-lg)}.evaluation-card__skeleton-header{display:flex;align-items:center;gap:var(--skema-space-md);padding-bottom:var(--skema-space-md);border-bottom:1px solid var(--skema-border-light)}.evaluation-card__skeleton-icon{width:36px;height:36px;border-radius:var(--skema-radius-md);background:var(--skema-gray-20);animation:skeleton-pulse 1.5s ease-in-out infinite}.evaluation-card__skeleton-title{height:20px;width:120px;background:var(--skema-gray-20);border-radius:var(--skema-radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.evaluation-card__skeleton-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--skema-space-md)}.evaluation-card__skeleton-stat{height:60px;background:var(--skema-gray-20);border-radius:var(--skema-radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.evaluation-card{padding:var(--skema-space-md)}.evaluation-card__header{margin-bottom:var(--skema-space-md);padding-bottom:var(--skema-space-sm)}.evaluation-card__icon{width:32px;height:32px}.evaluation-card__title{font-size:var(--skema-text-sm)}.evaluation-card__stats{gap:var(--skema-space-sm)}.evaluation-card__stat{padding:var(--skema-space-xs)}.evaluation-card__stat-value{font-size:var(--skema-text-base)}.evaluation-card__stat-label{font-size:10px}}@media (max-width: 480px){.evaluation-card{padding:var(--skema-space-sm)}.evaluation-card__header{flex-direction:column;align-items:flex-start;gap:var(--skema-space-sm)}.evaluation-card__stats{grid-template-columns:1fr;gap:var(--skema-space-sm)}.evaluation-card__stat{flex-direction:row;justify-content:space-between;text-align:left}.evaluation-card__stat-value{font-size:var(--skema-text-sm)}}.dashboard-page{min-height:100vh;background:var(--skema-bg);display:flex;flex-direction:column}.dashboard-page__content{flex:1;padding:var(--skema-space-2xl) 0}.dashboard-page__container{max-width:1400px;margin:0 auto;padding:0 var(--skema-space-md);display:flex;flex-direction:column;gap:var(--skema-space-3xl)}.dashboard-page--error{align-items:center;justify-content:center;padding:var(--skema-space-3xl)}.dashboard-page__error{background:var(--skema-card-bg);border-radius:var(--skema-radius-lg);padding:var(--skema-space-3xl);box-shadow:var(--skema-card-shadow);text-align:center;max-width:400px;width:100%}.dashboard-page__error h2{color:var(--skema-error);margin:var(--skema-space-lg) 0 var(--skema-space-md)}.dashboard-page__error p{color:var(--skema-text-secondary);margin-bottom:var(--skema-space-lg)}.dashboard-page__error-btn{background:var(--skema-primary);color:var(--skema-white);padding:var(--skema-space-sm) var(--skema-space-lg);border-radius:var(--skema-radius-md);border:none;cursor:pointer;font-weight:var(--skema-font-medium);transition:all var(--skema-transition-fast)}.dashboard-page__error-btn:hover{background:var(--skema-primary-dark);transform:translateY(-2px)}.dashboard-section{background:var(--skema-card-bg);border-radius:var(--skema-radius-lg);padding:var(--skema-space-lg) var(--skema-space-md);box-shadow:var(--skema-card-shadow);border:1px solid var(--skema-card-border)}.dashboard-section__title{display:flex;align-items:center;gap:var(--skema-space-md);font-size:var(--skema-text-xl);font-weight:var(--skema-font-semibold);color:var(--skema-text-primary);margin:0 0 var(--skema-space-xl) 0;padding-bottom:var(--skema-space-lg);border-bottom:2px solid var(--skema-border-light)}.dashboard-section__title svg{color:var(--skema-primary)}.dashboard-section__content{display:flex;flex-direction:column;gap:var(--skema-space-lg)}.global-stats{display:grid;grid-template-columns:auto 1fr;gap:var(--skema-space-2xl);align-items:center}.global-stats__gauge{display:flex;align-items:center;justify-content:center;padding:var(--skema-space-lg);background:var(--skema-bg-light);border-radius:var(--skema-radius-lg);border:1px solid var(--skema-border-light)}.global-stats__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--skema-space-lg)}.evaluation-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--skema-space-lg)}.course-ranking{background:var(--skema-bg-light);border-radius:var(--skema-radius-lg);padding:var(--skema-space-lg);border:1px solid var(--skema-border-light)}.course-ranking__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--skema-space-lg)}@media (max-width: 900px){.course-ranking__list{grid-template-columns:1fr}}.course-ranking__item{display:flex;align-items:center;gap:var(--skema-space-md);padding:var(--skema-space-md);background:var(--skema-white);border-radius:var(--skema-radius-md);border:1px solid var(--skema-border);transition:all var(--skema-transition-fast);width:100%;box-sizing:border-box}.course-ranking__item:hover{transform:translateY(-2px);box-shadow:var(--skema-card-shadow);border-color:var(--skema-primary)}.course-ranking__rank{width:32px;height:32px;border-radius:var(--skema-radius-full);background:var(--skema-primary);color:var(--skema-white);display:flex;align-items:center;justify-content:center;font-weight:var(--skema-font-bold);font-size:var(--skema-text-sm);flex-shrink:0}.course-ranking__details{flex:1}.course-ranking__name{font-size:var(--skema-text-base);font-weight:var(--skema-font-semibold);color:var(--skema-text-primary);margin:0 0 var(--skema-space-xs) 0}.course-ranking__stats{display:flex;gap:var(--skema-space-lg)}.course-ranking__stat{font-size:var(--skema-text-sm);color:var(--skema-text-secondary);font-weight:var(--skema-font-medium)}.course-ranking__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--skema-space-2xl);color:var(--skema-text-muted)}.course-ranking__empty svg{margin-bottom:var(--skema-space-md)}.course-ranking__loading{display:flex;flex-direction:column;gap:var(--skema-space-md)}.course-ranking__item--skeleton{display:flex;align-items:center;gap:var(--skema-space-md);padding:var(--skema-space-md);background:var(--skema-white);border-radius:var(--skema-radius-md);border:1px solid var(--skema-border)}.course-ranking__skeleton-name{height:20px;width:60%;background:var(--skema-gray-20);border-radius:var(--skema-radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.course-ranking__skeleton-stats{height:16px;width:40%;background:var(--skema-gray-20);border-radius:var(--skema-radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--skema-space-lg)}.insight-card{background:var(--skema-white);border-radius:var(--skema-radius-md);padding:var(--skema-space-lg);border:1px solid var(--skema-border);transition:all var(--skema-transition-fast);position:relative;overflow:hidden}.insight-card:hover{transform:translateY(-2px);box-shadow:var(--skema-card-shadow)}.insight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.insight-card--info:before{background:var(--skema-info)}.insight-card--warning:before{background:var(--skema-warning)}.insight-card--alert:before{background:var(--skema-error)}.insight-card--success:before{background:var(--skema-success)}.insight-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--skema-space-md)}.insight-card__title{font-size:var(--skema-text-base);font-weight:var(--skema-font-semibold);color:var(--skema-text-primary);margin:0;line-height:var(--skema-leading-tight)}.insight-card__priority{font-size:var(--skema-text-xs);font-weight:var(--skema-font-medium);padding:var(--skema-space-xs) var(--skema-space-sm);border-radius:var(--skema-radius-sm);text-transform:uppercase;letter-spacing:.5px}.insight-card__priority--low{background:var(--skema-info-bg);color:var(--skema-info)}.insight-card__priority--medium{background:var(--skema-warning-bg);color:var(--skema-warning)}.insight-card__priority--high{background:var(--skema-error-bg);color:var(--skema-error)}.insight-card__priority--critical{background:var(--skema-primary);color:var(--skema-white)}.insight-card__description{font-size:var(--skema-text-sm);color:var(--skema-text-secondary);line-height:var(--skema-leading-relaxed);margin:0}.insights-grid__empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--skema-space-2xl);color:var(--skema-text-muted)}.insights-grid__empty svg{margin-bottom:var(--skema-space-md)}.insights-grid__loading{display:contents}.insight-card--skeleton{background:var(--skema-white);border-radius:var(--skema-radius-md);padding:var(--skema-space-lg);border:1px solid var(--skema-border)}.insight-card__skeleton-header{height:20px;width:70%;background:var(--skema-gray-20);border-radius:var(--skema-radius-sm);margin-bottom:var(--skema-space-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.insight-card__skeleton-content{height:16px;width:90%;background:var(--skema-gray-20);border-radius:var(--skema-radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (min-width: 1600px){.dashboard-page__container,.dashboard-header__container,.dashboard-header__meta{max-width:1900px}}@media (max-width: 768px){.dashboard-page__container{padding:0 var(--skema-space-md);gap:var(--skema-space-2xl)}.dashboard-section{padding:var(--skema-space-lg)}.dashboard-section__title{font-size:var(--skema-text-lg);margin-bottom:var(--skema-space-lg);padding-bottom:var(--skema-space-md)}.global-stats{grid-template-columns:1fr;gap:var(--skema-space-lg)}.global-stats__cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--skema-space-md)}.evaluation-stats,.insights-grid{grid-template-columns:1fr;gap:var(--skema-space-md)}.course-ranking__stats{flex-direction:column;gap:var(--skema-space-xs)}}@media (max-width: 480px){.dashboard-page__content{padding:var(--skema-space-lg) 0}.dashboard-page__container{padding:0 var(--skema-space-sm);gap:var(--skema-space-lg)}.dashboard-section{padding:var(--skema-space-md)}.dashboard-section__title{font-size:var(--skema-text-base);flex-direction:column;align-items:flex-start;gap:var(--skema-space-sm)}.global-stats__cards{grid-template-columns:1fr}.course-ranking__item{flex-direction:column;align-items:flex-start;gap:var(--skema-space-sm)}.course-ranking__rank{align-self:center}.insight-card__header{flex-direction:column;align-items:flex-start;gap:var(--skema-space-sm)}}.login-page{min-height:100vh;background:linear-gradient(135deg,var(--skema-bg) 0%,var(--skema-bg-light) 100%);display:flex;align-items:center;justify-content:center;padding:var(--skema-space-lg)}.login-page__container{width:100%;max-width:400px}.login-page__card{background:var(--skema-card-bg);border-radius:var(--skema-radius-xl);padding:var(--skema-space-3xl);box-shadow:var(--skema-card-shadow);border:1px solid var(--skema-card-border);text-align:center}.login-page__header{margin-bottom:var(--skema-space-2xl)}.login-page__icon{width:80px;height:80px;border-radius:var(--skema-radius-full);background:var(--skema-primary);color:var(--skema-white);display:flex;align-items:center;justify-content:center;margin:0 auto var(--skema-space-lg);box-shadow:0 8px 24px #d11e354d}.login-page__title{font-size:var(--skema-text-2xl);font-weight:var(--skema-font-bold);color:var(--skema-text-primary);margin:0 0 var(--skema-space-md) 0;line-height:var(--skema-leading-tight)}.login-page__subtitle{font-size:var(--skema-text-sm);color:var(--skema-text-secondary);margin:0;line-height:var(--skema-leading-normal)}.login-page__content{margin-top:var(--skema-space-2xl)}.login-page__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--skema-space-sm);padding:var(--skema-space-lg) var(--skema-space-xl);background:var(--skema-primary);color:var(--skema-white);border:none;border-radius:var(--skema-radius-lg);font-size:var(--skema-text-base);font-weight:var(--skema-font-semibold);cursor:pointer;transition:all var(--skema-transition-normal);box-shadow:0 4px 12px #d11e354d}.login-page__btn:hover{background:var(--skema-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #d11e3566}.login-page__btn:active{transform:translateY(0)}.loading-page{min-height:100vh;background:var(--skema-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--skema-space-lg);padding:var(--skema-space-lg)}.loading-page__spinner{width:48px;height:48px;border:4px solid var(--skema-border-light);border-top:4px solid var(--skema-primary);border-radius:var(--skema-radius-full);animation:spin 1s linear infinite}.loading-page p{font-size:var(--skema-text-base);color:var(--skema-text-secondary);margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.login-page{padding:var(--skema-space-md)}.login-page__card{padding:var(--skema-space-2xl)}.login-page__icon{width:64px;height:64px}.login-page__title{font-size:var(--skema-text-xl)}.login-page__btn{padding:var(--skema-space-md) var(--skema-space-lg);font-size:var(--skema-text-sm)}}@media (max-width: 480px){.login-page__card{padding:var(--skema-space-xl)}.login-page__icon{width:56px;height:56px}.login-page__title{font-size:var(--skema-text-lg)}.login-page__subtitle{font-size:var(--skema-text-xs)}.login-page__btn{padding:var(--skema-space-sm) var(--skema-space-md);font-size:var(--skema-text-sm)}}#root{min-height:100vh;display:flex;flex-direction:column}@media print{.login-page,.loading-page{display:none}}