*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}:root{--color-primary: #155dfc;--color-primary-dark: #030213;--color-primary-hover: #1447e6;--color-text-primary: #101828;--color-text-secondary: #4a5565;--color-text-placeholder: rgba(10, 10, 10, .5);--color-background-input: #f3f3f5;--color-background-demo: #f9fafb;--color-background-page: #f9fafb;--color-border: #e5e7eb;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--shadow-card: 0px 10px 15px -3px rgba(0, 0, 0, .1), 0px 4px 6px -4px rgba(0, 0, 0, .1);--color-role-admin-bg: #f3e8ff;--color-role-admin-text: #8200db;--color-role-manager-bg: #dbeafe;--color-role-manager-text: #364153;--color-role-employee-bg: #dcfce7;--color-role-employee-text: #008236;--color-status-active-bg: #dcfce7;--color-status-active-text: #008236;--color-status-active-dot: #00c950;--color-status-inactive-bg: #fee2e2;--color-status-inactive-text: #dc2626;--color-status-inactive-dot: #dc2626;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--spacing-mobile: 16px;--spacing-desktop: 24px;--spacing-page-mobile: 16px;--spacing-page-desktop: 24px}@media (max-width: 768px){:root{--spacing-page: var(--spacing-page-mobile)}}@media (min-width: 769px){:root{--spacing-page: var(--spacing-page-desktop)}}.page-content{padding:16px;max-width:1200px;margin:0 auto}.page-header{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.page-header-title{font-size:18px;font-weight:500;line-height:27px;color:var(--color-text-primary);margin:0}.page-header-subtitle{font-size:14px;font-weight:400;line-height:20px;color:var(--color-text-secondary);margin:0}.page-header-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:400;line-height:20px;cursor:pointer;transition:background-color .2s;white-space:nowrap;width:100%}@media (min-width: 768px){.page-content{padding:24px}.page-header{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.page-header-title{font-size:20px;line-height:30px}.page-header-subtitle{font-size:16px;line-height:24px}.page-header-button{width:auto;font-size:16px;line-height:24px}}