@font-face{font-family:Zalando Sans Expanded;src:url(/fonts/ZalandoSansExpanded-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--primary: #063062;--primary-rgb: 6, 48, 98;--accent: #ea580c;--accent-rgb: 234, 88, 12;--text-main: #334155;--text-light: #f8fafc;--card-radius: 16px}body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;background-color:#d3d3d3;color:var(--text-main);min-height:100vh}*,*:before,*:after{box-sizing:border-box}#root{height:100%;width:100%}h1,h2,h3,h4,h5,h6{color:var(--primary);margin-top:0}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{text-decoration:underline}.glass-header{background:#063062e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 4px 20px #0000001a;z-index:100}.glass-sidebar{background:#063062f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:4px 0 20px #0000001a}.glass-panel{background:#063062f2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;border-radius:var(--card-radius);color:#fff}.glass-panel h1,.glass-panel h2,.glass-panel h3{color:var(--accent)}.glass-card{background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 16px #0000000d;border-radius:var(--card-radius);transition:transform .2s ease,box-shadow .2s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}button{border-radius:8px;border:none;padding:.6em 1.2em;font-size:.95em;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent),#0284c7);color:#fff;box-shadow:0 2px 10px #0ea5e94d}.btn-primary:hover{box-shadow:0 4px 15px #0ea5e966;filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d}.btn-icon{background:transparent;color:inherit;padding:8px;border:1px solid transparent}.btn-icon:hover{background:#ffffff1a;border-color:#fff3}input,textarea,select{box-sizing:border-box;font-family:inherit}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=password],textarea,select{width:100%;padding:.625rem .75rem;border-radius:.5rem;border:1px solid #d1d5db;font-size:.875rem;transition:border-color .2s;box-sizing:border-box}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=month]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}textarea{resize:vertical;min-height:80px}.form-grid-1,.form-grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.form-grid-2{grid-template-columns:repeat(2,1fr)}}.form-grid-3{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.form-grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.form-grid-3{grid-template-columns:repeat(3,1fr)}}.form-grid-4{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.form-grid-4{grid-template-columns:repeat(4,1fr)}}.form-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#374151}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group-full{grid-column:1 / -1}.form-container{max-width:1200px;width:100%;margin:0 auto;padding:1.5rem;box-sizing:border-box}.form-container-sm{max-width:600px;width:100%;margin:0 auto;padding:1.5rem;box-sizing:border-box}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media(min-width:1024px){.dashboard-grid{grid-template-columns:1fr 340px}}@media(max-width:767px){body{font-size:14px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}button{min-height:44px;padding:.75em 1.5em;font-size:16px}.btn-primary,.btn-secondary{min-height:48px;width:100%;justify-content:center}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=password],textarea,select{min-height:44px;font-size:16px;padding:.75rem}.glass-card{margin-bottom:12px;padding:16px}.form-container,.form-container-sm{padding:1rem;max-width:100%}.employee-portal-header{padding:0 12px!important}.employee-portal-content{padding:12px!important}.employee-dashboard{padding:0}.dashboard-title{font-size:22px!important;line-height:1.3}.dashboard-subtitle{font-size:14px!important}.dashboard-main-grid,.dashboard-left-column,.widgets-grid{grid-template-columns:1fr!important}.dashboard-right-column{display:none!important}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}table tr{min-height:48px}table td,table th{padding:12px 8px}}@media(min-width:768px)and (max-width:1023px){body{font-size:15px}.glass-sidebar{width:200px!important}button{min-height:44px}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=password],textarea,select{min-height:44px;font-size:16px}.dashboard-main-grid{grid-template-columns:1fr!important}.dashboard-right-column{grid-template-columns:repeat(3,1fr)!important;position:static!important;max-width:100%!important}.widgets-grid{grid-template-columns:1fr 1fr!important}}@media(min-width:1440px){.form-container{max-width:1400px}.employee-dashboard{max-width:1600px}}@media(max-width:896px)and (orientation:landscape){.employee-portal-content{padding:16px!important}.dashboard-main-grid{gap:12px!important}}@media print{.glass-header,.glass-sidebar,.mobile-nav-menu,.mobile-nav-backdrop,button{display:none!important}body{background:#fff!important}.glass-card{border:1px solid #ddd!important;box-shadow:none!important;page-break-inside:avoid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.glass-card,.glass-panel,.glass-header,.glass-sidebar{border:2px solid #000!important}button{border:2px solid currentColor!important}}@media(hover:none)and (pointer:coarse){button,a,input,select,textarea{min-height:44px}.glass-card:hover{transform:none}.glass-sidebar button,.mobile-nav-item{min-height:48px;padding:12px 16px}}@supports (padding: max(0px)){body{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.glass-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.mobile-nav-menu{padding-left:max(16px,env(safe-area-inset-left));padding-bottom:max(16px,env(safe-area-inset-bottom))}}#root{height:100vh;width:100vw;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}