@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--home-dark: #0f1b2c;--home-light: #f4f6fb;--home-accent: #19a779;--home-secondary: #f6b017}.home-screen{padding:clamp(2rem,5vw,4rem) clamp(1.5rem,6vw,5rem);background:radial-gradient(circle at 20% 20%,rgba(25,167,121,.25),transparent 45%),radial-gradient(circle at 80% 0%,rgba(246,176,23,.2),transparent 40%),linear-gradient(135deg,#fff,#f2f5fb 55%,#eef6ff);color:var(--home-dark);display:flex;flex-direction:column;gap:2.5rem;animation:fadeIn .4s ease-out}.home-hero{max-width:760px}.home-eyebrow{letter-spacing:.2em;text-transform:uppercase;font-size:.9rem;color:#0f1b2ca6;margin-bottom:.75rem}.home-hero h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem}.home-subcopy{font-size:1.1rem;max-width:620px;color:#0f1b2cc7}.home-actions{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.home-card{border:1px solid rgba(15,27,44,.08);border-radius:1.5rem;padding:1.75rem;text-decoration:none;color:inherit;background:var(--home-light);box-shadow:0 25px 45px #0f1b2c14;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:.75rem}.home-card:hover{transform:translateY(-6px);box-shadow:0 30px 55px #0f1b2c1f;border-color:#19a77966}.primary-card{background:#fff}.secondary-card{border-style:dashed;background:#f6b01714}.card-kicker{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#0f1b2ca6}.card-kicker.coming-soon{color:var(--home-secondary)}.home-card h2{margin:0;font-size:1.8rem}.home-card p{margin:0;color:#0f1b2cb8}.card-cta{margin-top:auto;font-weight:600;color:var(--home-accent)}.card-cta.muted{color:#0f1b2c8c}.home-highlight-panel{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1.75rem 2rem;border-radius:1.5rem;background:#fff;box-shadow:0 20px 35px #0f1b2c14}.home-highlight-panel h3{margin-bottom:.75rem}.home-highlight-panel ul{margin:0;padding-left:1.2rem;color:#0f1b2cc7;line-height:1.6}.home-stat-block{min-width:180px;text-align:center;padding:1.5rem;border-radius:1rem;background:linear-gradient(135deg,#19a77926,#19a77959)}.stat-value{font-size:3rem;margin:0;font-weight:700}.stat-label{margin:0;color:#0f1b2ccc}@media (max-width: 768px){.home-screen{padding:2.5rem 1.25rem 3rem}.home-hero h1{font-size:2.2rem}.home-highlight-panel{flex-direction:column;text-align:left}.home-stat-block{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._authShell_17pct_3{min-height:calc(100vh - 80px);padding:clamp(32px,6vw,72px) clamp(16px,4vw,32px);display:flex;justify-content:center;align-items:center;background:var(--color-app-background)}._panel_17pct_12{width:min(460px,100%)}._heroHeader_17pct_16{display:flex;gap:1.5rem;align-items:flex-start;padding-bottom:.5rem}._heroBadge_17pct_23{display:flex;flex-direction:column;gap:.1rem;letter-spacing:.4em;text-transform:uppercase;font-size:.72rem;color:var(--color-muted);text-align:center}._heroCopy_17pct_34{flex:1}._heroTitle_17pct_38{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.4rem);margin-bottom:.35rem;line-height:1.1}._formStack_17pct_45{display:flex;flex-direction:column;gap:1.5rem}._inlineLinks_17pct_51{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;font-size:.9rem}._linkButton_17pct_59{border:none;background:none;padding:0;font:inherit;color:var(--color-accent);cursor:pointer;text-decoration:none}._linkButton_17pct_59:hover{color:var(--color-accent-strong, #1f57e0)}._checkboxRow_17pct_73{display:flex;gap:.6rem;align-items:flex-start;color:var(--color-muted);font-size:.9rem}._checkboxRow_17pct_73 input{margin-top:.25rem}._infoList_17pct_85{margin:0;padding-left:1.25rem;color:var(--color-text)}._infoList_17pct_85 li{margin-bottom:.35rem}._notice_17pct_95{margin-bottom:1.5rem}._footerLinks_17pct_99{margin-top:2rem}._helperWide_17pct_103{margin-top:1.5rem;text-align:center}._helperTight_17pct_108{margin-top:1.25rem;text-align:center}._formFeedback_17pct_113{font-size:.95rem;margin-top:-1rem}._formFeedbackError_17pct_118{color:var(--color-danger, #b42318)}._formFeedbackSuccess_17pct_122{color:var(--color-success, #15803d)}._resetPanel_17pct_126{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem}._resetHeader_17pct_135{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}._resetTitle_17pct_142{margin:0;font-size:1.1rem;font-weight:600}._resetStep_17pct_148{font-size:.85rem;color:var(--color-muted)}._resetHelper_17pct_153{margin:0;color:var(--color-muted);font-size:.9rem}._resetHint_17pct_159{margin:0;color:var(--color-muted);font-size:.85rem}@media (max-width: 600px){._authShell_17pct_3{padding:32px 12px}}.coming-soon-screen{min-height:60vh;padding:clamp(2rem,6vw,4rem);border-radius:1.5rem;background:linear-gradient(135deg,#19a7791f,#0f1b2c14);display:flex;flex-direction:column;justify-content:center;gap:1rem;color:#0f1b2c;box-shadow:0 30px 45px #0f1b2c14}.coming-soon-eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.8rem;color:#0f1b2ca6}.coming-soon-screen h1{font-size:clamp(2rem,4vw,2.8rem);margin:0}.coming-soon-screen p{max-width:600px;color:#0f1b2cc7;margin:0}.coming-soon-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.coming-btn{display:inline-flex;justify-content:center;align-items:center;padding:.85rem 1.5rem;border-radius:999px;font-weight:600;text-decoration:none;border:1px solid transparent}.coming-btn.primary{background:#19a779;color:#fff}.coming-btn.secondary{border-color:#0f1b2c33;color:#0f1b2c}@media (max-width: 600px){.coming-soon-screen{padding:2rem 1.25rem}.coming-soon-actions{flex-direction:column}}.time-off-layout{flex:1;min-height:0;width:100%;background:transparent;display:flex;justify-content:center;align-items:stretch;overflow:hidden}.time-off-inner{width:min(1400px,100%);display:flex;flex-direction:column;background:var(--color-panel);border:1px solid rgba(255,255,255,.45);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);-webkit-backdrop-filter:saturate(180%) blur(32px);backdrop-filter:saturate(180%) blur(32px);overflow:hidden;min-height:0}.time-off-header{background:var(--color-panel-soft);border-bottom:1px solid rgba(15,23,42,.05);padding:clamp(20px,3vw,8px) clamp(24px,3vw,20px);display:flex;align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%}.header-title{display:flex;align-items:center;gap:1rem}.header-title h1{font-size:clamp(1.5rem,2.5vw,1.85rem);font-weight:600;color:var(--color-text);margin:0;line-height:1.2}.header-subtitle{font-size:.875rem;color:var(--color-muted);margin:.25rem 0 0;font-weight:400}.request-time-off-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500}.user-info{display:flex;align-items:center;gap:.75rem}.approvals-header-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border-radius:999px;border:1px solid #1d4ed8;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .2s ease;box-shadow:0 8px 18px #2563eb47}.approvals-header-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2563eb59;filter:brightness(1.02)}.user-meta{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.user-name{font-size:.875rem;font-weight:600;color:var(--color-text);line-height:1.2}.user-role{font-size:.75rem;color:var(--color-muted);margin-top:.125rem}.user-avatar{width:2.25rem;height:2.25rem;background:linear-gradient(135deg,#5d8dff,#326bff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:0 4px 12px #326bff40}.time-off-content{display:flex;flex:1;overflow:hidden;min-height:0}.time-off-main{flex:1;overflow:hidden;background:#f8fafc66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);min-height:0;display:flex}@media (max-width: 768px){.time-off-layout{padding:12px}.time-off-main{width:100%}.header-content{flex-direction:column;gap:1rem;align-items:flex-start}.header-actions{width:100%;justify-content:space-between}.header-title h1{font-size:1.4rem}.user-meta{display:none}}.balances-sidebar{width:320px;background-color:#fff;border-left:1px solid var(--color-border);overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;height:100%;min-height:0}.tabs-header{display:flex;border-bottom:1px solid var(--color-border);background-color:var(--color-background-alt)}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:none;border:none;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.tab-button:hover{background-color:#3b82f60d;color:var(--color-accent)}.tab-button.active{color:var(--color-accent);background-color:#fff}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-accent)}.tabs-content{flex:1;padding:1.5rem;min-height:0;overflow-y:auto}.tab-panel{height:100%}.sidebar-section{margin-bottom:2rem}.sidebar-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-weight:600;color:var(--color-text);font-size:.875rem}.request-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.875rem 1rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease}.request-btn:hover{background-color:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px #1b4fb84d}.request-btn:active{transform:translateY(0)}.balances-list{display:flex;flex-direction:column;gap:1rem}.balance-item{padding:1rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:#fff;transition:all .2s ease}.balance-item:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000001a}.balance-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.balance-indicator{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.balance-title{flex:1;font-size:.95rem;font-weight:600;color:var(--color-text)}.balance-remaining{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:.5rem}.remaining-value{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.2}.remaining-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.balance-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--color-muted)}.balance-meta span{font-weight:500}.label{font-size:.75rem;color:var(--color-muted)}.value{font-size:.75rem;font-weight:600}.requests-list{display:flex;flex-direction:column;gap:.75rem}.request-item{padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;background-color:#fafafa;transition:all .2s ease;cursor:pointer}.request-item:hover{background-color:#fff;border-color:var(--color-accent)}.request-item.active{border-color:var(--color-accent);box-shadow:0 2px 8px #3b82f633}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.request-type{font-size:.8rem;font-weight:600;color:var(--color-text)}.request-status{padding:.125rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:capitalize}.request-details{display:flex;justify-content:space-between;align-items:center}.request-dates{font-size:.75rem;color:var(--color-muted)}.request-duration{font-size:.75rem;font-weight:500;color:var(--color-text)}.request-detail-panel{margin-top:.75rem;padding:.75rem;border-radius:.5rem;border:1px solid var(--color-border);background-color:#fff;display:flex;flex-direction:column;gap:.75rem}.detail-loading{font-size:.8rem;color:var(--color-muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.detail-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:.25rem}.detail-value{font-size:.8rem;font-weight:600;color:var(--color-text)}.approval-section,.approval-list{display:flex;flex-direction:column;gap:.5rem}.approval-item{padding:.5rem;border-radius:.4rem;background-color:#f8fafc;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.35rem}.approval-main{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;font-weight:600;color:var(--color-text)}.approval-role{font-size:.75rem;font-weight:500;color:var(--color-muted)}.approval-meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.72rem;color:var(--color-muted)}.detail-actions{display:flex;justify-content:flex-end}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:var(--color-muted)}.empty-state svg{margin-bottom:.5rem;opacity:.5}.empty-state p{margin:0;font-size:.875rem}.loading-state{display:flex;flex-direction:column;gap:.75rem}.loading-skeleton{height:3rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 2s infinite;border-radius:.375rem}.tips-section{border-top:1px solid var(--color-border);padding-top:1.5rem}.tips-list{display:flex;flex-direction:column;gap:.75rem}.tip-item{padding:.75rem;background-color:#f0f9ff;border:1px solid #0ea5e9;border-left:3px solid #0ea5e9;border-radius:.375rem;font-size:.8rem;line-height:1.4;color:var(--color-text)}.tip-item strong{color:#0ea5e9}@media (max-width: 1024px){.balances-sidebar{position:fixed;right:-320px;top:64px;height:calc(100vh - 64px);z-index:1000;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a}.balances-sidebar.sidebar-open{right:0}}@media (max-width: 768px){.balances-sidebar{width:100%;right:-100%}.balance-item{padding:.75rem}.request-item{padding:.625rem}.tips-section{display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.request-form-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px #00000026;width:100%;max-width:600px;max-height:65vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.header-content{display:flex;align-items:center;gap:.75rem}.header-icon{color:var(--color-accent)}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.close-btn{width:2rem;height:2rem;background:none;border:none;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-muted);transition:all .2s ease}.close-btn:hover{background-color:#f3f4f6;color:var(--color-text)}.request-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row.single-column{grid-template-columns:1fr}.form-label{display:block;font-weight:500;color:var(--color-text);margin-bottom:.5rem;font-size:.875rem}.form-hint{margin:.25rem 0 .75rem;font-size:.8rem;color:var(--color-muted)}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-text);background-color:#fff;transition:border-color .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #1b4fb81a}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-textarea{resize:vertical;min-height:80px}.error-text{display:block;color:#ef4444;font-size:.8rem;margin-top:.25rem}.checkbox-label,.radio-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text);cursor:pointer;margin-bottom:.5rem}.checkbox-label input[type=checkbox],.radio-label input[type=radio]{width:auto;margin:0}.partial-day-options{margin-top:.75rem;padding:1rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid var(--color-border)}.partial-day-options .radio-label{margin-bottom:.5rem}.partial-day-options .radio-label:last-child{margin-bottom:0}.request-summary{background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.request-summary h3{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem}.summary-grid{display:flex;flex-direction:column;gap:.5rem}.summary-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text)}.summary-item svg{color:#0ea5e9}.warning-banner{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;color:#92400e;font-size:.875rem}.warning-banner svg{color:#f59e0b;flex-shrink:0}.retry-link{background:none;border:none;color:var(--color-accent);font-weight:600;margin-left:.5rem;cursor:pointer;padding:0}.retry-link:hover{text-decoration:underline}.advanced-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-accent);font-weight:500;font-size:.875rem;cursor:pointer;margin-bottom:1rem;transition:color .2s ease}.advanced-toggle:hover{color:#1e40af}.advanced-section{border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;background-color:#fafafa}.file-upload-area{position:relative;border:2px dashed var(--color-border);border-radius:.5rem;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease}.file-upload-area:hover{border-color:var(--color-accent);background-color:#f9fafb}.file-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-upload-text{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--color-muted)}.file-upload-text svg{color:var(--color-accent)}.file-upload-text span{font-weight:500}.file-upload-text small{font-size:.75rem}.form-actions{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--color-border);margin-top:.5rem}.primary-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid}.btn-primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover:not(:disabled){background-color:#1e40af;border-color:#1e40af}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#fff;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:var(--color-accent);color:var(--color-accent)}@media (max-width: 768px){.modal-overlay{padding:.5rem}.request-form-modal{max-height:95vh}.modal-header,.request-form{padding:1rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:1rem}.primary-actions{width:100%;justify-content:stretch}.primary-actions button{flex:1}}.absence-calendar{display:flex;flex:1;height:100%;min-height:0;background-color:transparent;overflow:hidden}.calendar-section{flex:1;padding:clamp(20px,3vw,32px);min-width:0;display:flex;flex-direction:column;min-height:0;overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.calendar-title h2{font-size:2rem;font-weight:600;color:var(--color-text);margin:0}.calendar-controls{display:flex;align-items:center;gap:.5rem}.btn-secondary{padding:.5rem 1rem;background-color:#fff;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#f9fafb;border-color:var(--color-accent)}.btn-icon{width:2.5rem;height:2.5rem;background-color:#fff;border:1px solid var(--color-border);border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background-color:#f9fafb;border-color:var(--color-accent);color:var(--color-accent)}.calendar-container{background-color:#fff;border-radius:.75rem;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px #0000001a;width:100%;flex:1;display:flex;flex-direction:column;min-height:0}.calendar-grid{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-grid-body{flex:1;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.calendar-day-header{padding:1rem;background-color:#f9fafb;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);font-weight:600;color:var(--color-muted);text-align:center;font-size:.875rem}.calendar-day-header:last-child{border-right:none}.calendar-day{min-height:0;height:100%;padding:.75rem;border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);background-color:#fff;cursor:pointer;transition:all .15s ease;position:relative;display:flex;flex-direction:column}.calendar-day:hover{background-color:#3b82f614;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.calendar-day:last-child{border-right:none}.calendar-grid-body .calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background-color:#fafafa;color:var(--color-muted);cursor:not-allowed;opacity:.6}.calendar-day.other-month:hover{background-color:#fafafa;transform:none;box-shadow:none}.calendar-day.today{background-color:#fef3c7;border-color:#f59e0b;box-shadow:inset 0 0 0 2px #f59e0b}.calendar-day.today:hover{background-color:#fde68a}.calendar-day.selected{background-color:#3b82f633;border-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-accent)}.calendar-day.selected:hover{background-color:#3b82f640}.calendar-day.in-range{background-color:#3b82f61f;border-color:#3b82f64d}.calendar-day.selected.today{background:linear-gradient(135deg,#fde68a,#3b82f64d);box-shadow:inset 0 0 0 2px var(--color-accent)}.day-number{font-weight:600;color:var(--color-text);font-size:.875rem;margin-bottom:.5rem;min-height:20px;display:flex;align-items:center}.calendar-day.other-month .day-number{color:var(--color-muted)}.calendar-day.today .day-number{color:#d97706;font-weight:700;background-color:#f59e0b1a;padding:.25rem .5rem;border-radius:.375rem;margin:-.25rem -.5rem .25rem}.calendar-day.selected .day-number{color:var(--color-accent);font-weight:700;background-color:#3b82f61a;padding:.25rem .5rem;border-radius:.375rem;margin:-.25rem -.5rem .25rem}.calendar-day.holiday{background:linear-gradient(180deg,#fde68a40,#fef3c759);border-color:#fbbf2466}.calendar-day.holiday .day-number{color:#b45309}.holiday-pill{display:flex;gap:.4rem;padding:.35rem .5rem;border-radius:.5rem;background-color:#fbbf2426;border:1px solid rgba(251,191,36,.3);margin-bottom:.4rem}.holiday-dot{width:.45rem;height:.45rem;border-radius:999px;background-color:#f97316;margin-top:.2rem}.holiday-text{display:flex;flex-direction:column;line-height:1.1}.holiday-name{font-size:.75rem;font-weight:600;color:#92400e}.holiday-type{font-size:.65rem;text-transform:capitalize;color:#b45309}.selection-helper{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:.75rem;margin-bottom:1.5rem;font-size:.875rem;color:#1e40af;box-shadow:0 1px 3px #3b82f61a}.selection-helper span{font-weight:500}.selection-helper button{font-size:.75rem;padding:.5rem 1rem;background-color:#fff;border:1px solid #bfdbfe;color:#1e40af;border-radius:.375rem;font-weight:500;transition:all .2s ease;cursor:pointer}.selection-helper button:hover{background-color:#f8fafc;border-color:#93c5fd}.day-event{margin-top:.25rem;padding:.375rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border-left:3px solid transparent;box-shadow:0 1px 2px #0000000d;transition:all .15s ease}.day-event:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.event-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.event-title-row{display:flex;align-items:center;gap:.4rem}.event-type-dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0}.event-stage-label{display:inline-flex;margin-top:.25rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.day-event.stage-pending{color:#92400e;background-color:#f59e0b26;border-left-color:#f59e0b}.day-event.stage-lead_approved{color:#4c1d95;background-color:#a855f72e;border-left-color:#a855f7}.day-event.stage-manager_approved{color:#1e3a8a;background-color:#3b82f62e;border-left-color:#3b82f6}.day-event.stage-fully_approved{color:#065f46;background-color:#10b9812e;border-left-color:#10b981}.day-event.stage-denied{color:#7f1d1d;background-color:#ef44442e;border-left-color:#ef4444}.day-event.stage-cancelled{color:#334155;background-color:#94a3b833;border-left-color:#94a3b8}.day-event.stage-draft{color:#4b5563;background-color:#6b728026;border-left-color:#6b7280}.day-add-btn{position:absolute;bottom:.5rem;right:.5rem;width:1.75rem;height:1.75rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.day-add-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.calendar-day.past{background-color:#f9fafb;color:var(--color-muted);cursor:not-allowed;opacity:.7}.calendar-day.past:hover{background-color:#f9fafb;transform:none;box-shadow:none}.calendar-day.past .day-number{color:var(--color-muted)}.calendar-day.past .day-add-btn{display:none}.calendar-stats{margin-top:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.balance-card{background-color:#fff;border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.balance-header h4{font-size:.875rem;font-weight:600;color:var(--color-text);margin:0}.balance-indicator{width:.75rem;height:.75rem;border-radius:50%}.balance-stats{display:flex;gap:1rem}.balance-stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--color-text);line-height:1}.stat-label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.absence-calendar{flex-direction:column}.calendar-section{padding:1rem}.calendar-header{flex-direction:column;gap:1rem;align-items:flex-start}.calendar-title h2{font-size:1.5rem}.calendar-day{min-height:80px;padding:.5rem}.stats-grid{grid-template-columns:1fr}}.request-card{background-color:#fff;border:1px solid var(--color-border);border-radius:.5rem;padding:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.request-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0000001a}.request-card.compact{padding:.75rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.request-info{display:flex;flex-direction:column;gap:.5rem}.request-type{display:flex;align-items:center;gap:.5rem}.type-indicator{width:.75rem;height:.75rem;border-radius:50%;flex-shrink:0}.type-name{font-weight:600;color:var(--color-text);font-size:.875rem}.request-status{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize;align-self:flex-start}.view-btn{padding:.375rem;background:none;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.view-btn:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.card-content{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.card-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.row-icon{color:var(--color-muted);flex-shrink:0}.row-label{color:var(--color-muted);font-weight:500;min-width:4rem}.row-value{color:var(--color-text);font-weight:500;flex:1}.notes-row{flex-direction:column;align-items:flex-start;gap:.25rem}.notes-row .row-label{margin-bottom:.25rem}.notes-text{color:var(--color-text);font-size:.875rem;line-height:1.4;margin:0;padding:.5rem;background-color:#f9fafb;border-radius:.375rem;border-left:3px solid var(--color-accent);width:100%;box-sizing:border-box}.card-footer{border-top:1px solid #f3f4f6;padding-top:.75rem;margin-top:.75rem}.request-meta{display:flex;flex-wrap:wrap;gap:.25rem}.meta-text{color:var(--color-muted);font-size:.75rem}.request-card.compact .card-header{margin-bottom:.75rem}.request-card.compact .card-content{margin-bottom:.75rem;gap:.375rem}.request-card.compact .card-row{font-size:.8rem}.request-card.compact .card-footer{padding-top:.5rem;margin-top:.5rem}@media (max-width: 768px){.request-card{padding:.875rem}.card-header{flex-direction:column;gap:.75rem;align-items:stretch}.request-info{flex-direction:row;justify-content:space-between;align-items:center}.card-row{flex-direction:column;align-items:flex-start;gap:.25rem}.row-label{min-width:unset}.row-value{font-weight:400}.request-meta{flex-direction:column}}.hr-history{display:flex;flex-direction:column;gap:1.5rem;background-color:#fff;border:1px solid var(--color-border);border-radius:1.5rem;padding:2rem;color:var(--color-text);box-shadow:0 16px 40px #0f172a14}.hr-history__header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem}.hr-history__header h2{display:flex;align-items:center;gap:.5rem;font-size:1.75rem;margin:.25rem 0}.hr-history__header p{margin:.25rem 0 0;color:var(--color-muted)}.eyebrow{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0}.hr-history__header-meta{display:flex;align-items:flex-start;gap:1rem;background-color:#f8fafc;padding:1rem 1.25rem;border-radius:1rem;border:1px solid var(--color-border)}.hr-history__header-meta strong{font-size:1.5rem;display:block}.meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}.hr-history__filters{display:flex;flex-direction:column;gap:1rem;background-color:#f8fafc;border-radius:1.25rem;padding:1.25rem 1.5rem;border:1px solid var(--color-border)}.filters-row{display:grid;gap:1rem}.status-row{grid-template-columns:minmax(140px,200px) 1fr;align-items:center}.filters-label{display:flex;align-items:center;gap:.5rem;color:var(--color-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.status-pills{display:flex;flex-wrap:wrap;gap:.75rem}.status-pill{flex:1 1 200px;min-width:160px;padding:.85rem 1rem;border-radius:.85rem;border:1px solid var(--color-border);background-color:#fff;text-align:left;color:var(--color-muted);transition:border .2s ease,box-shadow .2s ease}.status-pill.active{border-color:var(--color-accent);box-shadow:0 4px 10px #1b4fb814;color:var(--color-text)}.status-pill span{display:block;font-weight:600}.status-pill small{display:block;font-size:.75rem}.form-row{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:end}.form-row label{display:flex;flex-direction:column;font-size:.9rem;color:var(--color-muted);gap:.35rem}.form-row input,.form-row select{border-radius:.5rem;border:1px solid var(--color-border);background-color:#fff;color:var(--color-text);padding:.6rem .75rem;font-size:.95rem}.form-row input:focus,.form-row select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #1b4fb826}.search-field .search-wrapper{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;border:1px solid var(--color-border);background-color:#fff;padding:.45rem .75rem}.search-field input{border:none;background:transparent;padding:0;width:100%}.search-field input:focus{outline:none}.filter-actions{display:flex;justify-content:flex-end;align-items:center}.ghost-btn{border:1px solid var(--color-border);background-color:#fff;color:var(--color-text);border-radius:999px;padding:.5rem 1rem;font-weight:600;display:inline-flex;gap:.4rem;align-items:center;cursor:pointer;transition:border .2s ease,color .2s ease}.ghost-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.ghost-btn:disabled{opacity:.6;cursor:not-allowed}.hr-history__table-card{background-color:#fff;border-radius:1.25rem;border:1px solid var(--color-border);overflow:hidden}.table-meta{display:flex;justify-content:space-between;align-items:baseline;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.table-meta strong{margin:0 .35rem}.meta-subtext{margin:0;color:var(--color-muted);font-size:.85rem}.table-scroll{overflow-x:auto}.hr-history__table{width:100%;border-collapse:collapse;min-width:900px}.hr-history__table thead{background-color:#f5f7fb}.hr-history__table th,.hr-history__table td{padding:1rem;border-bottom:1px solid var(--color-border);text-align:left}.employee-cell,.date-window,.final-action{display:flex;align-items:center;gap:.75rem}.employee-cell strong,.date-window strong,.final-action strong{display:block;font-size:1rem}.employee-cell p,.date-window p,.final-action p,small,.muted{color:var(--color-muted);margin:.15rem 0 0;font-size:.85rem}.status-badge{padding:.35rem .75rem;border-radius:999px;font-size:.85rem;font-weight:600}.status-badge.approved{background-color:#dcfce7;color:#15803d}.status-badge.rejected{background-color:#fee2e2;color:#b91c1c}.status-badge.cancelled{background-color:#ffedd5;color:#c2410c}.expand-cell button{border:none;background:transparent;color:var(--color-accent);font-weight:600;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}.details-row td{background-color:#f9fafb}.details-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.details-column h4{margin:0 0 .5rem;color:var(--color-text)}.chips{display:flex;flex-direction:column;gap:.75rem}.hr-history__chip{border-radius:.85rem;padding:.75rem 1rem;border:1px solid var(--color-border);background-color:#fff;display:flex;flex-direction:column;gap:.25rem}.hr-history__chip .chip-label{text-transform:uppercase;font-size:.7rem;color:var(--color-muted)}.hr-history__chip.approved{border-color:#16a34a66}.hr-history__chip.rejected{border-color:#dc262659}.hr-history__chip.cancelled{border-color:#ea580c59}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.timeline li{display:flex;gap:.75rem}.timeline-icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;background-color:#fff}.comment{margin:.35rem 0 0}.context-grid{display:grid;gap:.75rem}.context-grid ol{margin:.25rem 0 0;padding-left:1.25rem}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:1rem}.page-size select{margin-left:.5rem;border-radius:999px;border:1px solid var(--color-border);background-color:#fff;color:var(--color-text);padding:.35rem .75rem}.pagination-controls{display:flex;align-items:center;gap:.75rem}.pagination-controls button{border-radius:999px;border:1px solid var(--color-border);background-color:#fff;color:var(--color-text);padding:.4rem .9rem;cursor:pointer}.pagination-controls button:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.hr-history__empty,.hr-history__error,.hr-history__loading{background-color:#fff;border:1px solid var(--color-border);border-radius:1.25rem;padding:2rem;text-align:center;color:var(--color-text)}.hr-history__empty h3,.hr-history__error p{margin-top:1rem}.hr-history__loading .loading-row{height:64px;border-radius:.75rem;background-color:#f5f5f5;margin-bottom:.75rem;overflow:hidden}.hr-history__loading .pulse{width:100%;height:100%;background:linear-gradient(90deg,#f4f4f4,#e7e7e7,#f4f4f4);animation:pulse 1.2s infinite}@keyframes pulse{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 960px){.status-row{grid-template-columns:1fr}.status-pills{flex-direction:column}.table-footer{flex-direction:column;align-items:flex-start}}.approvals-inbox{height:100%;display:flex;flex-direction:column;background-color:#fff;padding:2rem}.inbox-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.header-title{display:flex;align-items:center;gap:.75rem}.header-icon{width:1.5rem;height:1.5rem;color:var(--color-accent)}.inbox-header h2{font-size:1.75rem;font-weight:600;color:var(--color-text);margin:0}.pending-count{background-color:var(--color-accent);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:999px;min-width:1.5rem;text-align:center}.header-actions{display:flex;align-items:center;gap:1rem}.feedback-banner{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem;border:1px solid transparent}.feedback-banner button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;line-height:1}.feedback-banner.success{background-color:#ecfdf5;border-color:#a7f3d0;color:#065f46}.feedback-banner.error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.tab-switcher{display:flex;align-items:center;gap:.5rem}.tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border:1px solid var(--color-border);border-radius:999px;background-color:#fff;color:var(--color-text);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn.active{border-color:var(--color-accent);background-color:var(--color-accent);color:#fff}.tab-count{min-width:1.5rem;padding:.1rem .4rem;border-radius:999px;background-color:#00000014;font-size:.75rem;text-align:center}.tab-btn.active .tab-count{background-color:#fff3}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:.75rem;color:var(--color-muted);pointer-events:none}.search-input{padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-text);background-color:#fff;width:250px;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #1b4fb81a}.search-input::placeholder{color:var(--color-muted)}.filter-select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-text);background-color:#fff;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #1b4fb81a}.inbox-content{flex:1;overflow-y:auto}.requests-grid{display:flex;flex-direction:column;gap:1rem}.request-wrapper{position:relative}.quick-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.action-btn:disabled{opacity:.5;cursor:not-allowed}.approve-btn{background-color:#dcfce7;border-color:#16a34a;color:#15803d}.approve-btn:hover:not(:disabled){background-color:#16a34a;color:#fff}.deny-btn{background-color:#fee2e2;border-color:#dc2626;color:#dc2626}.deny-btn:hover:not(:disabled){background-color:#dc2626;color:#fff}.view-btn{background-color:#fff;border-color:var(--color-border);color:var(--color-text)}.view-btn:hover:not(:disabled){background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.pagination-btn{padding:.5rem 1rem;background-color:#fff;border:1px solid var(--color-border);border-radius:.375rem;color:var(--color-text);font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--color-muted);font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-muted)}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0 0 .5rem}.empty-state p{font-size:.875rem;margin:0;max-width:400px;line-height:1.5}.loading-state{padding:1rem}.loading-grid{display:flex;flex-direction:column;gap:1rem}.loading-card{padding:1rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:#fff}.loading-skeleton{height:1rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 2s infinite;border-radius:.25rem;margin-bottom:.5rem}.loading-skeleton:nth-child(1){width:60%}.loading-skeleton:nth-child(2){width:80%}.loading-skeleton:nth-child(3){width:40%}.deny-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px #00000026;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.details-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 10px 25px #00000026;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem}.details-grid>div{display:flex;flex-direction:column;gap:.35rem}.details-notes{grid-column:1 / -1}.details-label{font-size:.75rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.details-value{font-size:.95rem;color:var(--color-text);line-height:1.4}.deny-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.deny-modal h3{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.deny-modal .close-btn{width:2rem;height:2rem;background:none;border:none;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-muted);transition:all .2s ease}.deny-modal .close-btn:hover{background-color:#f3f4f6;color:var(--color-text)}.modal-content{padding:1.5rem}.modal-content p{margin:0 0 1rem;color:var(--color-text);font-size:.875rem}.deny-reason-input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-text);background-color:#fff;resize:vertical;min-height:100px;transition:border-color .2s ease}.deny-reason-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #1b4fb81a}.deny-reason-input::placeholder{color:var(--color-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--color-border)}.inline-deny-form{margin-top:.75rem;padding:1rem;border:1px solid var(--color-border);border-radius:.75rem;background-color:#f9fafb;display:flex;flex-direction:column;gap:.75rem}.inline-deny-header{font-size:.85rem;font-weight:600;color:var(--color-text)}.inline-deny-actions{display:flex;justify-content:flex-end;gap:.75rem}.btn-deny{padding:.75rem 1.5rem;background-color:#dc2626;color:#fff;border:1px solid #dc2626;border-radius:.375rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.btn-deny:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.btn-deny:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.approvals-inbox{padding:1.5rem}.inbox-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{flex-direction:column;align-items:stretch;gap:.75rem}.search-input{width:100%}}@media (max-width: 768px){.approvals-inbox{padding:1rem}.quick-actions{flex-wrap:wrap}.action-btn{flex:1;justify-content:center}.pagination{flex-direction:column;gap:.75rem}.modal-content{padding:1rem}.modal-actions{padding:1rem;flex-direction:column}.modal-actions button{width:100%}}:root{--font-sans: "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-display: "SF Pro Display", "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif;--color-text: #0f172a;--color-muted: #5b6275;--color-border: rgba(15, 23, 42, .08);--color-surface: #ffffff;--color-surface-muted: #f3f5fa;--color-panel: rgba(255, 255, 255, .82);--color-panel-soft: rgba(255, 255, 255, .65);--color-accent: #2970ff;--color-accent-strong: #1558d6;--color-accent-light: rgba(41, 112, 255, .12);--color-app-background: radial-gradient(circle at 15% 20%, rgba(57, 134, 255, .15), transparent 45%), radial-gradient(circle at 80% 0%, rgba(168, 180, 255, .25), transparent 50%), #eef2f7;--shadow-card: 0 25px 80px rgba(15, 23, 42, .12);--radius-lg: 24px;--radius-xl: 32px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-app-background);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--color-accent);text-decoration:none;font-weight:500}a:hover,a:focus{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:18px clamp(28px,4vw,72px);margin-left:auto;margin-right:auto;margin-top:clamp(16px,2vw,8px);margin-bottom:clamp(16px,2vw,8px);width:min(1400px,100%);background:var(--color-panel);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-lg);box-shadow:0 18px 55px #0f172a1a;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);position:sticky;top:clamp(12px,1vw,24px);z-index:20}.nav-brand{font-family:var(--font-display);font-size:1.15rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-text)}.nav-links{display:flex;gap:1rem;font-size:.95rem;align-items:center}.nav-links a,.nav-links button{font-weight:600;color:var(--color-text);padding:.45rem .85rem;border-radius:999px;border:none;background:transparent;transition:background .2s ease}.nav-links a:hover,.nav-links button:hover{background:#0f172a0f;text-decoration:none}.page-body{background:transparent;display:flex;justify-content:center}.card{background:var(--color-panel);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-card);padding:clamp(28px,4vw,40px);-webkit-backdrop-filter:saturate(180%) blur(28px);backdrop-filter:saturate(180%) blur(28px)}.card-header{margin-bottom:1.5rem}.card-title{margin:0 0 .5rem;font-size:1.9rem;font-family:var(--font-display);color:var(--color-text)}.card-description{margin:0;color:var(--color-muted);font-size:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--color-muted);margin-bottom:.4rem}.stack{display:flex;flex-direction:column;gap:1.25rem}.stack-sm{gap:.75rem}.stack-lg{gap:1.75rem}.field label{display:block;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.input-control,select,textarea{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--color-border);font-size:1rem;font-family:var(--font-sans);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease}.input-control:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #1b4fb826}.input-wrapper{position:relative}.input-action{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:none;font-size:.9rem;font-weight:600;color:var(--color-accent);cursor:pointer}.checkbox-inline{display:flex;gap:.5rem;align-items:flex-start;font-size:.95rem;color:var(--color-muted)}.checkbox-inline input{margin-top:.2rem}.btn{border:none;border-radius:999px;padding:.85rem 1.4rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(120deg,#5d8dff,#326bff);color:#fff;box-shadow:0 12px 24px #00439b59}.btn-primary:hover{background:linear-gradient(120deg,#476fff,#1f57e0)}.text-link{font-size:.95rem}.helper-text{font-size:.9rem;color:var(--color-muted)}.divider-text{text-align:center;font-size:.85rem;letter-spacing:.2em;color:var(--color-muted)}.list-basic{margin:0;padding-left:1.25rem;color:var(--color-text)}.list-basic li{margin-bottom:.35rem}.notice-box{border:1px solid var(--color-border);border-radius:14px;padding:1rem;background:#f9fbff;font-size:.95rem;color:var(--color-muted)}.footer-links{display:flex;justify-content:center;gap:1rem;font-size:.85rem;color:var(--color-muted);margin-top:1.5rem}.footer-links a{color:inherit}:root{--color-leave-approved: #10b981;--color-leave-pending: #f59e0b;--color-leave-denied: #ef4444;--color-leave-draft: #6b7280;--color-annual-leave: #3b82f6;--color-sick-leave: #ef4444;--color-personal-leave: #8b5cf6;--color-unpaid-leave: #6b7280;--color-calendar-today: #fef3c7;--color-calendar-selected: #dbeafe;--color-calendar-hover: #fafbff;--color-approve: #059669;--color-approve-light: #d1fae5;--color-deny: #dc2626;--color-deny-light: #fee2e2;--spacing-leave-card: 1rem;--spacing-leave-section: 2rem;--border-radius-leave-card: .5rem;--border-radius-leave-modal: .75rem}.btn-approve{background-color:var(--color-approve-light);border:1px solid var(--color-approve);color:var(--color-approve);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-approve:hover:not(:disabled){background-color:var(--color-approve);color:#fff}.btn-deny{background-color:var(--color-deny-light);border:1px solid var(--color-deny);color:var(--color-deny);padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-deny:hover:not(:disabled){background-color:var(--color-deny);color:#fff}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.approved{background-color:var(--color-approve-light);color:var(--color-approve)}.status-badge.pending,.status-badge.submitted{background-color:#fef3c7;color:var(--color-leave-pending)}.status-badge.denied{background-color:var(--color-deny-light);color:var(--color-deny)}.status-badge.draft{background-color:#f3f4f6;color:var(--color-leave-draft)}.leave-loading-skeleton{height:1rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 2s infinite;border-radius:.25rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.leave-form-group{margin-bottom:1.5rem}.leave-form-label{display:block;font-weight:500;color:var(--color-text);margin-bottom:.5rem;font-size:.875rem}.leave-form-input,.leave-form-select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.375rem;font-size:.875rem;color:var(--color-text);background-color:#fff;transition:border-color .2s ease}.leave-form-input:focus,.leave-form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #1b4fb81a}.leave-form-error{border-color:var(--color-deny)}.leave-form-error-text{display:block;color:var(--color-deny);font-size:.8rem;margin-top:.25rem}.leave-card{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-leave-card);padding:var(--spacing-leave-card);box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.leave-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #0000001a}.leave-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.leave-modal{background-color:#fff;border-radius:var(--border-radius-leave-modal);box-shadow:0 10px 25px #00000026;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideInLeave .3s ease-out}@keyframes slideInLeave{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.leave-layout-desktop{grid-template-columns:1fr}}@media (max-width: 768px){.leave-mobile-stack{flex-direction:column}.leave-mobile-full-width{width:100%}.leave-mobile-padding{padding:1rem}}@media (max-width: 480px){.leave-mobile-small{font-size:.875rem}.leave-mobile-compact{padding:.75rem}}.leave-text-center{text-align:center}.leave-text-right{text-align:right}.leave-flex-center{display:flex;align-items:center;justify-content:center}.leave-flex-between{display:flex;justify-content:space-between;align-items:center}.leave-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.leave-hidden{display:none}.leave-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.leave-no-print{display:none!important}.leave-print-break{page-break-before:always}.leave-card{border:1px solid #ccc;box-shadow:none}}:root{font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);background:var(--color-app-background);color:var(--color-text)}#root{min-height:98vh;width:100%;display:flex;flex-direction:column}.site-main{flex:1;width:100%}a{font-weight:500;color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-strong)}.sign-out-btn{background:#0f172a08;border:1px solid rgba(15,23,42,.08);color:var(--color-text);padding:.5rem 1rem;border-radius:999px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.sign-out-btn:hover{background-color:#2970ff1a;border-color:var(--color-accent);color:var(--color-accent)}.calendar-day{cursor:pointer}.calendar-day:hover{background-color:#3b82f60d}.calendar-day.selected{background-color:#3b82f626!important;border-color:var(--color-accent)!important;box-shadow:inset 0 0 0 1px var(--color-accent)}.calendar-day.in-range{background-color:#3b82f614!important}.calendar-day.selected.today{background-color:#3b82f640!important}.calendar-day.other-month{cursor:default}.calendar-day.other-month:hover{background-color:#fafafa!important}.nav-logo{height:28px;display:inline-block;vertical-align:middle}.nav-brand{display:flex;align-items:center;gap:8px}