@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@600;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg: #f6efde;--bg-panel: rgba(255, 250, 242, .86);--bg-sidebar: linear-gradient(180deg, rgba(29, 22, 17, .96), rgba(70, 31, 18, .94));--line: rgba(43, 35, 28, .1);--text: #241a12;--muted: #6d6157;--brand: #bc4f1f;--brand-2: #1f5f57;--danger: #a63e34;--success: #0c6b46;--warning: #9a6a0f;--shadow: 0 22px 50px rgba(66, 40, 19, .12);--radius: 24px}*{box-sizing:border-box}html,body,#root{min-height:100%;max-width:100%;overflow-x:hidden}body{margin:0;min-width:320px;color:var(--text);font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top left,rgba(255,185,109,.35),transparent 22%),radial-gradient(circle at top right,rgba(31,95,87,.18),transparent 20%),linear-gradient(180deg,#fbf6ee,#f2e7d2)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{width:100%;overflow-x:hidden}.app-shell{display:grid;grid-template-columns:290px 1fr;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}.sidebar{position:sticky;top:0;height:100vh;padding:2rem 1.2rem;color:#fff4ea;background:var(--bg-sidebar);overflow:auto}.brand-block{display:grid;gap:.35rem;margin-bottom:2rem}.brand-kicker,.page-eyebrow,.field-label,.muted-label{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sidebar .brand-kicker{color:#fff4eaa8}.brand-title,.page-title,.section-title,.login-title{margin:0;font-family:Fraunces,serif}.brand-title{font-size:1.8rem}.nav-scroll{width:100%}.nav-links{display:grid;gap:.55rem}.nav-link{padding:.95rem 1rem;border-radius:18px;color:#fff4eac7;transition:background-color .15s ease,transform .15s ease}.nav-link:hover{background:#fff4ea14;transform:translateY(-1px)}.nav-link.active{color:#fff;background:#fff4ea24}.main-panel{min-width:0;padding:1.2rem 1.2rem 2rem}.page-header,.section-card,.topbar,.mobile-card,.detail-card{min-width:0}.topbar,.section-card,.stat-card,.login-card,.detail-card,.filter-bar,.toolbar,.empty-state,.modal-panel{border:1px solid rgba(43,35,28,.08);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;margin-bottom:1.25rem}.topbar-copy{min-width:0}.mobile-shell-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-left:auto}.user-pill{display:inline-flex;align-items:center;min-height:38px;padding:.55rem .85rem;border:1px solid rgba(43,35,28,.08);border-radius:999px;background:#ffffff80;color:var(--brand-2);font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mobile-menu-button{min-width:88px}.page-header,.section-head,.inline-actions,.toolbar,.filter-controls,.stats-grid,.detail-grid{display:flex;gap:1rem;flex-wrap:wrap}.page-header,.section-head,.toolbar{justify-content:space-between;align-items:flex-end}.page-header{margin-bottom:1.25rem}.page-title{font-size:clamp(1.9rem,3vw,3rem)}.page-description,.section-description,.helper-text,.empty-state p,.login-description{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.25rem}.stat-card{padding:1.2rem;display:grid;gap:.45rem}.stat-value{font-size:2rem;font-weight:700}.section-card{padding:1.2rem;margin-bottom:1.2rem}.table-wrap{overflow:auto}.data-table{width:100%;min-width:760px;border-collapse:collapse}.data-table th,.data-table td{padding:.9rem .75rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;padding:.35rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700}.status-active,.status-paid,.status-present,.status-generated,.status-holiday_paid,.status-week_off_paid,.status-public{color:var(--success);background:#0c6b461f}.status-inactive,.status-absent,.status-unpaid_leave,.status-holiday_unpaid,.status-week_off_unpaid{color:var(--danger);background:#a63e341f}.status-half_day,.status-paid_leave,.status-company,.status-festival,.status-optional{color:var(--warning);background:#9a6a0f24}.status-pending{color:#8a5a00;background:#f5ab352e}.status-rejected,.status-not_requested{color:var(--muted);background:#6d615724}.primary-button,.secondary-button,.ghost-button,.danger-button{border:0;border-radius:14px;padding:.82rem 1rem;transition:transform .14s ease,opacity .14s ease}.link-button{padding:0;border:0;background:transparent;color:var(--brand-2);text-align:left;font-size:.9rem}.primary-button{color:#fff;background:linear-gradient(135deg,var(--brand),#db652c)}.secondary-button{color:#fff;background:linear-gradient(135deg,var(--brand-2),#338176)}.ghost-button{color:var(--text);background:#ffffff73;border:1px solid var(--line)}.danger-button{color:#fff;background:var(--danger)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.65;transform:none;cursor:not-allowed}.filter-bar,.toolbar{padding:1rem;margin-bottom:1rem}.filter-controls{align-items:center}.compact-field{min-width:120px}.field,.form-grid label{display:grid;gap:.45rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.full-span{grid-column:1 / -1}input,select,textarea{min-height:46px;padding:.8rem .95rem;border-radius:14px;border:1px solid var(--line);background:#ffffffd1}.time-picker-field{position:relative}.time-picker-trigger{width:100%;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .95rem;border:1px solid var(--line);border-radius:14px;background:#ffffffd1;color:var(--text);text-align:left}.time-picker-chevron{color:var(--muted);font-size:.8rem}.time-picker-popover{position:absolute;z-index:6;top:calc(100% + .5rem);left:0;width:100%;padding:.9rem;border:1px solid rgba(43,35,28,.08);border-radius:18px;background:#fffaf2fa;box-shadow:0 20px 44px #2b1c0f24}.time-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.time-picker-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:.8rem}textarea{min-height:110px;resize:vertical}.form-error{color:var(--danger);margin:0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detail-card{padding:1rem}.login-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(100%,980px);display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.portal-chooser{width:min(100%,980px);display:grid;gap:1.2rem}.chooser-copy,.chooser-card{border:1px solid rgba(43,35,28,.08);border-radius:var(--radius);box-shadow:var(--shadow);background:var(--bg-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.chooser-copy{padding:2rem;background:linear-gradient(135deg,#bc4f1fe6,#1f5f57e6);color:#fff4ea}.chooser-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.chooser-card{padding:1.4rem;display:grid;gap:.9rem}.login-copy{padding:3rem;color:#fff4ea;background:radial-gradient(circle at top left,rgba(255,197,127,.44),transparent 26%),linear-gradient(135deg,#1f5f57fa,#172d39f5)}.login-copy.admin{background:radial-gradient(circle at top left,rgba(255,197,127,.44),transparent 26%),linear-gradient(135deg,#bc4f1ff5,#512314f2)}.login-form{padding:3rem;display:grid;gap:1rem;align-content:center}.auth-links{justify-content:space-between;font-size:.92rem}.loader-wrap{min-height:40vh;display:grid;place-content:center;justify-items:center;gap:1rem}.loader-ring{width:48px;height:48px;border-radius:999px;border:4px solid rgba(188,79,31,.18);border-top-color:var(--brand);animation:spin .9s linear infinite}.empty-state{padding:2rem;text-align:center}.mobile-card-list{display:grid;gap:.9rem}.mobile-card{padding:1rem;border:1px solid var(--line);border-radius:20px;background:#ffffff9e}.card-title-row,.card-meta-grid,.summary-grid,.confirm-dialog{display:grid;gap:.75rem}.card-title-row{grid-template-columns:1fr auto;align-items:start}.card-meta-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));color:var(--muted)}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1rem}.request-panel{margin-top:.9rem;padding:.9rem;border-radius:16px;background:#ffffff8c;border:1px solid var(--line)}.quick-action-row{align-items:center}.quick-action-row>*{flex:1 1 180px}.desktop-only{display:block}.mobile-only{display:none}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#110d0a6b}.modal-panel{width:min(100%,820px);max-height:92vh;overflow:auto;padding:1.2rem}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mobile-nav-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:flex-end;justify-content:stretch;padding:1rem;background:#110d0a57;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-nav-sheet{width:100%;border:1px solid rgba(43,35,28,.08);border-radius:28px 28px 18px 18px;box-shadow:0 26px 60px #17110b3d;background:radial-gradient(circle at top left,rgba(255,196,124,.22),transparent 28%),linear-gradient(180deg,#fff8effa,#f8eedcfa);overflow:hidden;animation:mobile-sheet-up .18s ease-out}.mobile-nav-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1rem .85rem}.mobile-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:.2rem 1rem 1rem}.mobile-nav-button{display:grid;gap:.2rem;padding:1rem;border:1px solid rgba(43,35,28,.08);border-radius:20px;background:#ffffffb8;color:var(--text);transition:transform .15s ease,border-color .15s ease,background-color .15s ease}.mobile-nav-button:hover{transform:translateY(-1px)}.mobile-nav-button.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-2))}.mobile-nav-label{font-size:.95rem;font-weight:700;line-height:1.2}.mobile-nav-footer{display:flex;justify-content:flex-end;padding:0 1rem 1rem}.summary-note{margin-top:.75rem;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes mobile-sheet-up{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:961px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:290px;height:100vh}.main-panel{margin-left:290px;min-height:100vh}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:1rem 1rem .85rem;border-radius:0 0 26px 26px}.desktop-nav-scroll{display:none}.brand-block{margin-bottom:0}.brand-title{font-size:1.45rem}.topbar{position:sticky;top:.8rem;z-index:12;padding:.72rem .85rem;margin-bottom:1rem;border-radius:18px;box-shadow:0 16px 34px #4228131a;background:#fffaf2d6}.topbar-copy strong{display:block;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;font-weight:600}.topbar-copy .muted-label{display:none}.topbar-copy strong:before{content:"@";color:var(--muted);margin-right:.2rem}.page-header{margin-bottom:1rem;gap:.8rem;align-items:flex-start}.page-description{margin:.2rem 0 0;font-size:.95rem;line-height:1.45}.section-card{padding:1rem;border-radius:20px}.stat-card,.detail-card,.mobile-card{border-radius:18px}.mobile-card{padding:.9rem}.mobile-shell-actions .ghost-button{padding-inline:.85rem}.login-card{grid-template-columns:1fr}}@media(max-width:760px){.desktop-only{display:none}.mobile-only{display:block}.main-panel{padding:.85rem .85rem 1.5rem}.topbar,.page-header,.section-head{align-items:stretch}.topbar{gap:.85rem}.topbar-copy{flex:1 1 auto}.mobile-shell-actions{width:100%;justify-content:space-between;flex-wrap:nowrap}.mobile-shell-actions>.ghost-button{flex:0 0 auto;min-height:38px}.page-eyebrow{display:none}.page-title{font-size:1.45rem;line-height:1.1}.page-description{font-size:.9rem}.inline-actions{gap:.75rem}.stats-grid,.detail-grid,.summary-grid,.chooser-grid{grid-template-columns:1fr}.inline-actions{width:100%}.inline-actions>*{flex:1 1 100%}.quick-action-row>*{flex-basis:100%}.filter-controls{width:100%}.filter-controls>*{flex:1 1 100%;min-width:100%}.form-grid{grid-template-columns:1fr}.time-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-card{padding:.95rem}.card-title-row{grid-template-columns:1fr}.card-meta-grid{grid-template-columns:1fr;gap:.45rem}.request-panel{padding:.8rem}.data-table{min-width:620px}}@media(max-width:520px){.sidebar{padding:.85rem}.topbar-copy strong{max-width:112px}.mobile-shell-actions{gap:.6rem}.mobile-menu-button,.mobile-shell-actions>.ghost-button,.user-pill{min-height:36px;padding:.48rem .72rem}.mobile-nav-grid{grid-template-columns:1fr}.mobile-nav-button{padding:.92rem}.time-picker-actions{flex-wrap:wrap;justify-content:stretch}.time-picker-actions>*{flex:1 1 100%}.user-pill{font-size:.74rem;letter-spacing:.03em}}