:root{--color-primary:#6c5ce7;--color-primary-light:#a29bfe;--color-primary-dark:#4a3db5;--color-primary-glow:rgba(108,92,231,0.15);--color-accent:#fd79a8;--color-success:#00cec9;--color-success-bg:rgba(0,206,201,0.1);--color-warning:#fdcb6e;--color-warning-bg:rgba(253,203,110,0.1);--color-error:#ff6b6b;--color-error-bg:rgba(255,107,107,0.1);--color-bg:#0a0a0f;--color-bg-elevated:#13131a;--color-bg-card:#1a1a24;--color-surface:#22222e;--color-border:rgba(255,255,255,0.08);--color-border-hover:rgba(255,255,255,0.15);--color-text:#f0f0f5;--color-text-secondary:#8a8a9a;--color-text-muted:#5a5a6a;--font-display:var(--font-outfit),"Outfit",system-ui,sans-serif;--font-body:var(--font-inter),"Inter",system-ui,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:300ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text)}.dashboard,body{min-height:100vh}.dashboard{display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--color-bg-elevated);border-right:1px solid var(--color-border);padding:var(--space-lg);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar__logo{font-family:var(--font-display);font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);letter-spacing:-1px}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-xs);flex:1 1}.sidebar__link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:all var(--transition-fast)}.sidebar__link:hover{background:var(--color-primary-glow);color:var(--color-text)}.sidebar__link--active{background:var(--color-primary-glow);color:var(--color-primary-light);font-weight:600}.sidebar__link-icon{font-size:1.2rem;width:24px;text-align:center}.main-content{padding:var(--space-xl);overflow-y:auto}.main-content__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.main-content__title{font-family:var(--font-display);font-size:1.75rem;font-weight:700}.main-content__subtitle{color:var(--color-text-secondary);font-size:.9rem;margin-top:var(--space-xs)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.kpi-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-base)}.kpi-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.kpi-card__label{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:var(--space-sm)}.kpi-card__value{font-family:var(--font-display);font-size:2rem;font-weight:800;margin-bottom:var(--space-xs)}.kpi-card__change{font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.kpi-card__change--up{color:var(--color-success)}.kpi-card__change--down{color:var(--color-error)}.chart-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.chart-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.chart-section__title{font-family:var(--font-display);font-size:1.1rem;font-weight:700}.terminals-table{width:100%;border-collapse:separate;border-spacing:0}.terminals-table th{text-align:left;font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600}.terminals-table td,.terminals-table th{padding:var(--space-md);border-bottom:1px solid var(--color-border)}.terminals-table td{font-size:.9rem}.terminals-table tr:hover td{background:var(--color-primary-glow)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600}.status-badge--online{background:var(--color-success-bg);color:var(--color-success)}.status-badge--offline{background:var(--color-error-bg);color:var(--color-error)}.status-badge--maintenance{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.lost-revenue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.lost-revenue-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);transition:all var(--transition-base)}.lost-revenue-card:hover{border-color:var(--color-accent);box-shadow:0 0 20px rgba(253,121,168,.15)}.lost-revenue-card__image{width:100%;aspect-ratio:1;object-fit:cover}.lost-revenue-card__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.85));padding:var(--space-md)}.lost-revenue-card__score{color:var(--color-error);font-size:.8rem;font-weight:700}.lost-revenue-card__categories{display:flex;gap:4px;flex-wrap:wrap;margin-top:var(--space-xs)}.lost-revenue-card__category{background:rgba(253,121,168,.2);color:var(--color-accent);font-size:.65rem;padding:2px 8px;border-radius:9999px;font-weight:600}.gradient-text{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{padding:10px 24px;font-size:.9rem;font-weight:600;color:white;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border:none;border-radius:9999px;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{padding:10px 24px;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:9999px;cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{border-color:var(--color-border-hover);color:var(--color-text)}