@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{font-family:Manrope,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:#16322d;background:radial-gradient(circle at top left,rgba(18,165,134,.16),transparent 34%),radial-gradient(circle at bottom right,rgba(5,126,107,.11),transparent 42%),linear-gradient(180deg,#f1f8f6 0%,#e6f1ed 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Space Grotesk,Manrope,sans-serif;letter-spacing:-.02em}#root{min-height:100vh}:root{--bg-0: #f3f8f7;--bg-1: #eef4f2;--card: #ffffff;--card-soft: #f8fbfa;--line: #d8e6e1;--text: #16322d;--text-muted: #587770;--primary: #007a67;--primary-strong: #006454;--accent: #0d9b6f;--danger: #d64545;--warning: #db8f1f;--info: #237ac8;--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--shadow-soft: 0 14px 38px rgba(18, 60, 53, .09);--shadow-pop: 0 20px 54px rgba(8, 78, 65, .17)}@keyframes fadeRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shell{width:min(1660px,100%);margin:0 auto;padding:16px 20px 24px;animation:fadeRise .42s ease}.workspace-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.app-sidebar{position:sticky;top:14px;display:grid;gap:12px;padding:16px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,251,248,.96));box-shadow:var(--shadow-soft)}.app-content{min-width:0}.sidebar-brand{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.sidebar-brand h2{margin:0 0 4px;font-size:1.1rem;line-height:1.12}.sidebar-logo{width:58px;height:58px;border-radius:16px;border:1px solid var(--line);object-fit:cover;background:#f6fcfa}.sidebar-panel{display:grid;gap:6px;padding:12px;border-radius:18px;background:var(--card-soft);border:1px solid #dbe7e3}.sidebar-panel-compact{gap:4px}.sidebar-panel-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--text-muted)}.sidebar-panel strong{color:var(--text)}.sidebar-panel small{color:var(--text-muted)}.sidebar-nav{display:grid;gap:8px}.sidebar-nav-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;width:100%;padding:11px 12px;border-radius:18px;border:1px solid #d8e6e1;background:#fbfefd;color:var(--text);text-align:left;box-shadow:none}.sidebar-nav-item:hover{background:#f4fbf8;border-color:#c3ddd5}.sidebar-nav-item.active{background:linear-gradient(140deg,rgba(0,122,103,.12),rgba(0,100,84,.08));border-color:#8fc3b3}.sidebar-nav-icon{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(140deg,var(--primary),var(--primary-strong));color:#fff;font-size:.74rem;font-weight:900;letter-spacing:.06em}.sidebar-nav-copy{display:grid;gap:2px}.sidebar-nav-copy strong{line-height:1.1}.sidebar-nav-copy small{color:var(--text-muted)}.sidebar-chip-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.sidebar-logout{width:100%;margin-top:4px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 8% 8%,rgba(8,149,121,.18) 0%,transparent 44%),radial-gradient(circle at 86% 90%,rgba(26,176,132,.18) 0%,transparent 52%),linear-gradient(160deg,#ecf6f4 0%,#dcece8 100%)}.login-hero-panel{width:min(1120px,100%);display:grid;grid-template-columns:1.2fr .9fr;gap:22px;padding:28px;border-radius:calc(var(--radius-xl) + 8px);background:linear-gradient(140deg,rgba(250,255,253,.98),rgba(241,250,247,.98));border:1px solid var(--line);box-shadow:var(--shadow-pop)}.login-copy{display:grid;align-content:center;gap:12px}.login-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px}.login-card{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius-xl) + 4px);padding:20px;box-shadow:var(--shadow-soft);display:grid;gap:12px;align-content:start}.app-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:0 2px 12px}.app-topbar-copy h2{margin:0 0 4px;font-size:1.35rem;line-height:1.15}.app-topbar-copy .section-copy{margin-bottom:0;max-width:760px}.app-topbar-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.topbar-chip{display:inline-flex;align-items:center;min-height:34px;padding:.42rem .82rem;border-radius:999px;border:1px solid #cfe2dc;background:rgba(255,255,255,.82);color:var(--text);font-size:.76rem;font-weight:800;letter-spacing:.02em;white-space:nowrap}.topbar-chip-accent{background:linear-gradient(140deg,var(--primary),var(--primary-strong));border-color:transparent;color:#fff}.login-card-single{width:min(470px,100%)}.login-card-head{display:flex;align-items:center;gap:16px}.login-logo{width:74px;height:74px;border-radius:20px;object-fit:cover;border:1px solid var(--line);background:#f6fcfa}.login-logo-fallback,.avatar-fallback{display:grid;place-items:center;color:#fff;font-size:1.65rem;font-weight:900;background:linear-gradient(140deg,#00907a,#006454)}.login-submit{width:100%}.login-footnote{margin:0;color:var(--text-muted);line-height:1.6}.hero-panel{position:relative;display:grid;grid-template-columns:1.6fr 1fr;gap:16px;padding:22px;border-radius:calc(var(--radius-xl) + 6px);background:linear-gradient(130deg,rgba(255,255,255,.95),rgba(241,250,247,.96));border:1px solid var(--line);box-shadow:var(--shadow-pop);overflow:hidden}.hero-panel-compact{grid-template-columns:1fr;gap:0;padding:12px 14px}.hero-panel:after{content:"";position:absolute;width:260px;height:260px;top:-140px;right:-70px;border-radius:999px;background:radial-gradient(circle,rgba(13,155,111,.2),transparent 70%);pointer-events:none}.hero-panel-compact:after{display:none}.brand-header{display:flex;align-items:center;gap:14px}.brand-logo{width:82px;height:82px;border-radius:18px;object-fit:cover;border:1px solid var(--line);background:#f6fcfa;flex-shrink:0}.eyebrow{margin:0 0 5px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--primary)}.hero-copy,.section-copy,.leave-card p,.timeline-item p,.profile-card p,.employee-card span,.report-table small{color:var(--text-muted)}.hero-stats{display:grid;gap:10px}.hero-panel-compact .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-stat-card,.mini-stat{background:var(--card-soft);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 15px}.hero-panel-compact .hero-stat-card{padding:12px 14px}.hero-stat-card span,.mini-stat span,label span{display:block;margin-bottom:8px;font-size:.78rem;letter-spacing:.02em;text-transform:uppercase;font-weight:800;color:var(--text-muted)}.hero-stat-card strong,.mini-stat strong,.dashboard strong{font-size:1.56rem;color:var(--text);letter-spacing:-.02em}.hero-panel-compact .hero-stat-card strong{font-size:1.4rem}.banner{padding:10px 12px;border-radius:var(--radius-md);margin-bottom:0;font-weight:700;border:1px solid transparent}.status-stack{display:grid;gap:8px;margin-bottom:10px}.banner.success{background:#e4f8f0;border-color:#b4e8d5;color:#0c7d5e}.banner.error{background:#fff0f0;border-color:#f1c9c9;color:#b93535}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.grid>.card{animation:fadeRise .44s ease}.grid>.card:nth-child(2){animation-delay:70ms}.grid>.card:nth-child(3){animation-delay:.12s}.grid>.card:nth-child(4){animation-delay:.17s}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xl);padding:16px;box-shadow:var(--shadow-soft)}.card:hover{border-color:#c7dfd8}.span-two{grid-column:1 / -1}.card-header-row,.profile-card,.employee-card-head,.leave-header,.timeline-top,.approval-actions,.attendance-actions{display:flex;justify-content:space-between;gap:10px;align-items:center}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-stack,.leave-list,.approval-list,.timeline-list,.employee-grid{display:grid;gap:10px}.timeline-list.compact{gap:10px}label,.employee-card,.employee-card.selected,.leave-card,.timeline-item,.empty-state{display:block}input,textarea,select{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid #cde1db;background:#fcfefd;padding:.72rem .84rem;font:inherit;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease}input:focus,textarea:focus,select:focus,button:focus-visible{outline:none;border-color:#82bea8;box-shadow:0 0 0 4px #007a672e}textarea{resize:vertical;min-height:96px}button{cursor:pointer;font:inherit}.action-button,.secondary-button,.warning-button,.danger-button,.ghost-button,.chip{border:none;border-radius:12px;padding:.72rem .96rem;font-weight:800;transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.action-button,.warning-button,.danger-button,.secondary-button,.ghost-button,.chip{box-shadow:0 8px 20px #0a3c3414}.action-button:hover,.warning-button:hover,.danger-button:hover,.secondary-button:hover,.ghost-button:hover,.chip:hover{transform:translateY(-1px)}.action-button{background:linear-gradient(140deg,var(--primary),var(--primary-strong));color:#fff}.secondary-button{background:#dff2eb;color:var(--primary-strong)}.warning-button{background:linear-gradient(140deg,#f2ab3f,var(--warning));color:#fff}.danger-button{background:linear-gradient(140deg,#ef6767,var(--danger));color:#fff}.ghost-button,.chip{background:#f3f9f7;color:var(--text);border:1px solid #cfe2dc}.chip.active{background:linear-gradient(140deg,var(--primary),var(--primary-strong));color:#fff;border-color:transparent}.role-row,.stats-row{display:flex;gap:10px;flex-wrap:wrap}.stats-row>*{flex:1 1 150px}.export-actions,.report-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.report-view-row,.attendance-rule-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.report-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.mini-stat.compact{padding:16px}.mini-stat.compact strong{font-size:1.45rem}.report-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin-bottom:10px}.recent-filter-grid{grid-template-columns:2fr 1fr}.report-filter-grid-leave{grid-template-columns:2fr 1fr 1fr 1fr auto}.profile-card,.employee-card,.leave-card,.timeline-item,.empty-state{padding:14px;border-radius:var(--radius-lg);background:#fbfefd;border:1px solid #d9e8e3}.empty-state{color:var(--text-muted);border-style:dashed;text-align:center}.employee-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.employee-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.organization-logo-preview{margin-bottom:10px;padding:10px;border:1px solid #d9e8e3;border-radius:14px;background:#fbfefd}.organization-logo-image{width:100%;max-width:220px;height:86px;object-fit:contain;display:block}.employee-management-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.95fr);gap:12px;align-items:start}.employee-detail-card{border:1px solid #d9e8e3;border-radius:var(--radius-lg);background:#fbfefd;padding:12px}.employee-detail-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-table tbody tr{cursor:pointer}.employee-table tbody tr:hover{background:#edf8f4}.employee-row-active{background:#e8f6f1!important}.table-avatar{width:38px;height:38px;border-radius:11px;object-fit:cover;border:1px solid #d8e8e3}.table-avatar-fallback{display:grid;place-items:center;background:#e3f2ee;color:#1d5c50;font-weight:900}.leave-balance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}.leave-apply-card{display:grid;gap:12px}.leave-apply-layout{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(360px,1.25fr);gap:12px;align-items:start}.leave-apply-overview,.leave-apply-form{min-width:0}.leave-balance-grid-compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:0}.leave-balance-tile{padding:12px 13px}.leave-balance-tile strong{font-size:1.28rem}.leave-type-row{gap:8px;margin-bottom:2px}.leave-date-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{margin-top:10px;margin-bottom:0}.card h2,.card h3,.hero-panel h1,.profile-card h3,.employee-card strong,.leave-card strong,.timeline-item strong{margin-bottom:2px;line-height:1.12}.card p,.card small,.profile-card p,.leave-card p,.timeline-item p{margin-bottom:0}.employee-card{text-align:left}.employee-card.selected{border-color:#88bea9;background:#edf8f4}.avatar-wrap,.avatar-image,.avatar-fallback{width:56px;height:56px;border-radius:16px}.avatar-image{object-fit:cover}.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.3rem .62rem;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.pill.info{background:#ddefff;color:var(--info)}.pill.success{background:#dcf7ea;color:#0a8c63}.pill.warning{background:#ffefd5;color:#ab731c}.pill.danger{background:#ffe0e0;color:#c73838}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:10px}.timeline-item.compact{grid-template-columns:1fr}.timeline-index{width:32px;height:32px;border-radius:999px;background:linear-gradient(140deg,#c2ece0,#9fdbc9);display:grid;place-items:center;font-weight:900;color:#13453c}.report-table-wrap{overflow-x:auto;border:1px solid #d9e8e2;border-radius:16px;background:#fcfefd}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{text-align:left;border-bottom:1px solid #e6f0ed;padding:.72rem .68rem;vertical-align:top}.report-table thead th{position:sticky;top:0;background:#eef8f5;z-index:1;color:#184f44}.report-table tbody tr:nth-child(2n){background:#f7fcfa}.attendance-time-red{color:var(--danger)}.loading-overlay{position:fixed;inset:auto 18px 18px auto;padding:12px 16px;border-radius:14px;background:rgba(18,61,53,.92);color:#fff;font-weight:800;border:1px solid rgba(255,255,255,.16)}@media (max-width: 1180px){.workspace-shell{grid-template-columns:1fr}.app-topbar{flex-direction:column}.app-topbar-meta{justify-content:flex-start}.app-sidebar{position:static}.login-hero-panel,.hero-panel,.grid,.hero-panel-compact .hero-stats{grid-template-columns:1fr}.span-two{grid-column:auto}.field-grid,.report-filter-grid,.report-filter-grid-leave,.report-summary-grid,.login-summary-row,.leave-apply-layout,.employee-filter-grid,.employee-management-layout,.recent-filter-grid{grid-template-columns:1fr}.brand-header{align-items:flex-start}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.shell{padding:12px}.card,.hero-panel,.login-card{padding:14px;border-radius:22px}.app-sidebar{padding:12px;border-radius:22px}.sidebar-brand,.sidebar-nav{grid-template-columns:1fr}.card-header-row,.brand-header,.profile-card,.leave-header,.attendance-actions,.approval-actions,.timeline-top{flex-direction:column;align-items:stretch}.hero-stat-card strong,.mini-stat strong{font-size:1.45rem}.action-button,.secondary-button,.warning-button,.danger-button,.ghost-button,.chip,.sidebar-nav-item,.report-filter-actions,.export-actions,.header-actions,.report-view-row,.attendance-rule-row{width:100%}}