.layout{min-height:100vh;display:flex;flex-direction:column}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.navbar-container{max-width:1280px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;gap:2rem}.navbar-brand{display:flex;align-items:center;gap:.65rem;color:var(--text-primary);text-decoration:none;font-size:1.1rem;font-weight:600;flex-shrink:0}.navbar-logo{width:auto;height:32px}.navbar-menu{display:flex;gap:.25rem;flex:1}.navbar-link{display:flex;align-items:center;min-height:44px;padding:.6rem .85rem;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;white-space:nowrap}.navbar-link:hover{background:var(--bg-secondary)}.navbar-link.active{background:var(--primary-light);color:var(--green-800)}.navbar-user{display:flex;align-items:center;gap:1rem;margin-left:auto;min-width:0}.user-name{color:var(--text-secondary);font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.main-content{flex:1;padding:2rem 0}@media(max-width:768px){.navbar-container{flex-wrap:wrap;gap:.5rem 1rem;padding:.65rem 1rem}.navbar-menu{order:3;flex-basis:100%;overflow-x:auto}.navbar-user{gap:.65rem}.user-name{max-width:140px}.main-content{padding:1.5rem 0}}@media(max-width:380px){.user-name{max-width:95px}}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:100vh;color:var(--text-secondary)}@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(/static/dist/assets/inter-latin-Dx4kXJAl.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:300 700;font-display:swap;src:url(/static/dist/assets/inter-latin-ext-DO1Apj_S.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-300: #86efac;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--primary: var(--green-700);--primary-hover: var(--green-800);--primary-light: var(--green-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-tertiary: var(--gray-500);--bg-primary: #fff;--bg-secondary: #f7f9f8;--border-color: #e2e8e4;--shadow-sm: 0 1px 2px rgba(20, 53, 32, .03);--shadow-md: 0 4px 16px rgba(20, 53, 32, .05);--shadow-lg: 0 8px 28px rgba(20, 53, 32, .08);--shadow-xl: var(--shadow-lg);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .18s ease;--transition-slow: .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-secondary);-webkit-font-smoothing:antialiased}#root{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--primary);text-underline-offset:3px}:focus-visible{outline:3px solid var(--green-700);outline-offset:3px}input,select,textarea{min-width:0;color:var(--text-primary);background:var(--bg-primary);border:1px solid #b9c5bd;border-radius:var(--radius-md);padding:.65rem .8rem;width:100%;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid var(--green-200);outline-offset:1px}input::placeholder{color:var(--text-tertiary)}input:disabled,select:disabled{background:var(--bg-secondary);cursor:not-allowed}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--primary);flex-shrink:0}.btn-primary,.btn-secondary,.btn-pagination,.btn-view-archived,.btn-register-visitor,.btn-login,.btn-microsoft,.btn-logout,.btn-mark-arrived,.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;line-height:1.4;text-decoration:none}.btn-primary,.btn-register-visitor,.btn-login,.btn-mark-arrived,.btn-restore{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled),.btn-register-visitor:hover:not(:disabled),.btn-login:hover:not(:disabled),.btn-mark-arrived:hover:not(:disabled),.btn-restore:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary,.btn-pagination,.btn-view-archived,.btn-microsoft,.btn-logout,.btn-archive{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled),.btn-pagination:hover:not(:disabled),.btn-view-archived:hover,.btn-microsoft:hover:not(:disabled),.btn-logout:hover:not(:disabled),.btn-archive:hover:not(:disabled){background:var(--bg-secondary);border-color:#b9c5bd;color:var(--text-primary)}.form-group{display:flex;flex-direction:column;gap:.5rem;min-width:0}.form-group label,.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.react-datepicker-wrapper{width:100%}.status-badge,.role-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;white-space:nowrap}.status-expected{background:#eff6ff;color:#1e40af}.status-arrived,.role-badge{background:var(--green-50);color:var(--green-800)}.app-footer{padding:1rem;text-align:center;font-size:.75rem;color:var(--text-tertiary);border-top:1px solid var(--border-color);background:var(--bg-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:.5rem;left:.5rem;z-index:1100;padding:.75rem 1rem;background:#fff;border-radius:var(--radius-md);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.notice,.form-error,.login-error{display:flex;align-items:center;gap:1rem;padding:.9rem 1rem;border:1px solid var(--green-200);background:var(--green-50);border-radius:var(--radius-md);color:var(--green-900);font-size:.875rem;margin-bottom:1.5rem;overflow-wrap:anywhere}.notice-error,.form-error,.login-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.notice>span{flex:1}.refresh-status{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem}.notice button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:var(--radius-sm);padding:.5rem .75rem;min-height:44px;font-size:.875rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:480px){.notice{flex-wrap:wrap}}