:root{--primary: #1976d2;--primary-dark: #1565c0;--primary-light: #42a5f5;--secondary: #ff9800;--secondary-dark: #ef6c00;--secondary-light: #ffb74d;--accent: #ff9800;--warn: #f44336;--success: #4caf50;--bg: #f5f5f5;--surface: #ffffff;--text: #212121;--text-secondary: #757575;--border: #e0e0e0;--radius: 8px;--shadow: 0 2px 4px rgba(0,0,0,.1);--shadow-lg: 0 4px 12px rgba(0,0,0,.15);--sidebar-bg: #1a237e;--sidebar-text: rgba(255,255,255,.7);--sidebar-active: rgba(255,255,255,.15);--table-hover: #fafafa}[data-theme=dark]{--primary: #64b5f6;--primary-dark: #42a5f5;--primary-light: #90caf9;--secondary: #ffb74d;--secondary-dark: #ffa726;--secondary-light: #ffd54f;--accent: #ffb74d;--warn: #ef5350;--success: #66bb6a;--bg: #121212;--surface: #1e1e1e;--text: #e0e0e0;--text-secondary: #9e9e9e;--border: #333333;--shadow: 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 4px 12px rgba(0,0,0,.4);--sidebar-bg: #0d1137;--sidebar-text: rgba(255,255,255,.6);--sidebar-active: rgba(255,255,255,.12);--table-hover: #252525}[data-color=indigo]{--primary: #5c6bc0;--primary-dark: #3949ab;--primary-light: #7986cb;--secondary: #26a69a;--secondary-dark: #00897b;--secondary-light: #4db6ac;--sidebar-bg: #283593}[data-theme=dark][data-color=indigo]{--primary: #9fa8da;--primary-dark: #7986cb;--primary-light: #c5cae9;--secondary: #80cbc4;--secondary-dark: #4db6ac;--secondary-light: #b2dfdb;--sidebar-bg: #1a1f5c}[data-color=cyan]{--primary: #0097a7;--primary-dark: #00838f;--primary-light: #26c6da;--secondary: #ff7043;--secondary-dark: #e64a19;--secondary-light: #ff8a65;--sidebar-bg: #006064}[data-theme=dark][data-color=cyan]{--primary: #4dd0e1;--primary-dark: #26c6da;--primary-light: #80deea;--secondary: #ffab91;--secondary-dark: #ff8a65;--secondary-light: #ffccbc;--sidebar-bg: #003d42}[data-color=teal]{--primary: #00897b;--primary-dark: #00796b;--primary-light: #4db6ac;--secondary: #ef6c00;--secondary-dark: #e65100;--secondary-light: #ff9800;--sidebar-bg: #004d40}[data-theme=dark][data-color=teal]{--primary: #4db6ac;--primary-dark: #26a69a;--primary-light: #80cbc4;--secondary: #ffb74d;--secondary-dark: #ffa726;--secondary-light: #ffd54f;--sidebar-bg: #00332c}[data-color=green]{--primary: #388e3c;--primary-dark: #2e7d32;--primary-light: #66bb6a;--secondary: #7b1fa2;--secondary-dark: #6a1b9a;--secondary-light: #ab47bc;--sidebar-bg: #1b5e20}[data-theme=dark][data-color=green]{--primary: #66bb6a;--primary-dark: #4caf50;--primary-light: #81c784;--secondary: #ce93d8;--secondary-dark: #ab47bc;--secondary-light: #e1bee7;--sidebar-bg: #133318}[data-color=orange]{--primary: #e65100;--primary-dark: #bf360c;--primary-light: #ff8a65;--secondary: #1565c0;--secondary-dark: #0d47a1;--secondary-light: #42a5f5;--sidebar-bg: #bf360c}[data-theme=dark][data-color=orange]{--primary: #ff8a65;--primary-dark: #ff7043;--primary-light: #ffab91;--secondary: #64b5f6;--secondary-dark: #42a5f5;--secondary-light: #90caf9;--sidebar-bg: #6d1f07}[data-color=amber]{--primary: #f57f17;--primary-dark: #e65100;--primary-light: #ffb300;--secondary: #5c6bc0;--secondary-dark: #3949ab;--secondary-light: #7986cb;--sidebar-bg: #e65100}[data-theme=dark][data-color=amber]{--primary: #ffd54f;--primary-dark: #ffca28;--primary-light: #ffe082;--secondary: #9fa8da;--secondary-dark: #7986cb;--secondary-light: #c5cae9;--sidebar-bg: #7a3000}[data-color=red]{--primary: #d32f2f;--primary-dark: #c62828;--primary-light: #ef5350;--secondary: #00897b;--secondary-dark: #00796b;--secondary-light: #26a69a;--sidebar-bg: #b71c1c}[data-theme=dark][data-color=red]{--primary: #ef5350;--primary-dark: #e53935;--primary-light: #ef9a9a;--secondary: #80cbc4;--secondary-dark: #4db6ac;--secondary-light: #b2dfdb;--sidebar-bg: #6d1010}[data-color=rose]{--primary: #e91e63;--primary-dark: #c2185b;--primary-light: #f06292;--secondary: #009688;--secondary-dark: #00796b;--secondary-light: #4db6ac;--sidebar-bg: #880e4f}[data-theme=dark][data-color=rose]{--primary: #f48fb1;--primary-dark: #f06292;--primary-light: #f8bbd0;--secondary: #80cbc4;--secondary-dark: #4db6ac;--secondary-light: #b2dfdb;--sidebar-bg: #4a0a2c}[data-color=purple]{--primary: #7b1fa2;--primary-dark: #6a1b9a;--primary-light: #ab47bc;--secondary: #f57f17;--secondary-dark: #e65100;--secondary-light: #ffb300;--sidebar-bg: #4a148c}[data-theme=dark][data-color=purple]{--primary: #ce93d8;--primary-dark: #ab47bc;--primary-light: #e1bee7;--secondary: #ffd54f;--secondary-dark: #ffca28;--secondary-light: #ffe082;--sidebar-bg: #2c0d52}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;height:100dvh}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.btn:hover,a.btn:hover{text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius);font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--secondary-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-danger{background:var(--warn);color:#fff}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--text-secondary)}.form-control{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:.875rem;transition:border-color .2s}.form-control{background:var(--surface);color:var(--text)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1976d21a}.badge{display:inline-block;padding:.125rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-success{background:color-mix(in srgb,var(--success) 15%,var(--surface));color:var(--success)}.badge-warning{background:color-mix(in srgb,var(--accent) 15%,var(--surface));color:var(--accent)}.badge-danger{background:color-mix(in srgb,var(--warn) 15%,var(--surface));color:var(--warn)}.badge-info{background:color-mix(in srgb,var(--secondary) 15%,var(--surface));color:var(--secondary)}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}tr:hover{background:var(--table-hover)}.material-icons{font-family:Material Icons,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}h2>.material-icons{color:var(--secondary)}h3>.material-icons{color:var(--secondary);vertical-align:middle;margin-right:.35rem}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}@media (max-width: 1024px){.flex-between{flex-wrap:wrap;gap:.5rem}}@media (max-width: 600px){.btn{padding:.5rem 1rem;font-size:.8rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.card{padding:1rem}.form-control{font-size:16px}h2{font-size:1.25rem}h3{font-size:1.05rem}th,td{padding:.5rem .35rem;font-size:.8rem}th{font-size:.65rem}.flex.gap-1,.flex.gap-2{flex-wrap:wrap}.flex-between{flex-direction:column;align-items:stretch;gap:.5rem}.flex-between>.btn,.flex-between>.flex{align-self:flex-start}}app-root,app-main-layout,app-unified-reports,app-reports,app-advanced-reports,app-extended-reports,app-employee-dashboard,app-manager-dashboard,app-super-admin-dashboard,app-clock,app-about,app-faq,app-notifications-page,app-themes-page,app-landing{display:block!important;width:100%!important}@media print{.sidebar,.no-print{display:none!important}.main-content{margin-left:0!important;padding:0!important}}