:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background-image:url(/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}#root{max-width:auto;width:100%;margin:0;padding:0;text-align:center;background:transparent;min-height:100vh}.app{background:transparent;min-height:100vh;width:100%;margin:0;padding:0}.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}.employee-row:hover,.attendance-record:hover{box-shadow:0 2px 8px #0000001a!important;border-color:#b18819!important}.head-nav-root{width:100%;position:relative;margin-bottom:20px}.head-nav-bar{width:100%;min-height:90px;box-sizing:border-box;background-color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px 16px;padding:12px 20px;border:1px solid #e0e0e0}.head-nav-brand{grid-column:1;justify-self:start;display:flex;align-items:center;gap:16px;min-width:0}.head-nav-logo{height:70px;width:70px;border-radius:50%;object-fit:cover;flex-shrink:0}.head-nav-titles{text-align:left;min-width:0}.head-nav-title-gold{color:#b18819;font-size:clamp(11px,2.8vw,20px);font-weight:700;line-height:1.2;font-family:Times New Roman,serif}.head-nav-title-sub{color:#0e243c;font-size:clamp(11px,2.2vw,16px);font-weight:500;margin-top:2px;font-family:Poppins,sans-serif}.head-nav-datetime-wrap{grid-column:2;justify-self:center;text-align:center;min-width:0;max-width:100%}.head-nav-datetime{color:#495057;font-size:clamp(12px,2.5vw,27px);font-weight:600;font-family:Poppins,sans-serif;line-height:1.3;word-break:break-word;text-align:center}.head-nav-date,.head-nav-time{display:inline}.head-nav-datetime-sep{white-space:pre}.head-nav-strip{width:100%;height:10px}.head-nav-strip--blue{background-color:#002060}.head-nav-strip--red{background-color:#a51b0f}@media(max-width:768px){.head-nav-bar{padding:10px 14px;min-height:unset;grid-template-columns:1fr}.head-nav-brand{grid-column:1;gap:12px}.head-nav-logo{height:56px;width:56px}.head-nav-datetime-wrap{grid-column:1;justify-self:center;width:100%;text-align:center;padding-top:4px;border-top:1px solid #eee}.head-nav-datetime{font-size:13px;display:block;text-align:center}.head-nav-datetime-sep{display:none}.head-nav-time{display:block;margin-top:4px;font-size:12px;font-weight:600}}@media(max-width:400px){.head-nav-logo{height:48px;width:48px}.head-nav-title-gold{font-size:10px;letter-spacing:-.02em}.head-nav-title-sub{font-size:11px}}.rsvp-page-outer{min-height:calc(100vh - 200px);padding:40px 20px;background-color:#f8f9fa;box-sizing:border-box}.rsvp-page-outer--centered{display:flex;align-items:center;justify-content:center}.rsvp-card{max-width:440px;width:100%;margin:0 auto;background-color:#fff;border-radius:10px;padding:40px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box}.rsvp-card--wide{max-width:920px}.rsvp-heading{color:#002060;font-family:Poppins,sans-serif;font-weight:600;text-align:center;margin-bottom:10px}.rsvp-heading--login{font-size:clamp(20px,5vw,24px)}.rsvp-subtext{color:#6c757d;font-size:clamp(13px,3.5vw,14px);text-align:center;margin-bottom:28px}.rsvp-title-block{color:#002060;font-family:Poppins,sans-serif;font-size:clamp(16px,4.2vw,22px);font-weight:700;margin-bottom:16px;text-align:center;line-height:1.35}.rsvp-intro{color:#333;font-size:clamp(13px,3.2vw,14px);line-height:1.65;margin-bottom:28px;text-align:justify;font-family:Poppins,sans-serif;hyphens:auto;-webkit-hyphens:auto}.rsvp-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px 20px;align-items:start;margin-bottom:8px}.rsvp-section-title{color:#002060;font-family:Poppins,sans-serif;font-size:clamp(15px,3.5vw,16px);font-weight:600;margin:0 0 14px;text-align:left}.rsvp-commitment-title{color:#002060;font-family:Poppins,sans-serif;font-size:clamp(14px,3.2vw,15px);font-weight:600;margin:0 0 14px;line-height:1.4}.rsvp-commitment-body{font-size:clamp(12px,3vw,13px);line-height:1.65;color:#333;text-align:justify;font-family:Poppins,sans-serif;margin-bottom:16px;hyphens:auto;-webkit-hyphens:auto}.rsvp-checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:clamp(13px,3.2vw,14px);font-family:Poppins,sans-serif;color:#333;text-align:left}.rsvp-checkbox-label input{margin-top:3px;flex-shrink:0}@media(max-width:768px){.rsvp-page-outer{padding:20px 14px;min-height:calc(100vh - 180px)}.rsvp-card{padding:24px 18px;border-radius:8px}.rsvp-form-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:480px){.rsvp-page-outer{padding:12px 10px;min-height:calc(100vh - 160px)}.rsvp-card{padding:20px 14px}.rsvp-page-outer--centered{align-items:flex-start;padding-top:20px}}.rsvp-ms-signin-btn{width:100%;padding:14px 16px;font-size:clamp(14px,3.5vw,16px);font-weight:600;font-family:Poppins,sans-serif;color:#fff;background-color:#2f2f2f;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center}.rsvp-ms-signin-btn:disabled{cursor:not-allowed;opacity:.7}.rsvp-ms-signin-btn:not(:disabled){cursor:pointer}.rsvp-alert{padding:12px;border-radius:5px;margin-bottom:16px;font-size:clamp(13px,3.2vw,14px);word-break:break-word}.rsvp-alert--error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.rsvp-alert--success{background-color:#d4edda;color:#155724}.rsvp-existing-rsvp{margin-bottom:24px;padding:16px 18px;border-radius:8px;border:1px solid #b8d4e8;background:linear-gradient(180deg,#f0f7fc,#e8f2fa);color:#1a3a52;font-family:Poppins,sans-serif;font-size:clamp(13px,3.2vw,14px);line-height:1.55}.rsvp-existing-rsvp__title{margin:0 0 8px;font-size:clamp(15px,3.5vw,17px);font-weight:700;color:#002060}.rsvp-existing-rsvp__list{margin:0;padding-left:0;list-style:none;font-weight:600;color:#1a3a52}.rsvp-existing-rsvp__list li{margin-bottom:8px}.rsvp-existing-rsvp__list li:last-child{margin-bottom:0}.rsvp-btn-submit{margin-top:24px;width:100%;padding:14px 12px;font-size:clamp(15px,3.5vw,16px);font-weight:600;font-family:Poppins,sans-serif;color:#fff;background-color:#002060;border:none;border-radius:8px;box-sizing:border-box}.rsvp-btn-submit:disabled{cursor:not-allowed}.rsvp-btn-submit:not(:disabled){cursor:pointer}.rsvp-btn-outline{margin-top:16px;width:100%;padding:10px 12px;font-size:clamp(13px,3.2vw,14px);color:#002060;background:transparent;border:1px solid #002060;border-radius:8px;cursor:pointer;box-sizing:border-box}.rsvp-divider-section{margin-top:28px;padding-top:20px;border-top:1px solid #dee2e6}.rsvp-field-label{display:block;margin-bottom:6px;font-size:clamp(12px,3vw,13px);font-weight:600;color:#333;font-family:Poppins,sans-serif}.rsvp-field-readonly{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;font-size:clamp(13px,3.2vw,14px);border-radius:6px;border:1px solid #ced4da;font-family:Poppins,sans-serif;background-color:#e9ecef;color:#495057}.rsvp-field-edit{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:10px 12px;font-size:clamp(13px,3.2vw,14px);border-radius:6px;border:1px solid #ced4da;font-family:Poppins,sans-serif}.rsvp-event-select{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #b8d4e8;color:#1a3a52;font-weight:600}.rsvp-field-help{margin:6px 0 0;font-size:clamp(11px,2.8vw,12px);color:#4f6d85;font-family:Poppins,sans-serif}.rsvp-event-preview{margin-top:10px;padding:10px 12px;border-radius:8px;border:1px solid #cbe2f1;background:#f4f9fd;color:#1a3a52;font-family:Poppins,sans-serif;font-size:clamp(12px,3vw,13px);line-height:1.5;display:grid;gap:4px}