.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden;font-family:var(--font-body, Arial, "Museo Sans", sans-serif);color:#1f1f1f;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(196,33,39,.18) 0%,transparent 65%),radial-gradient(ellipse 50% 60% at 85% 0%,rgba(196,33,39,.22) 0%,transparent 55%),radial-gradient(ellipse 60% 60% at 0% 100%,rgba(143,26,29,.3) 0%,transparent 60%),linear-gradient(160deg,#0f172a,#1a1a2e 35%,#2a1216 75%,#4d1518)}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04) 0%,transparent .5%),radial-gradient(circle at 70% 60%,rgba(255,255,255,.03) 0%,transparent .5%),radial-gradient(circle at 85% 15%,rgba(255,255,255,.04) 0%,transparent .5%),radial-gradient(circle at 35% 85%,rgba(255,255,255,.03) 0%,transparent .5%);background-size:60px 60px,80px 80px,100px 100px,90px 90px}.login-card-wrap{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:stretch;position:relative;z-index:1}.login-brand{text-align:center;margin-bottom:1.5rem}.login-logo{height:48px;margin-bottom:.75rem}.login-brand-title{font-family:Museo Slab,Georgia,serif;font-size:24px;font-weight:700;color:#fff;letter-spacing:-.01em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.login-brand-subtitle{font-size:13px;color:#ffffffbf;margin-top:4px;letter-spacing:.02em}.login-card{background:#fffffffa;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001f,0 12px 32px #00000073,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-headline{font-family:Museo Slab,Georgia,serif;font-size:20px;font-weight:700;color:#1f1f1f;margin:0 0 1.5rem;text-align:center}.login-label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:6px;letter-spacing:.02em}.login-input{width:100%;padding:11px 14px;font-size:15px;color:#1f1f1f;background:#fff;border:1.5px solid #d1d1d1;border-radius:6px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;box-sizing:border-box}.login-input:hover{border-color:#b3b3b3}.login-input:focus{border-color:#c42127;box-shadow:0 0 0 3px #c421271f}.login-input::placeholder{color:#aaa}.login-btn-primary{width:100%;margin-top:1.25rem;padding:11px 16px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:#c42127;border:none;border-radius:6px;cursor:pointer;transition:background .15s,transform .05s}.login-btn-primary:hover{background:#a8141a}.login-btn-primary:active{transform:translateY(1px)}.login-btn-primary:disabled{background:#d1a3a5;cursor:not-allowed}.login-hint{font-size:12px;color:#777;margin:1rem 0 0;line-height:1.5;text-align:center}.login-hint strong{color:#1f1f1f;font-weight:600}.login-id-pill{display:flex;align-items:center;gap:10px;background:#f7f7f7;border:1px solid #e1e1e1;border-radius:6px;padding:10px 12px;margin-bottom:1.25rem;font-size:14px;color:#1f1f1f}.login-id-pill i{color:#888;font-size:14px}.login-id-pill span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-id-edit{background:none;border:none;color:#c42127;font-size:13px;font-weight:600;cursor:pointer;padding:0;font-family:inherit}.login-id-edit:hover{text-decoration:underline}.login-error{display:flex;align-items:flex-start;gap:8px;background:#fef2f2;border:1px solid #FCA5A5;color:#991b1b;padding:10px 12px;border-radius:6px;margin-bottom:1rem;font-size:13px;line-height:1.5}.login-error i{flex-shrink:0;margin-top:2px}.login-footer{text-align:center;font-size:12px;color:#ffffff8c;margin-top:1.5rem}.login-divider{display:flex;align-items:center;gap:12px;margin:1.25rem 0 1rem;color:#999;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.login-btn-sso{width:100%;padding:11px 16px;font-size:14px;font-weight:600;font-family:inherit;color:#1f1f1f;background:#fff;border:1.5px solid #d1d1d1;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:border-color .15s,background .15s,transform .05s}.login-btn-sso:hover{border-color:#c42127;background:#fafafa}.login-btn-sso:active{transform:translateY(1px)}.login-btn-sso .ms-mark{display:inline-grid;grid-template-columns:1fr 1fr;width:14px;height:14px;gap:1px;flex-shrink:0}.login-btn-sso .ms-mark span:nth-child(1){background:#f25022}.login-btn-sso .ms-mark span:nth-child(2){background:#7fba00}.login-btn-sso .ms-mark span:nth-child(3){background:#00a4ef}.login-btn-sso .ms-mark span:nth-child(4){background:#ffb900}@font-face{font-family:Museo Slab;src:url(/fonts/Museo_Slab_700.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Museo Slab;src:url(/fonts/Museo_Slab_500.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--color-primary: #C42127;--color-primary-dark: #8F1A1D;--color-brand-yellow: #EBA721;--color-brand-green: #1B835C;--color-brand-blue: #5C89C7;--color-brand-teal: #007870;--color-brand-orange: #D46A2F;--color-brand-plum: #5D3954;--color-brand-olive: #708238;--color-brand-sand: #C9B29B;--color-success: #1B835C;--color-warning: #EBA721;--color-danger: #C42127;--font-heading: "Museo Slab", Georgia, serif;--font-body: "Museo Sans", Arial, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-xxl: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--header-height: clamp(44px, 7vh, 56px);--page-padding: clamp(8px, 1.5vw, 20px);--grid-gap: clamp(6px, 1.2vh, 16px)}:root,[data-theme=dark]{--color-bg-body: #0a0a0f;--color-bg-dashboard: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);--color-bg-header: #1e293b;--color-bg-card: rgba(255, 255, 255, .03);--color-bg-card-hover: rgba(255, 255, 255, .05);--color-bg-elevated: #1e293b;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 255, 255, .15);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .75);--color-text-muted: rgba(255, 255, 255, .55);--color-text-faint: rgba(255, 255, 255, .45);--color-neutral: #64748b;--color-neutral-light: #94a3b8;--color-input-bg: #1e293b;--color-input-text: #e2e8f0;--color-grid: rgba(255, 255, 255, .06);--color-success-bg: rgba(27, 131, 92, .18);--color-warning-bg: rgba(235, 167, 33, .18);--color-danger-bg: rgba(196, 33, 39, .18);--color-table-header-bg: #1a1a2e;--color-shadow: rgba(0, 0, 0, .4);--color-overlay: rgba(0, 0, 0, .6);--text-status-success: #1B835C;--text-status-warning: #EBA721;--text-status-danger: #E0464C;--text-status-info: #5C89C7;--text-status-accent: #007870;--text-status-neutral: rgba(255, 255, 255, .85);--chart-primary: #C42127;--chart-secondary: #5C89C7;--chart-success: #1B835C;--chart-warning: #EBA721;--chart-danger: #C42127;--chart-info: #007870;--chart-accent: #5D3954;--chart-orange: #D46A2F;--chart-olive: #708238;--chart-sand: #C9B29B}[data-theme=light]{--color-bg-body: #F5F5F5;--color-bg-dashboard: linear-gradient(145deg, #FFFFFF 0%, #F5F5F5 100%);--color-bg-header: #FFFFFF;--color-bg-card: #FFFFFF;--color-bg-card-hover: #FAFAFA;--color-bg-elevated: #FFFFFF;--color-border: #CCCCCC;--color-border-light: #E5E5E5;--color-border-strong: #999999;--color-text-primary: #333333;--color-text-secondary: #555555;--color-text-muted: #666666;--color-text-faint: #999999;--color-neutral: #666666;--color-neutral-light: #999999;--color-input-bg: #FFFFFF;--color-input-text: #333333;--color-grid: rgba(0, 0, 0, .06);--color-success-bg: rgba(27, 131, 92, .12);--color-warning-bg: rgba(235, 167, 33, .16);--color-danger-bg: rgba(196, 33, 39, .1);--color-table-header-bg: #F5F5F5;--color-shadow: rgba(0, 0, 0, .08);--color-overlay: rgba(0, 0, 0, .4);--text-status-success: #155F45;--text-status-warning: #A87718;--text-status-danger: #9C1A1F;--text-status-info: #2C5C9F;--text-status-accent: #005B55;--text-status-neutral: #333333;--chart-primary: #C42127;--chart-secondary: #4476BC;--chart-success: #1B835C;--chart-warning: #F1C40F;--chart-danger: #C42127;--chart-info: #007870;--chart-accent: #5D3954;--chart-orange: #D46A2F;--chart-olive: #708238;--chart-sand: #B89F85}*{margin:0;padding:0;box-sizing:border-box}input,select,button,textarea{font-family:inherit}select,select option{background-color:var(--color-input-bg);color:var(--color-input-text)}html{height:100%}body{font-family:var(--font-body);background:var(--color-bg-body);color:var(--color-text-primary);min-height:100vh;margin:0;transition:background-color .2s ease,color .2s ease}#root{min-height:100vh}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.text-success{color:var(--text-status-success)}.text-warning{color:var(--text-status-warning)}.text-danger{color:var(--text-status-danger)}@media (max-height: 700px){:root{--page-padding: clamp(6px, 1vw, 12px);--grid-gap: clamp(4px, .8vh, 10px);--header-height: clamp(40px, 8vh, 48px)}}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-full{grid-column:1 / -1}.page-viewport{height:100%;display:grid;grid-template-rows:auto 1fr;gap:var(--grid-gap);overflow:hidden}.page-viewport>.page-body{min-height:0;overflow:hidden}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--grid-gap)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--grid-gap)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gap)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--grid-gap)}.grid-sidebar-2{display:grid;grid-template-columns:minmax(220px,300px) 1fr 1fr;gap:var(--grid-gap)}.grid-3-2{display:grid;grid-template-columns:3fr 2fr;gap:var(--grid-gap)}.executive-grid{display:grid;grid-template-rows:auto auto minmax(0,1fr) minmax(0,1fr);gap:var(--grid-gap);height:100%;overflow:auto}@media (max-width: 1024px){.executive-grid{grid-template-rows:auto auto minmax(320px,auto) minmax(280px,auto)}}.usage-grid{display:grid;grid-template-rows:auto auto minmax(0,1.3fr) minmax(0,1fr);gap:var(--grid-gap);height:100%;overflow:auto}.usage-grid.has-user-heatmap{grid-template-rows:auto auto minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr)}@media (max-width: 1024px){.usage-grid,.usage-grid.has-user-heatmap{grid-template-rows:auto auto minmax(540px,auto) minmax(220px,auto)}.usage-grid.has-user-heatmap{grid-template-rows:auto auto minmax(540px,auto) minmax(220px,auto) minmax(300px,auto)}}@media (max-width: 1024px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-3-2{grid-template-columns:1fr}.grid-sidebar-2{grid-template-columns:1fr 1fr}}.page-title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-text-primary);margin-bottom:4px}.page-desc{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--grid-gap)}.mini-kpi{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:clamp(8px,1.2vh,14px);text-align:center}.mini-kpi-value{font-family:var(--font-heading);font-size:clamp(16px,2.5vh,24px);font-weight:700;color:var(--color-text-primary);line-height:1.1}.mini-kpi-label{font-size:clamp(8px,1vh,10px);color:var(--color-text-muted);margin-top:2px;text-transform:uppercase}.kpi{text-align:center;padding:clamp(8px,1.5vh,20px) clamp(8px,1vw,16px)}.kpi-value{font-family:var(--font-heading);font-size:clamp(18px,3vh,32px);font-weight:700;line-height:1;color:var(--color-text-primary)}.kpi-value.good{color:var(--text-status-success)}.kpi-value.warning{color:var(--text-status-warning)}.kpi-value.danger{color:var(--text-status-danger)}.kpi-context{font-size:clamp(9px,1.1vh,11px);color:var(--color-text-faint);margin-top:2px}.kpi-target{display:inline-block;font-size:clamp(8px,1vh,10px);padding:2px 6px;border-radius:10px;margin-top:4px;font-weight:500}.kpi-target.on-track{background:var(--color-success-bg);color:var(--text-status-success)}.kpi-target.at-risk{background:var(--color-warning-bg);color:var(--text-status-warning)}.kpi-target.off-track{background:var(--color-danger-bg);color:var(--text-status-danger)}.action-list{display:flex;flex-direction:column;gap:12px}.action-item{display:flex;gap:14px;padding:14px;background:var(--color-bg-card);border-radius:var(--radius-md);border-left:3px solid}.action-item.high{border-color:var(--color-danger);background:var(--color-danger-bg)}.action-item.medium{border-color:var(--color-warning);background:var(--color-warning-bg)}.action-icon{font-size:18px;flex-shrink:0}.action-title{font-size:13px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.action-desc{font-size:12px;color:var(--color-text-muted)}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:clamp(4px,.8vh,10px) 0;border-bottom:1px solid var(--color-border-light)}.metric-row:last-child{border-bottom:none}.metric-name{font-size:clamp(11px,1.3vh,13px);color:var(--color-text-secondary)}.metric-value{font-size:clamp(12px,1.4vh,14px);font-weight:600;color:var(--color-text-primary)}.meal-item{margin-bottom:20px}.meal-header{display:flex;justify-content:space-between;margin-bottom:6px}.meal-name{font-size:13px;font-weight:600;color:var(--color-text-primary)}.meal-stat{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.meal-bar{height:24px;background:var(--color-border-light);border-radius:var(--radius-sm);overflow:hidden;display:flex}.meal-fill{height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff}.meal-fill.ate{background:var(--color-brand-green)}.meal-fill.skip{background:var(--color-primary)}.user-type-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:16px;display:flex;align-items:center;gap:14px}.user-avatar{width:48px;height:48px;background:var(--color-bg-card-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--color-text-secondary)}.user-count{font-family:var(--font-heading);font-size:24px;font-weight:700;color:var(--color-text-primary)}.user-label{font-size:12px;color:var(--color-text-muted)}.user-status{font-size:11px;font-weight:600}.status-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:600}.status-badge.good{background:var(--color-success-bg);color:var(--text-status-success)}.status-badge.bad{background:var(--color-danger-bg);color:var(--text-status-danger)}.data-caveat{font-size:9px;color:var(--color-text-faint);font-style:italic;margin-top:8px}@media (max-width: 768px){.grid-5,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3,.grid-2,.grid-3-2,.grid-sidebar-2{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:span 1}}