:root{color:#172554;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f4f7f6;--surface:#fff;--surface-soft:#eef7f5;--text:#172554;--muted:#64748b;--border:#dbe4e2;--primary:#0f766e;--primary-dark:#115e59;--primary-soft:#ccfbf1;--blue:#2563eb;--blue-soft:#dbeafe;--amber:#d97706;--amber-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--success:#15803d;--success-soft:#dcfce7;--shadow:0 18px 40px #0f172a14;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;background:#f4f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top left, #14b8a62e, transparent 32rem), radial-gradient(circle at top right, #2563eb1f, transparent 28rem), var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#fff;outline:none;padding:.85rem .95rem}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0f766e1f}label{color:var(--text);gap:.45rem;font-size:.92rem;font-weight:700;display:grid}.app-shell{width:min(1120px,100%);min-height:100vh;margin:0 auto;padding:1.2rem 1rem 6.5rem}.center-screen{place-items:center;display:grid}.app-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.4rem;display:flex}.app-header h1,.hero-card h2,.panel-card h2,.form-card h3{margin:0}.app-header h1{letter-spacing:-.04em;font-size:clamp(1.45rem,5vw,2.2rem)}.eyebrow{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem;font-weight:900}.page-content{gap:1rem;display:grid}.login-page{place-items:center;min-height:100vh;padding:1.2rem;display:grid}.login-card{border:1px solid var(--border);border-radius:var(--radius-lg);width:min(440px,100%);box-shadow:var(--shadow);background:#ffffffeb;padding:2rem}.login-icon{width:4rem;height:4rem;color:var(--primary);background:var(--primary-soft);border-radius:1.4rem;place-items:center;margin-bottom:1rem;display:grid}.login-card h1{letter-spacing:-.07em;margin:0;font-size:clamp(2rem,8vw,3.2rem);line-height:.95}.login-subtitle{color:var(--muted);line-height:1.55}.login-form,.stacked-form{gap:1rem;display:grid}.login-form{margin-top:1.4rem}.security-note{color:var(--muted);margin:1rem 0 0;font-size:.83rem;line-height:1.45}.primary-button,.secondary-button,.ghost-button,.icon-button{border-radius:var(--radius-sm);border:0;font-weight:900}.primary-button,.secondary-button{justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:.75rem 1rem;display:inline-flex}.primary-button{color:#fff;background:var(--primary);box-shadow:0 12px 24px #0f766e2e}.primary-button:hover{background:var(--primary-dark)}.secondary-button{color:var(--primary-dark);background:var(--primary-soft)}.ghost-button{color:var(--muted);border:1px solid var(--border);background:#ffffffbf;padding:.7rem .9rem}.ghost-button.small{border-radius:999px;padding:.65rem}.link-button{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:800}.full-width{width:100%}.form-error,.error-banner{color:var(--danger);background:var(--danger-soft)}.form-error,.error-banner,.success-banner,.info-box{border-radius:var(--radius-sm);padding:.85rem .95rem;font-weight:750}.success-banner{color:var(--success);background:var(--success-soft);align-items:center;gap:.55rem;display:flex}.error-banner{align-items:center;gap:.55rem;display:flex}.info-box{color:var(--primary-dark);background:var(--surface-soft)}.notice-card{color:#1e3a8a;border-radius:var(--radius-sm);background:#eff6ff;border:1px solid #bfdbfe;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.notice-card p{color:#1e40af;margin:.25rem 0 0}.warning-box{color:#9a3412;border-radius:var(--radius-sm);background:#fff7ed;border:1px solid #fed7aa;padding:.85rem .95rem;font-size:.92rem}.loading-card,.state-card{border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--muted);box-shadow:var(--shadow);text-align:center;background:#ffffffdb;justify-items:center;gap:.75rem;padding:2rem;display:grid}.error-state{color:var(--danger)}.hero-card,.summary-card,.panel-card,.form-card,.history-item{box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #dbe4e2e6}.hero-card{border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:1.2rem;padding:1.4rem;display:flex;overflow:hidden}.hero-card.compact{margin-bottom:1rem}.hero-card h2{letter-spacing:-.08em;font-size:clamp(2.2rem,9vw,4.2rem);line-height:.95}.hero-card p:not(.eyebrow){max-width:34rem;color:var(--muted);margin:.6rem 0 0;line-height:1.5}.hero-icon{width:5rem;height:5rem;color:var(--primary);background:var(--primary-soft);border-radius:2rem;flex:none;place-items:center;display:grid}.cards-grid,.quick-actions-grid{gap:1rem;display:grid}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.quick-action-card{border:1px solid var(--border);border-radius:var(--radius-md);min-height:7rem;color:var(--text);box-shadow:var(--shadow);text-align:left;background:#ffffffeb;align-items:center;gap:1rem;padding:1.1rem;display:flex}.quick-action-card strong{font-size:1.05rem;display:block}.quick-action-card span{color:var(--muted);margin-top:.2rem;display:block}.card-icon{border-radius:1.1rem;flex:none;place-items:center;width:3rem;height:3rem;display:grid}.card-icon.teal{color:var(--primary);background:var(--primary-soft)}.card-icon.amber{color:var(--amber);background:var(--amber-soft)}.card-icon.blue{color:var(--blue);background:var(--blue-soft)}.card-icon.soft{color:#475569;background:#f1f5f9}.card-icon.danger{color:#b91c1c;background:#fee2e2}.card-label{color:var(--muted);margin:0;font-size:.82rem;font-weight:800}.card-detail{color:var(--muted);margin:0;font-size:.86rem}.panel-card,.form-card{border-radius:var(--radius-lg);margin-top:1rem;padding:1.15rem}.panel-header,.form-card-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.form-card-header{justify-content:flex-start}.metrics-list{gap:.7rem;display:grid}.metrics-list div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 0;display:flex}.metrics-list div:last-child{border-bottom:0}.metrics-list span{color:var(--muted)}.metrics-list strong{font-size:1.1rem}.event-list,.history-list{gap:.75rem;display:grid}.event-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;gap:1rem;padding:.9rem;display:flex}.event-item div{gap:.2rem;display:grid}.event-item span,.event-item em,.empty-text{color:var(--muted)}.event-item em{font-style:normal;font-weight:800}.register-page,.dashboard-page,.history-page,.settings-page,.calendar-page{gap:1rem;display:grid}.form-grid,.two-column-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.dashboard-toolbar,.history-toolbar,.calendar-actions{justify-content:flex-end;margin-bottom:1rem;display:flex}.hero-balance{border-radius:var(--radius-lg);background:#ffffff2e;border:1px solid #ffffff47;gap:.25rem;min-width:12rem;padding:1rem;display:grid}.hero-balance span{opacity:.9;font-size:.85rem}.hero-balance strong{font-size:clamp(2rem,6vw,3rem);line-height:1}.positive{color:#0f766e}.negative{color:#b91c1c}.stats-grid,.summary-grid{gap:1rem;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card,.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.stat-card{align-items:flex-start;gap:.85rem;padding:1rem;display:flex}.stat-card span{color:var(--muted);font-size:.82rem;font-weight:700;display:block}.stat-card strong{color:var(--text);margin-top:.2rem;font-size:1.8rem;display:block}.stat-card p{color:var(--muted);margin:.1rem 0 0}.stat-icon{border-radius:999px;flex:none;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;display:inline-flex}.stat-icon.teal{color:#0f766e;background:#ccfbf1}.stat-icon.amber{color:#b45309;background:#fef3c7}.stat-icon.soft{color:#6d28d9;background:#ede9fe}.stat-icon.danger{color:#b91c1c;background:#fee2e2}.summary-card{padding:1rem}.summary-card h3{margin:0 0 .8rem}.summary-title-with-icon{align-items:center;gap:.45rem;display:flex}.summary-title-with-icon h3{margin:0}.summary-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.75rem 0;display:flex}.summary-row:last-child{border-bottom:none}.summary-row span{color:var(--muted)}.summary-row strong{color:var(--text)}.summary-row.total{font-weight:900}.history-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:.85rem;padding:1rem;display:grid}.section-title{color:var(--text);align-items:center;gap:.5rem;display:flex}.section-title h3{margin:0}.history-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.history-item strong{color:var(--text)}.history-item p,.history-item small{color:var(--muted);margin:.2rem 0 0;display:block}.history-icon{border-radius:1rem;place-items:center;width:2.8rem;height:2.8rem;display:grid}.history-icon.work{color:var(--primary);background:var(--primary-soft)}.history-icon.leave{color:var(--amber);background:var(--amber-soft)}.history-icon.vacation{color:var(--blue);background:var(--blue-soft)}.history-icon.absence{color:var(--danger);background:var(--danger-soft)}.history-main{min-width:0}.history-main p{margin:.35rem 0 0}.history-side{justify-items:end;gap:.45rem;display:grid}.history-side em{color:var(--muted);font-size:.8rem;font-style:normal;font-weight:850}.empty-state{color:var(--muted);margin:0}.icon-button,.danger-button{cursor:pointer;border:none;font-weight:800}.icon-button{background:#f8fafc;border-radius:999px;place-items:center;width:2.25rem;height:2.25rem;display:grid}.icon-button.danger,.danger-button{color:var(--danger);background:var(--danger-soft)}.danger-button{border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex}.danger-confirm-button{cursor:pointer;color:#fff;background:#dc2626;border:none;border-radius:999px;padding:.8rem 1.1rem;font-weight:800}.bottom-nav{z-index:10;width:min(680px,100% - 1.6rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border:1px solid #dbe4e2e6;border-radius:1.4rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;padding:.45rem;display:grid;position:fixed;bottom:1rem;left:50%;transform:translate(-50%)}.bottom-nav button{color:var(--muted);background:0 0;border:0;border-radius:1rem;justify-items:center;gap:.2rem;padding:.65rem .35rem;font-size:.72rem;font-weight:850;display:grid}.bottom-nav button.active{color:var(--primary-dark);background:var(--primary-soft)}.calendar-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:1rem;padding:1rem;display:grid}.calendar-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.calendar-title{text-align:center;gap:.25rem;display:grid}.calendar-title h3{color:var(--text);margin:0;font-size:1.25rem}.calendar-legend{color:var(--muted);flex-wrap:wrap;gap:.75rem;font-size:.85rem;display:flex}.calendar-legend span{align-items:center;gap:.35rem;display:inline-flex}.legend-dot{border-radius:999px;width:.7rem;height:.7rem;display:inline-block}.legend-dot.work{background:#0f766e}.legend-dot.leave{background:#d97706}.legend-dot.vacation{background:#2563eb}.legend-dot.absence{background:#dc2626}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.calendar-weekday{text-align:center;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:800}.calendar-day-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;flex-direction:column;gap:.4rem;min-height:8.25rem;padding:.5rem;display:flex;overflow:hidden}.calendar-day-card.outside-month{opacity:.55;background:#f8fafc}.calendar-day-card.today{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1f}.calendar-day-header{color:var(--text);justify-content:flex-end;font-size:.85rem;font-weight:800;display:flex}.calendar-day-card.today .calendar-day-header span{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:1.65rem;height:1.65rem;display:inline-flex}.calendar-events{gap:.3rem;display:grid}.calendar-event{border-radius:.65rem;gap:.1rem;padding:.35rem .45rem;font-size:.72rem;line-height:1.15;display:grid}.calendar-event strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-event small{opacity:.85;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calendar-event.work{color:#0f3f3a;background:#ccfbf1;border:1px solid #99f6e4}.calendar-event.leave{color:#78350f;background:#fef3c7;border:1px solid #fde68a}.calendar-event.vacation{color:#1e3a8a;background:#dbeafe;border:1px solid #bfdbfe}.calendar-event.absence{color:#7f1d1d;background:#fee2e2;border:1px solid #fecaca}.calendar-day-balance{border-radius:999px;justify-self:start;padding:.15rem .45rem;font-size:.7rem;font-weight:900}.calendar-day-balance.positive{color:#0f766e;background:#ccfbf1}.calendar-day-balance.negative{color:#b91c1c;background:#fee2e2}.modal-backdrop{z-index:50;background:#0f172a7a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.confirmation-modal{border-radius:var(--radius-lg);text-align:center;background:#fff;gap:.85rem;width:min(100%,28rem);padding:1.35rem;display:grid;box-shadow:0 24px 80px #0f172a47}.confirmation-modal h3{color:var(--text);margin:0}.confirmation-modal p{color:var(--muted);margin:0;line-height:1.5}.modal-icon{color:#b45309;background:#fef3c7;border-radius:999px;justify-content:center;justify-self:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.modal-icon.danger{color:#b91c1c;background:#fee2e2}.modal-actions{justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}@media (width<=900px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid,.summary-grid{grid-template-columns:1fr}.hero-balance{width:100%}}@media (width<=640px){.app-shell{padding:1rem .85rem 6.5rem}.app-header,.hero-card{align-items:flex-start}.hero-icon{border-radius:1.5rem;width:4rem;height:4rem}.cards-grid,.quick-actions-grid,.form-grid,.two-column-form{grid-template-columns:1fr}.quick-action-card,.event-item{align-items:flex-start}.event-item{flex-direction:column}.login-card{padding:1.5rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.field-hint{color:var(--muted);margin-top:.35rem;font-size:.78rem;line-height:1.35;display:block}@media (width<=760px){html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{background:#f8fafc}input,select,textarea,button{font-size:16px}.app-shell{width:100%;min-height:100vh;padding:.85rem .85rem 7rem}.page-content{gap:.9rem;width:100%;padding:0;display:grid}.app-header{align-items:center;gap:.75rem;margin-bottom:1rem}.app-header h1{letter-spacing:-.04em;font-size:1.25rem;line-height:1.1}.app-header .ghost-button{border-radius:999px;min-height:2.6rem;padding:.55rem .8rem;font-size:.88rem}.hero-card{border-radius:1.25rem;gap:.9rem;padding:1.05rem;display:grid}.hero-card.compact{margin-bottom:0;padding:1rem}.hero-card h2{letter-spacing:-.045em;font-size:1.45rem;line-height:1.12}.hero-card p:not(.eyebrow){margin-top:.45rem;font-size:.92rem;line-height:1.45}.hero-icon{border-radius:1.1rem;width:3rem;height:3rem}.hero-balance{background:#fff;border-radius:1.1rem;width:100%;min-width:0;padding:.9rem}.hero-balance strong{font-size:2.15rem}.dashboard-toolbar,.history-toolbar,.calendar-actions{justify-content:stretch;margin-bottom:0}.dashboard-toolbar button,.history-toolbar button,.calendar-actions button{width:100%}.stats-grid,.summary-grid,.cards-grid,.quick-actions-grid,.form-grid,.two-column-form{grid-template-columns:1fr;gap:.85rem}.stat-card,.summary-card,.form-card,.panel-card,.history-section,.calendar-panel{border-radius:1.1rem}.stat-card{align-items:center;padding:.9rem}.stat-card strong{font-size:1.5rem}.dashboard-page .summary-grid{grid-template-columns:1fr}.dashboard-page .summary-grid>.summary-card{border-radius:1.1rem;align-items:stretch;gap:0;width:100%;min-width:0;padding:.95rem;display:grid;overflow:visible}.dashboard-page .summary-row{grid-template-columns:1fr;align-items:start;gap:.2rem;width:100%;min-width:0;padding:.7rem 0;display:grid}.dashboard-page .summary-row span{overflow-wrap:anywhere;min-width:0}.dashboard-page .summary-row strong{text-align:left;white-space:normal;font-size:1rem}.form-card{width:100%;min-width:0;margin-top:0;padding:1rem;overflow:visible}.form-card-header{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;margin-bottom:.85rem;display:grid}.form-card-header>div:last-child{min-width:0}.form-card-header h3{overflow-wrap:anywhere;font-size:1.08rem}.stacked-form{gap:.85rem}.stacked-form label,.login-form label,.form-grid label{gap:.35rem;width:100%;min-width:0;font-size:.9rem}input,select,textarea{border-radius:1rem;width:100%;min-width:0;max-width:100%;min-height:3.15rem;padding:.85rem .95rem;line-height:1.25}input[type=date],input[type=time],input[type=number]{appearance:none;background-color:#fff;width:100%;min-height:3.15rem;display:block}input[type=date],input[type=time]{padding-right:.75rem}input[type=number]{text-align:left}input::-webkit-date-and-time-value{text-align:left;min-height:1.4rem}input::-webkit-calendar-picker-indicator{margin-left:0}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,#0000 50%);background-position:calc(100% - 1.15rem),calc(100% - .8rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:2.2rem}.primary-button,.secondary-button,.ghost-button{border-radius:999px;justify-content:center;min-height:3rem}.full-width{width:100%}.notice-card,.info-box,.warning-box,.success-banner,.error-banner{overflow-wrap:anywhere;border-radius:1rem;width:100%;min-width:0;font-size:.9rem}.register-page{gap:.85rem}.register-page .form-card+.form-card{margin-top:0}.stacked-form .primary-button,.stacked-form .secondary-button{margin-top:.15rem}.bottom-nav{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border:1px solid #e2e8f0;border-radius:1.25rem;grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;width:auto;padding:.38rem;display:grid;position:fixed;bottom:.7rem;left:.7rem;right:.7rem;transform:none;box-shadow:0 16px 40px #0f172a29}.bottom-nav button{text-align:center;white-space:normal;border-radius:.95rem;flex-direction:column;justify-content:center;align-items:center;gap:.18rem;min-width:0;min-height:3.2rem;padding:.25rem;font-size:.66rem;line-height:1.05;display:flex}.bottom-nav button svg{flex:none;width:1.15rem;height:1.15rem}.bottom-nav button.active{color:var(--primary-dark);background:var(--primary-soft)}.calendar-panel{padding:.75rem}.calendar-toolbar{grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;display:grid}.calendar-title h3{font-size:1rem}.calendar-legend{grid-template-columns:1fr 1fr;gap:.45rem;font-size:.74rem;display:grid}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;display:grid}.calendar-weekday{text-align:center;font-size:.62rem;display:block}.calendar-day-card{border-radius:.7rem;flex-direction:column;gap:.25rem;min-height:4.75rem;padding:.3rem;display:flex;overflow:hidden}.calendar-day-card.outside-month{opacity:.25;display:flex}.calendar-day-card.empty-day{display:flex}.calendar-day-header{justify-content:center;font-size:.72rem}.calendar-day-card.today .calendar-day-header span{width:1.35rem;height:1.35rem;font-size:.7rem}.calendar-events{gap:.15rem;width:100%;display:grid}.calendar-event{border-radius:.35rem;width:100%;min-height:1rem;padding:.12rem .18rem;font-size:.52rem;line-height:1.05;display:block;overflow:hidden}.calendar-event strong{white-space:nowrap;text-overflow:ellipsis;font-size:.52rem;font-weight:900;display:block;overflow:hidden}.calendar-event small{display:none}.calendar-day-balance{text-overflow:ellipsis;white-space:nowrap;align-self:center;max-width:100%;padding:.08rem .22rem;font-size:.56rem;overflow:hidden}.history-section{padding:.95rem}.history-item{border-radius:1rem;align-items:flex-start;padding:.8rem}.history-item>div{min-width:0}.history-item p,.history-item small{line-height:1.35}.danger-button{flex:none}.modal-backdrop{align-items:end;padding:0}.confirmation-modal{border-radius:1.4rem 1.4rem 0 0;width:100%;padding:1.25rem}.modal-actions{grid-template-columns:1fr;display:grid}.modal-actions button{width:100%}}@media (width<=380px){.bottom-nav button{font-size:.6rem}.hero-card h2{font-size:1.3rem}.stat-card{gap:.65rem}.calendar-event,.calendar-event strong{font-size:.48rem}}