.login-page{background:radial-gradient(circle at 0 0,#4f8cff2e,#0000 30%),radial-gradient(circle at 100% 100%,#f3b7d229,#0000 26%),linear-gradient(#f9fbff 0%,#f3f8ff 52%,#eef5fb 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex;position:relative;overflow:hidden}.login-page__glow,.login-page__shape{pointer-events:none;position:absolute}.login-page__glow{filter:blur(92px);opacity:.42;border-radius:50%}.login-page__glow--left{background:#4f8cff57;width:390px;height:390px;top:2%;left:-10%}.login-page__glow--right{background:#f3b7d24d;width:450px;height:450px;bottom:4%;right:-10%}.login-page__shape{background:linear-gradient(#ffffffad,#eaf3ff57);border:1px solid #cdddf0f5;box-shadow:0 24px 56px #4f8cff1a,inset 0 1px #ffffffb8}.login-page__shape--one{border-radius:36px;width:180px;height:180px;top:14%;left:14%;transform:rotate(18deg)}.login-page__shape--two{border-radius:50%;width:120px;height:120px;top:18%;right:16%}.login-page__shape--three{border-radius:42px;width:200px;height:200px;bottom:12%;right:20%;transform:rotate(-16deg)}.login-page__layout{z-index:1;width:min(100%,1180px);margin:0 auto;position:relative}.login-page__layout--center{justify-content:center;display:flex}.login-panel{width:100%;display:flex}.login-panel--center{flex-direction:column;align-items:center;gap:20px;width:min(100%,590px)}.login-page__intro{text-align:center;justify-items:center;gap:14px;display:grid}.login-page__brand,.login-back,.login-form__options{align-items:center;display:flex}.login-page__brand{box-shadow:var(--shadow-sm);background:#ffffffc2;border:1px solid #dce7f2eb;border-radius:999px;gap:14px;padding:12px 16px}.login-page__brand-mark{background:var(--gradient-brand);color:#fff;width:46px;height:46px;box-shadow:var(--shadow-sm);border-radius:16px;place-items:center;font-weight:800;display:grid}.login-page__brand strong{color:var(--text-main);display:block}.login-page__brand span,.login-page__lead,.login-card__header p,.login-checkbox,.login-link,.login-back,.login-helper ul,.login-note,.login-page__microcopy{color:var(--text-soft)}.login-page__lead{max-width:460px;margin:0;font-size:1rem;line-height:1.7}.login-card,.unauthorized-card{width:min(100%,540px);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 100% 0,#f3b7d229,#0000 36%),linear-gradient(#fffffffa,#f6fafff5);border:1px solid #dce7f2eb;border-radius:32px;padding:40px;position:relative}.login-card:before,.unauthorized-card:before{content:"";pointer-events:none;border:1px solid #ffffffd1;border-radius:24px;position:absolute;inset:14px}.login-card__header{text-align:center}.login-card__eyebrow{min-height:36px;color:var(--primary-strong);letter-spacing:.08em;background:#eaf3ffe6;border:1px solid #7eaaff38;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.82rem;display:inline-flex}.login-card__header h2{color:var(--text-main);margin:20px 0 12px;font-size:clamp(2rem,4vw,2.5rem);line-height:1.08}.login-card__header p{max-width:360px;margin:0 auto}.login-form{margin-top:32px}.login-field{margin-bottom:20px}.login-field label,.login-helper strong,.login-highlight strong{color:var(--text-main);margin-bottom:10px;font-weight:600;display:inline-block}.login-input{background:#fffffff0;border:1px solid #dce7f2eb;border-radius:18px;align-items:center;gap:12px;min-height:60px;padding:0 18px;transition:border-color .25s,box-shadow .25s,background .25s,transform .25s;display:flex}.login-input:focus-within{box-shadow:var(--focus-ring);background:#fffffffa;border-color:#7eaaff75;transform:translateY(-1px)}.login-input.is-error{border-color:#ef9cb87a}.login-input>svg,.login-sso__button svg,.login-note svg{color:var(--primary-strong)}.login-input input{width:100%;color:var(--text-main);background:0 0;border:0;outline:none}.login-input input::placeholder{color:var(--text-faint)}.login-input__toggle{width:36px;height:36px;color:var(--primary-strong);background:0 0;border-radius:12px;place-items:center;display:grid}.login-field small{color:#c45f86;margin-top:8px;display:inline-block}.login-form__options{justify-content:space-between;gap:16px;margin-bottom:24px}.login-checkbox{align-items:center;gap:10px;display:inline-flex}.login-checkbox input{width:16px;height:16px;accent-color:var(--primary)}.login-link,.login-back{background:0 0;padding:0;transition:color .25s,transform .25s}.login-link:hover,.login-back:hover{color:var(--primary-strong)}.login-submit,.login-sso__button{border-radius:18px;justify-content:center;align-items:center;width:100%;min-height:56px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;display:flex}.login-submit:hover,.login-sso__button:hover{transform:translateY(-2px)}.login-submit{background:var(--gradient-brand);color:#fff;box-shadow:0 18px 34px #4f8cff33}.login-submit:hover{box-shadow:0 22px 42px #4f8cff3d}.login-submit:disabled,.login-sso__button:disabled{cursor:wait;opacity:.9}.login-divider{color:var(--text-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:26px 0;display:grid}.login-divider span{background:#dce7f2eb;height:1px}.login-sso{gap:14px;display:grid}.login-sso__button,.login-helper{background:#ffffffd6;border:1px solid #dce7f2eb}.login-sso__button{color:var(--text-main);justify-content:center;align-items:center;gap:12px;display:inline-flex}.login-sso__button:hover{background:#eaf3ffeb;border-color:#7eaaff3d}.login-alert{color:#b8547b;background:#f3b7d22e;border:1px solid #ef9cb83d;border-radius:16px;margin-bottom:18px;padding:14px 16px}.login-helper{border-radius:22px;margin-top:20px;padding:20px 22px}.login-helper strong{margin-bottom:10px;display:block}.login-helper ul{margin:0;padding:0;list-style:none}.login-helper li{color:var(--text-soft);padding-left:18px;line-height:1.5;position:relative}.login-helper li:before{content:"";background:linear-gradient(135deg,#d8f3e4 0%,#f8dce8 100%);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:0;box-shadow:0 0 0 2px #ffffffd6,0 1px 4px #4f8cff14}.login-helper li+li{margin-top:6px}.login-note{align-items:flex-start;gap:10px;margin-top:20px;font-size:.95rem;display:flex}.login-note svg{flex-shrink:0;margin-top:3px}.login-back{justify-content:center;gap:10px;margin:24px auto 0;font-size:.95rem}.login-page__microcopy{text-align:center;max-width:420px;margin:0;font-size:.92rem}.unauthorized-page{justify-content:center;display:flex}.unauthorized-card{text-align:center}.unauthorized-card__icon{width:72px;height:72px;color:var(--primary-strong);background:linear-gradient(135deg,#4f8cff24,#8ed9b624,#f3b7d229);border-radius:24px;place-items:center;margin:0 auto 18px;font-size:1.8rem;display:grid}@media (width<=720px){.login-page{padding:20px 16px}.login-card,.unauthorized-card{border-radius:28px;padding:28px}.login-page__shape--one,.login-page__shape--three{width:140px;height:140px}.login-form__options{flex-direction:column;align-items:flex-start}}@media (width<=560px){.login-page__shape{display:none}.login-panel--center{width:100%}.login-card,.unauthorized-card{border-radius:24px;width:100%;padding:24px}.login-card:before,.unauthorized-card:before{inset:10px}.login-page__brand{justify-content:center;width:100%}}.employee-dashboard{min-height:100vh;padding:24px;position:relative;overflow:hidden}.employee-dashboard__glow{filter:blur(96px);pointer-events:none;opacity:.26;border-radius:50%;position:absolute}.employee-dashboard__glow--left{background:#e8b9233d;width:340px;height:340px;top:80px;left:-120px}.employee-dashboard__glow--right{background:#ffd9702e;width:320px;height:320px;top:220px;right:-90px}.dashboard-header,.dashboard-sidebar__inner,.dashboard-hero,.dashboard-stat-card,.dashboard-panel,.dashboard-quick-card{border:1px solid #ffd7751f;box-shadow:0 24px 60px #00000057}.dashboard-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#100e0bb8;border-radius:24px;grid-template-columns:260px minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:24px;padding:16px 20px;display:grid;position:sticky;top:16px}.dashboard-header__brand,.dashboard-header__actions,.dashboard-header__profile,.dashboard-goal-card__header{align-items:center;display:flex}.dashboard-header__brand,.dashboard-header__profile{gap:14px}.dashboard-header__logo,.dashboard-header__avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#1a1406;flex-shrink:0;place-items:center;font-weight:800;display:grid;box-shadow:0 16px 34px #e8b92342}.dashboard-header__logo{border-radius:16px;width:48px;height:48px}.dashboard-header__avatar{border-radius:50%;width:46px;height:46px}.dashboard-header__brand strong,.dashboard-header__profile strong{display:block}.dashboard-header__brand span,.dashboard-header__profile span{color:var(--text-soft);font-size:.88rem}.dashboard-header__search{background:#fff4cf0a;border:1px solid #ffe18b14;border-radius:18px;align-items:center;gap:12px;min-height:54px;padding:0 18px;display:flex}.dashboard-header__search svg,.dashboard-header__icon svg,.dashboard-stat-card__icon,.dashboard-quick-card__icon,.dashboard-goal-card__icon{color:#ffd66b}.dashboard-header__search input{width:100%;color:var(--text-main);background:0 0;border:0;outline:none}.dashboard-header__search input::placeholder{color:#f1dda39e}.dashboard-header__actions{gap:16px}.dashboard-header__icon{width:52px;height:52px;color:var(--text-main);background:#fff4cf0d;border:1px solid #ffe18b14;border-radius:18px;place-items:center;display:grid;position:relative}.dashboard-header__icon span{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#1a1406;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:.72rem;font-weight:700;position:absolute;top:8px;right:8px}.dashboard-layout{grid-template-columns:280px minmax(0,1fr);gap:24px;display:grid}.dashboard-sidebar{position:relative}.dashboard-sidebar__inner{background:linear-gradient(#110f0bf5,#0a0a0af5);border-radius:30px;padding:24px;position:sticky;top:108px}.dashboard-sidebar__label,.dashboard-pill,.dashboard-panel__eyebrow{color:#ffe292;letter-spacing:.05em;text-transform:uppercase;background:#e8b9231c;border:1px solid #ffd7752e;border-radius:999px;align-items:center;min-height:34px;padding:0 14px;font-size:.82rem;display:inline-flex}.dashboard-sidebar__nav,.dashboard-content__side,.dashboard-list{gap:12px;display:grid}.dashboard-sidebar__nav{margin:24px 0}.dashboard-sidebar__item{width:100%;min-height:52px;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:0 16px;transition:transform .25s,color .25s,background .25s,border-color .25s;display:flex}.dashboard-sidebar__item:hover,.dashboard-sidebar__item.is-active{color:var(--text-main);background:#e8b9231f;border-color:#ffd77533;transform:translate(4px)}.dashboard-sidebar__card{background:#fff8e20a;border:1px solid #ffe18b14;border-radius:22px;padding:20px}.dashboard-sidebar__card span,.dashboard-stat-card span,.dashboard-attendance-grid__item span,.dashboard-progress__meta span,.dashboard-leave-summary span,.dashboard-weekly-target__meta span{color:var(--text-soft)}.dashboard-sidebar__card strong,.dashboard-stat-card strong,.dashboard-attendance-grid__item strong,.dashboard-leave-summary strong,.dashboard-goal-card strong,.dashboard-weekly-target__meta strong{margin:10px 0 8px;display:block}.dashboard-sidebar__card p,.dashboard-hero p,.dashboard-stat-card p,.dashboard-panel__heading p,.dashboard-quick-card p{color:var(--text-soft);margin:0}.dashboard-main{gap:24px;display:grid}.dashboard-main--standalone{width:100%}.dashboard-panel--topbar{grid-template-columns:240px minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.dashboard-hero{background:radial-gradient(circle at 100% 0,#ffd7751f,#0000 32%),linear-gradient(#1a160ff5,#0d0c0af5);border-radius:34px;grid-template-columns:1.35fr .95fr;gap:24px;padding:32px;display:grid;position:relative}.dashboard-hero:after{content:"";pointer-events:none;border:1px solid #fff7dc0d;border-radius:26px;position:absolute;inset:18px}.dashboard-hero h1{letter-spacing:-.03em;margin:18px 0 16px;font-size:clamp(2.3rem,4vw,3.8rem);line-height:1.05}.dashboard-hero__actions,.dashboard-panel__actions{align-items:center;gap:14px;display:flex}.dashboard-button{border-radius:16px;min-height:50px;padding:0 22px;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}.dashboard-button:hover,.dashboard-header__icon:hover,.dashboard-quick-card:hover{transform:translateY(-2px)}.dashboard-button--ghost{color:var(--text-main);background:#fff4cf0a;border:1px solid #ffe18b1f}.dashboard-hero__stats,.dashboard-stat-grid,.dashboard-attendance-grid,.dashboard-quick-grid,.dashboard-leave-summary,.dashboard-overview-pills{gap:16px;display:grid}.dashboard-hero__stats{align-content:center}.dashboard-hero__mini-card{background:#fffae90a;border:1px solid #ffe18b14;border-radius:24px;padding:22px}.dashboard-hero__mini-card span,.dashboard-hero__mini-card small{color:var(--text-soft)}.dashboard-hero__mini-card strong{margin:10px 0 6px;font-size:1.9rem;display:block}.dashboard-hero__mini-card--highlight{background:linear-gradient(135deg,#e8b92329,#fff8e20f)}.dashboard-stat-card,.dashboard-panel,.dashboard-quick-card{background:linear-gradient(#12100cf2,#0c0b09f5);border-radius:28px}.dashboard-stat-card{padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s}.dashboard-stat-card:hover,.dashboard-panel:hover{border-color:#ffd7752e;transform:translateY(-4px)}.dashboard-stat-card__icon,.dashboard-quick-card__icon,.dashboard-goal-card__icon{background:linear-gradient(135deg,#e8b9232e,#fff8e214);border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:18px;font-size:1.3rem;display:grid}.dashboard-stat-card strong{font-size:1.8rem}.dashboard-content{grid-template-columns:1.35fr .86fr;gap:24px;display:grid}.dashboard-content__main{gap:24px;display:grid}.dashboard-panel{padding:28px;transition:transform .25s,border-color .25s}.dashboard-panel--attendance{position:relative;overflow:hidden}.dashboard-panel--attendance:after{content:"";pointer-events:none;background:radial-gradient(circle,#e8b9232e,#0000 68%);width:180px;height:180px;position:absolute;top:-20px;right:-60px}.dashboard-panel__heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.dashboard-panel__heading h2{margin:16px 0 8px;font-size:1.45rem}.dashboard-status-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:28px;padding:0 10px;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.dashboard-status-badge--success{color:#ffe39b;background:#e8b92329}.dashboard-status-badge--warning{color:#ffd08d;background:#ffbb5424}.dashboard-status-badge--danger{color:#ffc098;background:#af74362e}.dashboard-status-badge--info{color:#ffe7b1;background:#ffe09c1f}.dashboard-status-badge--neutral{color:var(--text-soft);background:#fff4cf14}.dashboard-attendance-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:22px}.dashboard-attendance-grid__item,.dashboard-list__item,.dashboard-goal-card{background:#fff8e20a;border:1px solid #ffe18b14;border-radius:20px;padding:18px}.dashboard-progress{margin-bottom:24px}.dashboard-progress__meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dashboard-progress__track{background:#fff8e214;border-radius:999px;height:14px;position:relative;overflow:hidden}.dashboard-progress__bar{border-radius:inherit;background:linear-gradient(90deg,#ffe08a 0%,#e8b923 55%,#b88718 100%);width:74%;height:100%;box-shadow:0 0 24px #e8b92357}.dashboard-progress__track--small{height:10px}.dashboard-progress__bar--weekly{width:75%}.dashboard-panel__footnote{color:var(--text-soft);margin-top:18px;display:block}.dashboard-table-wrap{overflow-x:auto}.dashboard-table{width:100%;min-width:620px}.dashboard-table__head,.dashboard-table__row{grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,.8fr) minmax(110px,1fr);align-items:stretch;gap:14px;display:grid}.dashboard-table__head{color:var(--text-soft);padding:0 0 12px;font-size:.88rem;font-weight:600;line-height:1.2}.dashboard-table__row{border-top:1px solid #fff8e214;padding:14px 0;transition:background .25s}.dashboard-table__head>*,.dashboard-table__row>*{align-items:center;min-width:0;display:flex}.dashboard-table__head>*{min-height:36px}.dashboard-table__row>*{min-height:42px;line-height:1.35}.dashboard-table__row>strong,.dashboard-table__row>span,.dashboard-table__row>div,.dashboard-table__row>button{color:var(--text-main)}.dashboard-table__row>strong{font-weight:600}.dashboard-table__cell--stacked{align-content:center;gap:4px;display:grid}.dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-quick-card{text-align:left;justify-items:start;gap:10px;padding:22px;transition:transform .25s,border-color .25s,background .25s;display:grid}.dashboard-quick-card span{color:#ffd66b;align-items:center;gap:8px;display:inline-flex}.dashboard-leave-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.dashboard-list__item{justify-content:space-between;align-items:center;gap:14px;display:flex}.dashboard-list__item strong{margin-bottom:4px;display:block}.dashboard-list__item--simple{justify-content:flex-start}.dashboard-list__item--simple svg{color:#ffd66b;flex-shrink:0}.dashboard-panel__actions--stack{margin-top:18px}.dashboard-goal-card{margin-bottom:14px}.dashboard-goal-card__header{gap:14px}.dashboard-goal-card span{color:var(--text-soft)}.dashboard-weekly-target{margin-top:18px}.dashboard-weekly-target__meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dashboard-panel--compact{padding-bottom:22px}.dashboard-overview-pills span{color:var(--text-main);background:#fff8e20a;border:1px solid #ffe18b14;border-radius:18px;align-items:center;gap:10px;padding:14px 16px;display:inline-flex}.dashboard-overview-pills svg{color:#ffd66b}@media (width<=1240px){.dashboard-panel--topbar{grid-template-columns:1fr}.dashboard-header{grid-template-columns:240px minmax(0,1fr)}.dashboard-header__actions{grid-column:1/-1;justify-content:space-between}.dashboard-layout,.dashboard-content,.dashboard-hero{grid-template-columns:1fr}.dashboard-sidebar__inner{position:static}}@media (width<=920px){.employee-dashboard{padding:16px}.dashboard-stat-grid,.dashboard-attendance-grid,.dashboard-quick-grid,.dashboard-leave-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-header{padding:16px;top:10px}.dashboard-header__search,.dashboard-header__actions{grid-column:1/-1}.dashboard-header__actions,.dashboard-panel__heading,.dashboard-panel__actions{flex-direction:column;align-items:flex-start}}@media (width<=640px){.dashboard-header,.dashboard-sidebar__inner,.dashboard-hero,.dashboard-stat-card,.dashboard-panel,.dashboard-quick-card{border-radius:22px}.dashboard-header__brand,.dashboard-header__profile{align-items:flex-start}.dashboard-header__actions,.dashboard-hero__actions,.dashboard-panel__actions,.dashboard-panel__actions--stack,.dashboard-button{width:100%}.dashboard-stat-grid,.dashboard-attendance-grid,.dashboard-quick-grid,.dashboard-leave-summary{grid-template-columns:1fr}.dashboard-header__profile span{max-width:220px}.dashboard-hero,.dashboard-panel,.dashboard-sidebar__inner{padding:20px}.dashboard-hero h1{font-size:2rem}.dashboard-table{min-width:560px}}.dashboard{background:#0b0b0b;width:100%;height:100vh;min-height:100vh;display:flex}.sidebar{background:#0f0f0f;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;gap:24px;width:260px;min-height:100vh;padding:24px 18px;display:flex}.sidebar__brand,.sidebar__item,.topbar,.topbar__actions,.topbar__profile,.topbar__search{align-items:center;display:flex}.sidebar__brand{gap:14px;padding:8px 10px 4px}.sidebar__brand-mark,.topbar__avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#1a1406;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid;box-shadow:0 16px 34px #e8b92338}.sidebar__brand strong,.topbar__profile strong{display:block}.sidebar__brand small,.topbar__profile span{color:var(--text-soft)}.sidebar__nav{gap:10px;display:grid}.sidebar__item{min-height:48px;color:var(--text-soft);border:1px solid #0000;border-radius:16px;gap:12px;padding:0 14px;transition:background .25s,color .25s,border-color .25s,transform .25s}.sidebar__item--button{cursor:pointer;width:100%;font:inherit;text-align:left;background:0 0}.sidebar__item:hover,.sidebar__item.is-active{color:var(--text-main);background:#e8b9231f;border-color:#ffd77529;transform:translate(4px)}.sidebar__footer{background:#fff8e20a;border:1px solid #ffe18b14;border-radius:20px;padding:18px}.sidebar__footer span,.sidebar__footer p{color:var(--text-soft)}.sidebar__footer strong{margin:10px 0 8px;display:block}.main{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b0bc7;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;gap:20px;height:80px;padding:0 30px}.topbar__search{background:#fff4cf0a;border:1px solid #ffe18b14;border-radius:18px;gap:12px;width:min(520px,100%);min-height:52px;padding:0 18px}.topbar__search svg,.topbar__icon svg{color:#ffd66b}.topbar__search input{width:100%;color:var(--text-main);background:0 0;border:0;outline:none}.topbar__actions{gap:16px}.topbar__icon{width:48px;height:48px;color:var(--text-main);background:#fff4cf0d;border:1px solid #ffe18b14;border-radius:16px;place-items:center;display:grid;position:relative}.topbar__icon span{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#1a1406;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:6px;right:6px}.topbar__profile{gap:14px}.topbar__avatar{border-radius:50%}.content{flex:1;min-height:0;padding:30px;overflow:hidden auto}.dashboard-page{gap:24px;width:100%;display:grid}.role-dashboard__panel{max-width:none}.dashboard-page__glow{filter:blur(96px);pointer-events:none;opacity:.18;z-index:0;border-radius:50%;position:fixed}.dashboard-page__glow--left{background:#e8b92333;width:340px;height:340px;top:80px;left:180px}.dashboard-page__glow--right{background:#ffd97024;width:320px;height:320px;top:180px;right:40px}.dashboard-page>*{z-index:1;position:relative}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.dashboard-stat-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-attendance-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.dashboard-content{grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);align-items:start}.dashboard-content__main,.dashboard-content__side{min-width:0}@media (width<=1200px){.dashboard-content{grid-template-columns:1fr}}@media (width<=960px){.dashboard{flex-direction:column;height:auto;min-height:100vh}.sidebar{border-bottom:1px solid #ffffff0d;border-right:0;width:100%;min-height:auto;padding:18px}.sidebar__nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.main{min-height:0}.topbar{flex-direction:column;align-items:stretch;height:auto;padding:18px}.topbar__search{width:100%}.topbar__actions{justify-content:space-between}.content{padding:20px;overflow:visible}}@media (width<=640px){.sidebar__brand{padding:0}.sidebar__nav{grid-template-columns:1fr}.topbar__actions,.topbar__profile,.dashboard-hero__actions,.dashboard-panel__actions{flex-direction:column;align-items:stretch}.dashboard-button{width:100%}.content{padding:16px}.dashboard-hero,.dashboard-panel,.dashboard-stat-card{padding:20px}}.app-shell{height:auto;min-height:100vh;overflow:hidden}.dashboard{align-items:stretch;height:auto;min-height:100vh;overflow:hidden}.sidebar{background:linear-gradient(#13100bfa,#0a0a0afa);border-right:1px solid #ffd7751a;align-self:flex-start;gap:18px;width:288px;height:100vh;padding:22px 18px;transition:width .28s,padding .28s,gap .28s,border-color .28s;position:sticky;top:0;overflow:hidden}.sidebar__nav--scrollbar{scrollbar-width:thin;scrollbar-color:#ceebd9f5 #f9faf8f5}.sidebar__nav--scrollbar::-webkit-scrollbar{width:6px}.sidebar__nav--scrollbar::-webkit-scrollbar-track{background:linear-gradient(#fafdfbfa,#fcf7fafa);border-radius:999px;margin-block:8px}.sidebar__nav--scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(#cdeed9fa,#f8dce8f5);border:1px solid #ffffffc7;border-radius:999px;transition:background .22s,box-shadow .22s,border-color .22s;box-shadow:inset 0 1px #fff6,0 0 0 1px #f0e2e92e}.sidebar__nav--scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(#bfe7d0,#f6d9e7);box-shadow:inset 0 1px #ffffff70,0 0 0 1px #e5cdd82e}.sidebar__nav--scrollbar::-webkit-scrollbar-thumb:active{background:linear-gradient(#b8e2c9,#f3d2e2)}.sidebar__toolbar,.topbar__start{align-items:center;display:flex}.sidebar__toolbar{justify-content:space-between;gap:12px}.sidebar__collapse-button{color:#ffe39a;background:#fff8e20a;border:1px solid #ffe18b1f;border-radius:14px;flex-shrink:0;place-items:center;width:38px;height:38px;transition:background .25s,border-color .25s,transform .25s;display:grid}.sidebar__collapse-button:hover{background:#e8b9231f;border-color:#ffd7752e;transform:translateY(-1px)}.sidebar__collapse-button:focus-visible{box-shadow:0 0 0 3px #ffd77538}.sidebar__section-label{color:#ffe292;letter-spacing:.05em;text-transform:uppercase;background:#e8b92317;border:1px solid #ffd77524;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.78rem;display:inline-flex}.sidebar__nav{gap:12px}.sidebar__item{text-align:left;width:100%;height:max-content;min-height:64px;color:var(--text-main);background:#fff8e208;border:1px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex;transform:none}.sidebar__item:hover,.sidebar__item.is-active{background:#e8b9231f;border-color:#ffd77533;transform:none;box-shadow:inset 0 1px #fff4cf0d}.sidebar__item-icon{color:#ffd66b;background:#fff8e20a;border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.sidebar__item-copy{gap:2px;min-width:0;transition:opacity .2s,transform .2s;display:grid}.sidebar__item-copy strong{margin:0;font-size:.95rem}.sidebar__item-copy small{color:var(--text-soft);font-size:.8rem;line-height:1.35}.sidebar__item--button{background:#fff8e205;margin-top:2px}.sidebar__footer{background:#fff8e20a;border:1px solid #ffe18b14;border-radius:22px;gap:6px;padding:18px;transition:opacity .2s,transform .2s;display:grid}.dashboard--sidebar-collapsed .sidebar{width:88px;padding-left:14px;padding-right:14px}.dashboard--sidebar-collapsed .sidebar__brand{justify-content:center;padding-left:0;padding-right:0}.dashboard--sidebar-collapsed .sidebar__brand-copy,.dashboard--sidebar-collapsed .sidebar__item-copy,.dashboard--sidebar-collapsed .sidebar__footer,.dashboard--sidebar-collapsed .sidebar__section-label{opacity:0;pointer-events:none;width:0;min-width:0;max-width:0;overflow:hidden;transform:translate(-8px)}.dashboard--sidebar-collapsed .sidebar__toolbar{justify-content:center}.dashboard--sidebar-collapsed .sidebar__item,.dashboard--sidebar-collapsed .sidebar__item--button{justify-content:center;padding-left:0;padding-right:0}.dashboard--sidebar-collapsed .sidebar__item-icon,.dashboard--sidebar-collapsed .sidebar__brand-mark{margin:0}.dashboard--sidebar-collapsed .sidebar__collapse-button{width:44px}.dashboard--sidebar-collapsed .sidebar__footer{border-width:0;margin-top:0;padding:0}.sidebar__footer p{word-break:break-word;margin:0;line-height:1.45}.main-area,.main{min-width:0;min-height:100vh}.topbar{z-index:20;background:#0b0b0be0;border-bottom:1px solid #ffd77514;height:auto;min-height:80px;padding:16px 24px;position:sticky;top:0}.topbar__start{flex:1;gap:14px;min-width:0}.topbar__search{flex:1;max-width:560px}.topbar__icon--toggle{flex-shrink:0}.topbar__profile,.topbar__profile-copy{min-width:0}.topbar__profile-copy span{word-break:break-word;line-height:1.4;display:block}.page-container,.content{min-width:0;min-height:0;padding:24px;overflow:hidden auto}.dashboard-page,.workspace-page,.timesheet-page{align-content:start}.dashboard-page{gap:20px}.dashboard-hero,.dashboard-panel,.dashboard-stat-card,.dashboard-quick-card{min-width:0}.dashboard-hero{align-items:start}.dashboard-hero__content,.dashboard-hero__stats,.dashboard-content__main,.dashboard-content__side,.dashboard-panel__heading>div:first-child{min-width:0}.dashboard-panel{overflow:hidden}.dashboard-panel__heading{align-items:flex-start}.dashboard-panel__heading h2,.dashboard-hero h1{overflow-wrap:anywhere}.dashboard-content{grid-template-columns:minmax(0,1.6fr) minmax(320px,.92fr);align-items:start;gap:20px}.dashboard-content__main,.dashboard-content__side{align-self:start;gap:20px;display:grid}.dashboard-content__side>*{align-self:start}.dashboard-table-wrap{max-width:100%;overflow:hidden}.dashboard-table{width:100%}.dashboard-table__head span,.dashboard-table__row span,.dashboard-table__row strong{overflow-wrap:anywhere;min-width:0}.dashboard-list__item{align-items:flex-start}.dashboard-list__item span,.dashboard-list__item strong{overflow-wrap:anywhere}.dashboard-button,.topbar__icon,.sidebar__item,.timesheet-table__action{outline:none}.dashboard-button[disabled],.timesheet-table__action[disabled]{opacity:.58;cursor:not-allowed;box-shadow:none;transform:none}@media (width<=1280px){.dashboard-content{grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr)}}@media (width<=1024px){.dashboard{flex-direction:column}.sidebar{border-bottom:1px solid #ffd7751a;border-right:0;width:100%;height:auto;max-height:none;position:static;overflow:visible}.dashboard--sidebar-collapsed .sidebar{width:100%;padding-left:18px;padding-right:18px}.dashboard--sidebar-collapsed .sidebar__brand-copy,.dashboard--sidebar-collapsed .sidebar__item-copy,.dashboard--sidebar-collapsed .sidebar__footer,.dashboard--sidebar-collapsed .sidebar__section-label{opacity:1;pointer-events:auto;transform:none}.dashboard--sidebar-collapsed .sidebar__item,.dashboard--sidebar-collapsed .sidebar__item--button,.dashboard--sidebar-collapsed .sidebar__toolbar,.dashboard--sidebar-collapsed .sidebar__brand{justify-content:flex-start}.sidebar__nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-content,.dashboard-hero{grid-template-columns:1fr}}@media (width<=768px){.topbar{padding:16px 18px}.content,.page-container{padding:20px 18px}.topbar__actions{justify-content:space-between;width:100%}.dashboard-panel__heading,.dashboard-hero__actions,.dashboard-panel__actions{flex-direction:column;align-items:stretch}}@media (width<=480px){.sidebar__nav{grid-template-columns:1fr}.topbar,.content,.page-container{padding-left:14px;padding-right:14px}.topbar__actions,.topbar__profile{flex-direction:column;align-items:stretch}}.employee-workspace-page{width:100%}.employee-section{align-content:start;gap:20px;display:grid}.employee-section__header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.employee-section__header h1{margin:14px 0 8px;font-size:clamp(2rem,3vw,2.7rem);line-height:1.08}.employee-section__header p{max-width:760px;color:var(--text-soft);margin:0}.employee-section__panel{min-height:100%}.employee-info-grid,.employee-form-grid{gap:16px;display:grid}.employee-info-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.employee-info-grid--single{grid-template-columns:1fr}.employee-info-card{background:#fff8e20a;border:1px solid #ffe18b14;border-radius:20px;padding:18px}.employee-info-card span{color:var(--text-soft)}.employee-info-card strong{overflow-wrap:anywhere;margin-top:8px;font-size:1.08rem;display:block}.employee-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-form-grid label,.employee-form-grid__summary{gap:8px;min-width:0;display:grid}.employee-form-grid span{color:var(--text-soft)}.employee-form-grid input,.employee-form-grid select,.employee-form-grid textarea{min-height:46px;color:var(--text-main);background:#fff8e20a;border:1px solid #ffe18b1f;border-radius:14px;outline:none;padding:0 14px}.employee-form-grid textarea{resize:vertical;min-height:120px;padding:14px}.employee-form-grid__full{grid-column:1/-1}.employee-form-grid__summary{background:#fff8e20a;border:1px solid #ffe18b14;border-radius:18px;align-content:center;padding:16px}.employee-form-grid__summary strong{font-size:1.2rem}.employee-form-grid__checkbox{grid-column:1/-1;align-items:center;gap:10px;display:flex}.employee-form-grid__checkbox input{width:18px;height:18px;min-height:auto;padding:0}.employee-filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.employee-chip{min-height:36px;color:var(--text-main);background:#fff8e20a;border:1px solid #ffe18b1f;border-radius:999px;padding:0 14px}.profile-header{align-items:center;gap:18px;margin-bottom:24px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#1a1406;border-radius:24px;place-items:center;width:76px;height:76px;font-size:1.4rem;font-weight:800;display:grid;box-shadow:0 16px 34px #e8b9233d}.profile-header h2{margin:0 0 8px}.profile-header p{color:var(--text-soft);margin:0 0 12px}@media (width<=1024px){.employee-form-grid{grid-template-columns:1fr}.employee-form-grid__full{grid-column:auto}}@media (width<=640px){.employee-section__header,.profile-header{flex-direction:column;align-items:flex-start}.employee-info-grid{grid-template-columns:1fr}}.employee-dashboard,.dashboard,.main,.main-area,.content,.page-container{color:var(--text-main);background:0 0}.employee-dashboard__glow,.dashboard-page__glow{opacity:.34}.employee-dashboard__glow--left,.dashboard-page__glow--left{background:#4f8cff2e}.employee-dashboard__glow--right,.dashboard-page__glow--right{background:#f3b7d22e}.dashboard-header,.dashboard-sidebar__inner,.dashboard-hero,.dashboard-stat-card,.dashboard-panel,.dashboard-quick-card,.sidebar,.topbar,.sidebar__footer,.employee-info-card,.employee-form-grid__summary,.dashboard-attendance-grid__item,.dashboard-list__item,.dashboard-goal-card,.dashboard-hero__mini-card,.dashboard-sidebar__card{box-shadow:var(--shadow);border-color:#dce7f2eb}.dashboard-header,.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fbffd6;border-bottom-color:#dce7f2e6}.dashboard-header__brand span,.dashboard-header__profile span,.sidebar__brand small,.topbar__profile span,.dashboard-sidebar__card span,.dashboard-sidebar__card p,.dashboard-stat-card span,.dashboard-attendance-grid__item span,.dashboard-progress__meta span,.dashboard-leave-summary span,.dashboard-weekly-target__meta span,.dashboard-sidebar__item,.sidebar__item,.employee-section__header p,.employee-form-grid span,.employee-chip,.profile-header p,.employee-info-card span,.dashboard-panel__heading p,.dashboard-hero p,.dashboard-stat-card p,.dashboard-quick-card p,.dashboard-panel__footnote,.dashboard-table__head,.dashboard-table__row,.dashboard-list__item span,.dashboard-overview-pills span{color:var(--text-soft)}.dashboard-header__logo,.dashboard-header__avatar,.sidebar__brand-mark,.topbar__avatar,.profile-avatar{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-sm)}.dashboard-header__search,.dashboard-header__icon,.topbar__search,.topbar__icon,.sidebar__collapse-button,.employee-form-grid input,.employee-form-grid select,.employee-form-grid textarea,.workspace-form__input,.dashboard-overview-pills span,.employee-chip,.sidebar__item,.sidebar__item--button{color:var(--text-main);background:#ffffffe0;border-color:#dce7f2eb}.dashboard-header__search input,.topbar__search input,.employee-form-grid input,.employee-form-grid select,.employee-form-grid textarea,.workspace-form__input{color:var(--text-main)}.dashboard-header__search input::placeholder,.topbar__search input::placeholder,.employee-form-grid input::placeholder,.employee-form-grid textarea::placeholder{color:var(--text-faint)}.dashboard-header__search:focus-within,.topbar__search:focus-within,.employee-form-grid input:focus,.employee-form-grid select:focus,.employee-form-grid textarea:focus,.workspace-form__input:focus-within{box-shadow:var(--focus-ring);border-color:#7eaaff70}.dashboard-header__search svg,.dashboard-header__icon svg,.dashboard-stat-card__icon,.dashboard-quick-card__icon,.dashboard-goal-card__icon,.topbar__search svg,.topbar__icon svg,.sidebar__item-icon,.dashboard-list__item--simple svg,.dashboard-overview-pills svg{color:var(--primary-strong)}.dashboard-header__icon,.topbar__icon,.sidebar__collapse-button{transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.dashboard-header__icon:hover,.topbar__icon:hover,.sidebar__collapse-button:hover{box-shadow:var(--shadow-sm);background:#eaf3fff0;border-color:#7eaaff52}.dashboard-header__icon span,.topbar__icon span{background:var(--gradient-brand);color:#fff}.dashboard-sidebar__inner,.sidebar{background:linear-gradient(#fffffff5,#eff7fff5);border-right-color:#dce7f2eb}.dashboard-sidebar__label,.dashboard-pill,.dashboard-panel__eyebrow,.sidebar__section-label{color:var(--primary-strong);background:#eaf3fff0;border-color:#7eaaff33}.dashboard-sidebar__item,.sidebar__item{color:var(--text-soft);background:#ffffffa3}.dashboard-sidebar__item:hover,.dashboard-sidebar__item.is-active,.sidebar__item:hover,.sidebar__item.is-active{color:var(--text-main);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#4f8cff24,#8ed9b624,#f3b7d224);border-color:#aac4e0eb}.sidebar__item-icon,.dashboard-stat-card__icon,.dashboard-quick-card__icon,.dashboard-goal-card__icon{background:linear-gradient(135deg,#4f8cff24,#8ed9b624,#f3b7d229)}.sidebar__item--danger{color:#b8547b;border-color:#ef9cb833}.sidebar__item--danger .sidebar__item-icon{color:#b8547b;background:#f3b7d22e}.sidebar__item.is-active .sidebar__item-icon{color:var(--primary-strong);background:linear-gradient(135deg,#4f8cff33,#f3b7d233)}.dashboard-hero,.dashboard-stat-card,.dashboard-panel,.dashboard-quick-card,.dashboard-hero__mini-card,.dashboard-sidebar__card,.sidebar__footer,.employee-info-card,.employee-form-grid__summary,.dashboard-attendance-grid__item,.dashboard-list__item,.dashboard-goal-card{background:linear-gradient(#fffffff2,#f5fafff2)}.dashboard-hero{background:radial-gradient(circle at 100% 0,#f3b7d22e,#0000 34%),linear-gradient(150deg,#4f8cff1f,#8ed9b61a,#fffffff5)}.dashboard-hero:after{border-color:#ffffffb8}.dashboard-hero h1,.dashboard-panel__heading h2,.employee-section__header h1,.profile-header h2,.dashboard-sidebar__card strong,.dashboard-stat-card strong,.dashboard-attendance-grid__item strong,.dashboard-leave-summary strong,.dashboard-goal-card strong,.dashboard-weekly-target__meta strong,.employee-info-card strong,.employee-form-grid__summary strong{color:var(--text-main)}.dashboard-button{font-weight:600}.dashboard-button--primary{background:var(--gradient-brand);color:#fff;box-shadow:0 16px 32px #4f8cff33}.dashboard-button--primary:hover{box-shadow:0 20px 38px #4f8cff3d}.dashboard-button--ghost{color:var(--primary-strong);background:#ffffffe0;border-color:#dce7f2eb}.dashboard-button--ghost:hover{background:#eaf3fff0;border-color:#7eaaff47}.dashboard-status-badge,.employee-chip.is-active{border:1px solid #0000}.dashboard-status-badge--success{color:#2e7d5a;background:#8ed9b638;border-color:#8ed9b63d}.dashboard-status-badge--warning{color:#a86c1f;background:#f2c27b38;border-color:#f2c27b3d}.dashboard-status-badge--danger{color:#b8547b;background:#f3b7d23d;border-color:#f3b7d23d}.dashboard-status-badge--info{color:#316fd8;background:#6ea8fe2e;border-color:#6ea8fe3d}.dashboard-status-badge--neutral{color:var(--text-soft);background:#eef4f8e6;border-color:#dce7f2eb}.dashboard-progress__track{background:#dce7f2d6}.dashboard-progress__bar{background:var(--gradient-brand);box-shadow:0 0 20px #4f8cff2e}.dashboard-table__row{border-top-color:#dce7f2e6}.dashboard-table__row:hover{background:#eaf3ff6b}.employee-chip.is-active{color:var(--primary-strong);background:linear-gradient(135deg,#4f8cff24,#f3b7d229);border-color:#aac4e0eb}.dashboard-button:focus-visible,.topbar__icon:focus-visible,.sidebar__item:focus-visible,.timesheet-table__action:focus-visible,.topbar__search input:focus-visible,.timesheet-filter-bar input:focus-visible,.timesheet-filter-bar select:focus-visible,.timesheet-api-form input:focus-visible,.timesheet-api-form select:focus-visible,.timesheet-api-form textarea:focus-visible,.correction-form input:focus-visible,.correction-form textarea:focus-visible{box-shadow:var(--focus-ring)}.sidebar{flex-direction:column;gap:18px;display:flex}.sidebar__content{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar__header{justify-content:space-between;align-items:center;gap:12px;min-height:56px;display:flex}.sidebar__brand{flex:1;min-width:0;padding:0}.sidebar__brand-copy{min-width:0;transition:opacity .22s,transform .22s;overflow:hidden}.sidebar__nav{flex:1;align-content:start;gap:12px;min-height:0;padding-right:6px;display:grid;overflow-y:auto}.sidebar__bottom{gap:14px;padding-top:16px;display:grid}.sidebar__item,.sidebar__item--button{justify-content:flex-start;align-items:center;width:100%;min-height:60px;padding:10px 14px}.sidebar__item-icon{flex:0 0 40px;width:40px;height:40px;margin:0}.sidebar__item-copy{flex:1;min-width:0}.sidebar__collapse-button{flex:0 0 42px;width:42px;height:42px;margin-left:auto}.dashboard--sidebar-collapsed .sidebar{align-items:center;width:96px;padding-left:14px;padding-right:14px}.dashboard--sidebar-collapsed .sidebar__header{flex-direction:column;justify-content:flex-start;gap:14px;width:100%}.dashboard--sidebar-collapsed .sidebar__brand{flex:none;justify-content:center}.dashboard--sidebar-collapsed .sidebar__collapse-button{margin-left:0}.dashboard--sidebar-collapsed .sidebar__nav{justify-items:center;width:100%;padding-right:0;overflow:visible}.dashboard--sidebar-collapsed .sidebar__item,.dashboard--sidebar-collapsed .sidebar__item--button,.dashboard--sidebar-collapsed .sidebar__item--collapsed{border-radius:18px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;min-height:56px;padding:0}.dashboard--sidebar-collapsed .sidebar__item-icon{flex:0 0 40px;width:40px;height:40px;margin:0}.dashboard--sidebar-collapsed .sidebar__brand-copy,.dashboard--sidebar-collapsed .sidebar__item-copy,.dashboard--sidebar-collapsed .sidebar__footer,.dashboard--sidebar-collapsed .sidebar__section-label,.dashboard--sidebar-collapsed .sidebar__toolbar{display:none}.dashboard--sidebar-collapsed .sidebar__item:hover,.dashboard--sidebar-collapsed .sidebar__item.is-active{transform:none}.topbar__start{flex:1}.topbar__search{max-width:640px}.notification-dropdown{flex:none;position:relative}.notification-dropdown__trigger{isolation:isolate}.notification-dropdown__menu{z-index:80;width:min(380px,100vw - 32px);max-height:min(540px,100vh - 112px);box-shadow:var(--shadow-lg);background:#fffffffa;border:1px solid #dce7f2f5;border-radius:18px;flex-direction:column;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}.notification-dropdown__header{border-bottom:1px solid #dce7f2e6;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.notification-dropdown__header strong{color:var(--text-main);font-size:.98rem}.notification-dropdown__header span{color:var(--text-soft);font-size:.78rem;font-weight:700}.notification-dropdown__list{gap:6px;min-height:0;max-height:440px;padding:8px;display:grid;overflow-y:auto}.notification-dropdown__state{color:var(--text-soft);text-align:center;padding:24px 16px}.notification-dropdown__state--error{color:#b8547b}.notification-dropdown__item{width:100%;color:var(--text-main);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:12px;padding:12px;transition:background .2s,border-color .2s,transform .2s;display:grid}.notification-dropdown__item:hover,.notification-dropdown__item:focus-visible{background:#eaf3ffe0;border-color:#7eaaff47}.notification-dropdown__item.is-unread{background:linear-gradient(135deg,#4f8cff1a,#8ed9b61a);border-color:#7eaaff42}.notification-dropdown__item:disabled{cursor:progress;opacity:.72}.notification-dropdown__icon{width:40px;height:40px;color:var(--primary-strong);background:#eaf3fff0;border-radius:12px;place-items:center;display:grid}.notification-dropdown__icon--warning{color:#a86c1f;background:#f2c27b38}.notification-dropdown__icon--leave{color:#b8547b;background:#f3b7d233}.notification-dropdown__icon--timesheet{color:#2e7d5a;background:#8ed9b633}.notification-dropdown__icon--read{color:var(--text-soft)}.notification-dropdown__body{gap:4px;min-width:0;display:grid}.notification-dropdown__type{color:var(--primary-strong);text-transform:uppercase;align-items:center;gap:8px;font-size:.76rem;font-weight:800;display:inline-flex}.notification-dropdown__dot{background:var(--primary-strong);border-radius:50%;width:8px;height:8px}.notification-dropdown__content{color:var(--text-main);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.42;display:-webkit-box;overflow:hidden}.notification-dropdown__item.is-unread .notification-dropdown__content{font-weight:700}.notification-dropdown__meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:6px;font-size:.76rem;display:flex}.sidebar-backdrop,.topbar__menu-button,.manager-mobile-list{display:none}.dashboard,.main,.main-area,.content,.page-container,.topbar,.topbar__start,.topbar__actions,.sidebar,.sidebar__content,.manager-responsive-panel,.manager-mobile-card,.manager-mobile-card *{min-width:0}.topbar__menu-button{width:44px;height:44px;color:var(--primary-strong);box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #dce7f2eb;border-radius:14px;flex:0 0 44px;justify-content:center;align-items:center}.manager-mobile-list{gap:12px}.manager-mobile-card{background:#f8fbffeb;border:1px solid #dce7f2eb;border-radius:18px;gap:14px;padding:16px;display:grid}.manager-mobile-card.is-selected{background:linear-gradient(135deg,#4f8cff1f,#fffffff5);border-color:#7eaaff80}.manager-mobile-card.is-processing{opacity:.72;pointer-events:none}.manager-mobile-card__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.manager-mobile-card__header>div,.manager-mobile-card__note{gap:4px;display:grid}.manager-mobile-card__header strong,.manager-mobile-card__grid strong{color:var(--text-main);overflow-wrap:anywhere}.manager-mobile-card__header span,.manager-mobile-card__grid span,.manager-mobile-card__note span{color:var(--text-soft);font-size:.78rem;font-weight:700}.manager-mobile-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.manager-mobile-card__grid>div{background:#ffffffd6;border:1px solid #dce7f2d1;border-radius:12px;gap:4px;padding:10px;display:grid}.manager-mobile-card__note{background:#ffffffd6;border:1px solid #dce7f2d1;border-radius:14px;padding:12px}.manager-mobile-card__note p{color:var(--text-main);overflow-wrap:anywhere;margin:0}.manager-mobile-card__note small{color:var(--text-soft);font-weight:800}.manager-mobile-card__note small.is-danger{color:#b8547b}.manager-mobile-card__note small.is-success{color:#2e7d5a}.manager-mobile-card__warnings{gap:8px;display:grid}.manager-mobile-card__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.manager-mobile-card__button{min-height:42px;color:var(--primary-strong);background:#fff;border:1px solid #dce7f2eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:.84rem;font-weight:800;display:inline-flex}.manager-mobile-card__button--success{color:#2e7d5a;background:#8ed9b62e;border-color:#8ed9b657}.manager-mobile-card__button--danger{color:#b8547b;background:#f3b7d233;border-color:#f3b7d257}.manager-mobile-card__button--warning{color:#a86c1f;background:#f2c27b38;border-color:#f2c27b57}.manager-mobile-card__button:disabled{cursor:not-allowed;opacity:.48}.manager-mobile-empty{color:var(--text-soft);text-align:center;border:1px dashed #bacee2f2;border-radius:16px;padding:22px 14px;font-size:.9rem}@media (width<=720px){.notification-dropdown__menu{width:auto;max-height:calc(100vh - 96px);position:fixed;top:72px;left:16px;right:16px}}@media (width<=768px){.dashboard.app-shell{width:100%;height:auto;min-height:100vh;display:block;position:relative;overflow-x:hidden}.sidebar{z-index:90;width:min(86vw,330px);max-width:calc(100vw - 28px);height:100dvh;min-height:0;box-shadow:var(--shadow-lg);border-bottom:0;border-right:1px solid #dce7f2eb;padding:18px;transition:transform .26s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(calc(-100% - 24px))}.dashboard--mobile-sidebar-open .sidebar{transform:translate(0)}.sidebar-backdrop{z-index:85;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;background:#1e293b47;width:100%;min-height:100%;transition:opacity .2s;position:fixed;inset:0}.dashboard--mobile-sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto;display:block}.dashboard--sidebar-collapsed .sidebar{align-items:stretch;width:min(86vw,330px)}.dashboard--sidebar-collapsed .sidebar__brand-copy,.dashboard--sidebar-collapsed .sidebar__item-copy,.dashboard--sidebar-collapsed .sidebar__footer,.dashboard--sidebar-collapsed .sidebar__section-label{display:block}.dashboard--sidebar-collapsed .sidebar__header{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.dashboard--sidebar-collapsed .sidebar__item,.dashboard--sidebar-collapsed .sidebar__item--button,.dashboard--sidebar-collapsed .sidebar__item--collapsed{justify-content:flex-start;width:100%;min-width:0;height:auto;min-height:56px;padding:10px 14px}.dashboard--sidebar-collapsed .sidebar__nav{justify-items:stretch}.main,.main-area{width:100%;min-height:100vh}.topbar{z-index:60;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;height:auto;min-height:68px;padding:12px;display:grid;position:sticky;top:0}.topbar__menu-button{display:inline-flex}.topbar__start{width:100%}.topbar__search{border-radius:14px;width:100%;min-height:44px;padding:0 12px}.topbar__search input{min-width:0;font-size:.9rem}.topbar__actions{justify-content:flex-end;gap:8px}.topbar__profile{background:0 0;border:0;padding:0}.topbar__profile-copy{display:none}.topbar__avatar,.topbar__icon,.notification-dropdown__trigger{width:44px;min-width:44px;height:44px}.content,.page-container{width:100%;max-width:100%;padding:16px 12px;overflow-x:hidden}.manager-desktop-table,.manager-report-table{display:none}.manager-mobile-list{display:grid}.manager-responsive-panel{border-radius:20px!important;padding:16px!important}.manager-toolbar,.manager-toolbar__filters{width:100%}.manager-toolbar__search{max-width:none}.manager-toolbar__filters{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.manager-toolbar__filters button,section>.flex.justify-end button{justify-content:center;width:100%}section>.flex.justify-end{justify-content:stretch}.grid.grid-cols-2.lg\:grid-cols-4,.grid.grid-cols-2.md\:grid-cols-4{grid-template-columns:1fr!important}.modal-card,.hr-modal{border-radius:20px;width:100%;max-height:calc(100dvh - 28px);padding:18px}}@media (width<=480px){.topbar{grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.topbar__search input::placeholder{color:#0000}.manager-mobile-card__header{flex-direction:column}.manager-mobile-card__grid,.manager-mobile-card__actions{grid-template-columns:1fr}.manager-mobile-card{padding:14px}}@media (width<=1024px){.dashboard--sidebar-collapsed .sidebar{align-items:stretch;width:100%}.dashboard--sidebar-collapsed .sidebar__header{flex-direction:row;justify-content:space-between;align-items:center}.dashboard--sidebar-collapsed .sidebar__brand-copy,.dashboard--sidebar-collapsed .sidebar__item-copy,.dashboard--sidebar-collapsed .sidebar__footer{display:block}.dashboard--sidebar-collapsed .sidebar__nav{justify-items:stretch}.dashboard--sidebar-collapsed .sidebar__item,.dashboard--sidebar-collapsed .sidebar__item--button,.dashboard--sidebar-collapsed .sidebar__item--collapsed{justify-content:flex-start;width:100%;min-width:0;height:auto;min-height:60px;padding:10px 14px}}@media (width<=768px){.dashboard.app-shell{min-height:100vh;width:100%!important;max-width:100%!important;height:auto!important;display:block!important;overflow-x:hidden!important}.dashboard.app-shell .sidebar,.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar{z-index:90;transition:transform .26s;border-bottom:0!important;border-right:1px solid #dce7f2eb!important;align-items:stretch!important;width:min(86vw,330px)!important;max-width:calc(100vw - 28px)!important;height:100dvh!important;min-height:0!important;max-height:none!important;position:fixed!important;inset:0 auto 0 0!important;overflow:hidden auto!important;transform:translate(calc(-100% - 24px))!important}.dashboard.app-shell.dashboard--mobile-sidebar-open .sidebar,.dashboard.app-shell.dashboard--mobile-sidebar-open.dashboard--sidebar-collapsed .sidebar{transform:translate(0)!important}.dashboard.app-shell .sidebar__collapse-button{display:none!important}.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__header{flex-direction:row!important;justify-content:flex-start!important;align-items:center!important}.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__brand{justify-content:flex-start!important}.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__brand-copy,.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__item-copy,.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__footer,.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__section-label{opacity:1!important;pointer-events:auto!important;width:auto!important;max-width:none!important;display:block!important;transform:none!important}.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__nav{justify-items:stretch!important;width:100%!important;overflow-y:auto!important}.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__item,.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__item--button,.dashboard.app-shell.dashboard--sidebar-collapsed .sidebar__item--collapsed{justify-content:flex-start!important;width:100%!important;min-width:0!important;height:auto!important;min-height:56px!important;padding:10px 14px!important}.dashboard.app-shell .main,.dashboard.app-shell .main-area{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important}.dashboard.app-shell .content,.dashboard.app-shell .page-container{width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:hidden!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-3xl:48rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.left-4{left:calc(var(--spacing) * 4)}.z-\[100\]{z-index:100}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.-mx-6{margin-inline:calc(var(--spacing) * -6)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-20{height:calc(var(--spacing) * 20)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-\[86vh\]{max-height:86vh}.min-h-\[26px\]{min-height:26px}.min-h-screen{min-height:100vh}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-20{width:calc(var(--spacing) * 20)}.w-\[110px\]{width:110px}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[80px\]{min-width:80px}.min-w-\[90px\]{min-width:90px}.min-w-\[100px\]{min-width:100px}.min-w-\[110px\]{min-width:110px}.min-w-\[120px\]{min-width:120px}.min-w-\[150px\]{min-width:150px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[900px\]{min-width:900px}.min-w-\[1100px\]{min-width:1100px}.min-w-\[1200px\]{min-width:1200px}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[22px\]{border-radius:22px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-100{border-color:var(--color-amber-100)}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-100{border-color:var(--color-blue-100)}.border-emerald-100{border-color:var(--color-emerald-100)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-red-100{border-color:var(--color-red-100)}.border-rose-100{border-color:var(--color-rose-100)}.border-rose-200{border-color:var(--color-rose-200)}.border-rose-400{border-color:var(--color-rose-400)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/80{border-color:#e2e8f0cc}@supports (color:color-mix(in lab, red, red)){.border-slate-200\/80{border-color:color-mix(in oklab, var(--color-slate-200) 80%, transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/40{background-color:#eff6ff66}@supports (color:color-mix(in lab, red, red)){.bg-blue-50\/40{background-color:color-mix(in oklab, var(--color-blue-50) 40%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-rose-100{background-color:var(--color-rose-100)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/30{background-color:#f8fafc4d}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/30{background-color:color-mix(in oklab, var(--color-slate-50) 30%, transparent)}}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab, red, red)){.bg-slate-50\/50{background-color:color-mix(in oklab, var(--color-slate-50) 50%, transparent)}}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-100\/80{background-color:#f1f5f9cc}@supports (color:color-mix(in lab, red, red)){.bg-slate-100\/80{background-color:color-mix(in oklab, var(--color-slate-100) 80%, transparent)}}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-900\/40{background-color:#0f172b66}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-emerald-500{--tw-gradient-via:var(--color-emerald-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-rose-500{--tw-gradient-to:var(--color-rose-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing) * 0)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.72rem\]{font-size:.72rem}.text-\[0\.75rem\]{font-size:.75rem}.text-\[1rem\]{font-size:1rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-red-100{color:var(--color-red-100)}.text-red-500{color:var(--color-red-500)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-blue-600\/20{--tw-shadow-color:#155dfc33}@supports (color:color-mix(in lab, red, red)){.shadow-blue-600\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-rose-500\/20{--tw-shadow-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.shadow-rose-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-rose-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}.first\:pt-0:first-child{padding-top:calc(var(--spacing) * 0)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-rose-100:hover{background-color:var(--color-rose-100)}.hover\:bg-rose-600:hover{background-color:var(--color-rose-600)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:border-blue-400:focus{border-color:var(--color-blue-400)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-blue-500\/10:focus{--tw-ring-color:#3080ff1a}@supports (color:color-mix(in lab, red, red)){.focus\:ring-blue-500\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-blue-500) 10%, transparent)}}.focus\:ring-rose-500\/10:focus{--tw-ring-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.focus\:ring-rose-500\/10:focus{--tw-ring-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{color:#1e293b;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main:#f4f8ff;--bg-elevated:#eef5fb;--bg-soft:#f9fcff;--surface:#ffffffe6;--surface-strong:#fff;--surface-muted:#f4f9fff5;--surface-accent:linear-gradient(145deg, #4f8cff1f, #8ed9b61f, #f3b7d224);--border:#dce7f2f5;--border-strong:#bacee2f2;--text-main:#1e293b;--text-soft:#64748b;--text-faint:#8ca0b8;--primary:#4f8cff;--primary-strong:#3a74eb;--primary-soft:#eaf3ff;--secondary:#8ed9b6;--secondary-soft:#edf9f2;--accent:#f3b7d2;--accent-soft:#fff1f7;--info:#6ea8fe;--success:#68c39a;--success-soft:#edf9f2;--warning:#f2c27b;--warning-soft:#fff6e9;--danger:#ef9cb8;--danger-soft:#fff1f7;--neutral-soft:#eef4f8;--shadow-sm:0 14px 30px #4f8cff14;--shadow:0 22px 48px #4f8cff1f;--shadow-lg:0 28px 70px #4f8cff29;--radius-xl:28px;--radius-lg:22px;--radius-md:18px;--radius-sm:14px;--container:1180px;--gradient-brand:linear-gradient(135deg, #4f8cff 0%, #8ed9b6 55%, #f3b7d2 100%);--gradient-cool:linear-gradient(135deg, #4f8cff2e, #8ed9b629);--gradient-romance:linear-gradient(135deg, #4f8cff29, #f3b7d22e);--focus-ring:0 0 0 4px #4f8cff29;background:#f4f8ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{min-width:320px;max-width:100%;color:var(--text-main);background:radial-gradient(circle at 0 0,#4f8cff2e,#0000 34%),radial-gradient(circle at 100% 0,#f3b7d226,#0000 32%),radial-gradient(circle at 20% 80%,#8ed9b629,#0000 26%),linear-gradient(#f8fbff 0%,#f4f8ff 45%,#eef5fb 100%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}input,textarea,select{color:var(--text-main)}input::placeholder,textarea::placeholder{color:var(--text-faint)}#root{max-width:100%;min-height:100vh;overflow-x:hidden}.app-shell{position:relative;overflow:hidden}.page-glow{filter:blur(90px);opacity:.48;pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute}.page-glow-left{background:#4f8cff38;top:120px;left:-140px}.page-glow-right{background:#f3b7d22e;top:360px;right:-120px}.site-navbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbffd1;border-bottom:1px solid #dce7f2e0;padding:18px 0;position:sticky;top:0}.site-navbar__inner,.site-navbar__brand,.site-navbar__actions,.workspace-layout,.app-sidebar__item,.app-sidebar__card{display:flex}.site-navbar__inner{justify-content:space-between;align-items:center;gap:18px}.site-navbar__brand{align-items:center;gap:14px}.site-navbar__brand strong{font-size:1rem;display:block}.site-navbar__brand span:last-child{color:var(--text-soft);font-size:.84rem}.site-navbar__brand-mark{background:var(--gradient-brand);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:14px;place-items:center;font-weight:700;display:grid}.site-navbar__menu,.site-navbar__actions,.app-sidebar__nav{align-items:center;gap:12px;display:flex}.site-navbar__link{color:var(--text-soft);font-size:.96rem;transition:color .25s;position:relative}.site-navbar__link:after{content:"";background:var(--gradient-brand);transform-origin:0;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.site-navbar__link:hover,.site-navbar__link.is-active{color:var(--primary-strong)}.site-navbar__link:hover:after,.site-navbar__link.is-active:after{transform:scaleX(1)}.app-shell--workspace{min-height:100vh}.workspace-layout{align-items:flex-start;gap:24px;padding:28px 0 40px}.workspace-content{flex:1;min-width:0}.app-sidebar{flex-shrink:0;width:280px}.app-sidebar__inner{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #dce7f2eb;border-radius:30px;padding:24px;position:sticky;top:104px}.app-sidebar__label{background:var(--primary-soft);min-height:34px;color:var(--primary-strong);letter-spacing:.05em;text-transform:uppercase;border:1px solid #7eaaff40;border-radius:999px;align-items:center;padding:0 14px;font-size:.82rem;display:inline-flex}.app-sidebar__nav{flex-direction:column;align-items:stretch;margin:24px 0}.app-sidebar__item{min-height:52px;color:var(--text-soft);border:1px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:0 16px;transition:transform .25s,color .25s,background .25s,border-color .25s,box-shadow .25s}.app-sidebar__item:hover,.app-sidebar__item.is-active{color:var(--text-main);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#4f8cff24,#8ed9b61f,#f3b7d224);border-color:#aac4e0e6;transform:translate(4px)}.app-sidebar__card{background:linear-gradient(160deg,#4f8cff17,#8ed9b61c,#fffffff5);border:1px solid #dce7f2e6;border-radius:22px;flex-direction:column;gap:8px;padding:20px}.app-sidebar__card span,.app-sidebar__card p{color:var(--text-soft)}.app-sidebar__card strong{color:var(--text-main);font-size:1.3rem}.container{width:min(calc(100% - 40px), var(--container));margin:0 auto}.section{padding:110px 0;scroll-margin-top:110px;position:relative}.section--soft{background:linear-gradient(#ffffff6b,#eaf3ff6b)}.section-badge{color:var(--primary-strong);letter-spacing:.03em;background:#ffffffb8;border:1px solid #7eaaff38;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.88rem;display:inline-flex}.section-heading{max-width:720px;margin-bottom:50px}.section-heading h2{color:var(--text-main);margin:18px 0 14px;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.section-heading p,.hero__description,.benefits-copy p,.footer__brand p{color:var(--text-soft);font-size:1.05rem}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbffd1;border-bottom:1px solid #dce7f2e0;padding:18px 0;position:sticky;top:0}.navbar__inner,.navbar__brand,.navbar__actions,.footer__brand,.dashboard-brand,.user-pill,.hero-dashboard__header,.hero-dashboard__pill,.hero__trust{align-items:center;display:flex}.navbar__inner{justify-content:space-between;gap:18px}.navbar__brand,.footer__brand,.dashboard-brand{gap:14px}.navbar__brand strong,.footer__brand strong,.dashboard-brand strong{font-size:1rem;display:block}.navbar__brand span:last-child,.dashboard-brand small{color:var(--text-soft);font-size:.84rem}.navbar__brand-mark,.footer__brand span,.dashboard-brand span,.user-pill span{background:var(--gradient-brand);color:#fff;width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:14px;place-items:center;font-weight:700;display:grid}.navbar__menu,.navbar__actions,.hero__actions,.dashboard-topbar__actions{align-items:center;gap:12px;display:flex}.navbar__link{color:var(--text-soft);font-size:.96rem;transition:color .25s;position:relative}.navbar__link:after{content:"";background:var(--gradient-brand);transform-origin:0;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.navbar__link:hover{color:var(--primary-strong)}.navbar__link:hover:after{transform:scaleX(1)}.button{border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,color .25s,border-color .25s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{background:var(--gradient-brand);color:#fff;box-shadow:0 16px 34px #4f8cff33}.button--primary:hover{box-shadow:0 20px 40px #4f8cff3d}.button--ghost,.button--secondary{color:var(--primary-strong);background:#ffffffd6;border:1px solid #bcd3e8e6;box-shadow:0 10px 24px #4f8cff14}.button--ghost:hover,.button--secondary:hover{background:#eaf3ffeb;border-color:#7eaaff5c}.button--large{min-height:52px;padding:0 24px}.hero{padding-top:72px}.hero__grid,.benefits-layout,.dashboard-content-grid{gap:32px;display:grid}.hero__grid{grid-template-columns:1.02fr .98fr;align-items:center}.hero__content h1{letter-spacing:-.03em;color:var(--text-main);margin:18px 0;font-size:clamp(2.6rem,5vw,4.7rem);line-height:1.02}.hero__description{max-width:620px;margin-bottom:28px}.hero__trust{gap:16px;margin-top:26px}.hero__trust p{color:var(--text-soft);margin:0}.hero__avatars{display:flex}.hero__avatars span{background:var(--gradient-brand);width:42px;height:42px;box-shadow:var(--shadow-sm);border:2px solid #ffffffeb;border-radius:50%;margin-right:-10px}.hero-dashboard,.feature-card,.process-card,.dashboard-mockup,.benefit-card,.testimonial-card{box-shadow:var(--shadow);border:1px solid #dce7f2eb}.hero-dashboard{background:radial-gradient(circle at 100% 0,#f3b7d22e,#0000 32%),linear-gradient(#fffffff5,#f6fafff0);border-radius:32px;padding:28px;position:relative}.hero-dashboard:before{content:"";pointer-events:none;border:1px solid #ffffffb8;border-radius:24px;position:absolute;inset:16px}.hero-dashboard__header{justify-content:space-between;gap:18px}.hero-dashboard__label,.dashboard-topbar__tag{color:var(--primary-strong);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;display:inline-block}.hero-dashboard__header h3,.dashboard-topbar h3{color:var(--text-main);margin:0;font-size:1.35rem}.hero-dashboard__pill{color:var(--primary-strong);background:linear-gradient(135deg,#4f8cff24,#f3b7d229);border-radius:999px;gap:8px;padding:10px 14px}.hero-dashboard__stats,.feature-grid,.process-timeline,.benefits-grid,.testimonial-grid,.dashboard-stats{gap:18px;display:grid}.hero-dashboard__stats{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0}.mini-stat-card,.dashboard-stat,.sidebar-card,.hero-panel,.dashboard-panel{background:#ffffffdb;border:1px solid #dce7f2e0;border-radius:22px}.mini-stat-card{padding:18px}.mini-stat-card__icon,.feature-card__icon,.process-card__icon,.benefit-card__icon{width:48px;height:48px;color:var(--primary-strong);background:linear-gradient(135deg,#4f8cff29,#8ed9b629,#f3b7d229);border-radius:16px;place-items:center;font-size:1.4rem;display:grid}.mini-stat-card strong,.dashboard-stat strong{color:var(--text-main);margin:14px 0 6px;font-size:1.55rem;display:block}.mini-stat-card span,.dashboard-stat span,.task-status-item span,.attendance-row span,.panel-heading p,.attendance-table__head,.attendance-table__row{color:var(--text-soft)}.mini-stat-card small,.dashboard-stat small{color:var(--primary-strong)}.hero-dashboard__body{grid-template-columns:1.35fr .95fr;gap:18px;display:grid}.hero-panel{padding:20px}.hero-panel__heading,.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hero-panel__heading h4,.panel-heading h4{color:var(--text-main);margin:0 0 6px;font-size:1rem}.hero-panel__heading span{color:var(--text-soft)}.schedule-bar{background:#dce7f2cc;border-radius:999px;height:12px;margin:20px 0 14px;overflow:hidden}.schedule-bar__progress{border-radius:inherit;background:var(--gradient-brand);width:71%;height:100%;animation:3s ease-in-out infinite progressPulse}.schedule-milestones,.attendance-list,.task-status-list{gap:12px;display:grid}.schedule-milestones{color:var(--text-soft);grid-template-columns:repeat(4,minmax(0,1fr));font-size:.82rem}.attendance-row,.task-status-item{justify-content:space-between;gap:12px;display:flex}.attendance-row strong,.task-status-item strong{color:var(--text-main)}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.benefit-card,.testimonial-card{background:linear-gradient(#fffffff0,#f6fafff0);border-radius:24px;padding:28px;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover,.benefit-card:hover,.testimonial-card:hover,.process-card:hover,.dashboard-stat:hover{box-shadow:var(--shadow-lg);border-color:#aac4e0f2;transform:translateY(-6px)}.dashboard-mockup--preview .dashboard-stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature-card h3,.benefit-card h3,.process-card h3,.testimonial-card__author strong{color:var(--text-main);margin:18px 0 10px}.feature-card p,.benefit-card p,.process-card p,.testimonial-card p{color:var(--text-soft);margin:0}.process-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.process-card{background:linear-gradient(#fffffff2,#f0f7fff0);border-radius:24px;padding:28px;transition:transform .25s,border-color .25s;position:relative}.process-card__step{color:var(--primary-strong);letter-spacing:.08em;margin-bottom:22px;font-weight:700}.dashboard-section .section-heading{max-width:780px}.dashboard-mockup{background:#ffffffeb;border-radius:32px;grid-template-columns:270px 1fr;display:grid;overflow:hidden}.dashboard-mockup--preview{position:relative}.dashboard-mockup--preview:after{content:"Preview";color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #dce7f2eb;border-radius:999px;padding:7px 12px;font-size:.8rem;position:absolute;top:20px;right:20px}.dashboard-mockup__sidebar{background:linear-gradient(#f8fbfffa,#edf6fcfa);border-right:1px solid #dce7f2e6;padding:28px}.dashboard-preview-note{background:#ffffffb8;border:1px solid #dce7f2e0;border-radius:20px;gap:10px;margin:26px 0 0;padding:18px;display:grid}.dashboard-preview-note p{color:var(--text-soft);margin:0;font-size:.92rem}.dashboard-nav{gap:10px;margin:30px 0;display:grid}.dashboard-nav__item{color:var(--text-soft);background:#ffffff52;border:1px solid #0000;border-radius:14px;padding:12px 14px}.dashboard-nav__item.active{color:var(--text-main);background:linear-gradient(135deg,#4f8cff24,#8ed9b61f);border-color:#aac4e0e6}.sidebar-card{padding:20px}.sidebar-card span{color:var(--primary-strong)}.sidebar-card strong{color:var(--text-main);margin:10px 0;font-size:1.7rem;display:block}.sidebar-card p{color:var(--text-soft);margin:0}.dashboard-mockup__main{padding:28px}.dashboard-topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.dashboard-display-chip{min-height:42px;color:var(--text-soft);background:#ffffffd6;border:1px solid #dce7f2e0;border-radius:999px;align-items:center;gap:10px;padding:0 14px;font-size:.9rem;font-weight:600;display:inline-flex}.dashboard-display-chip__dot{background:linear-gradient(135deg, var(--primary), var(--accent));border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 6px #4f8cff1f}.user-pill{background:#f8fbffe0;border:1px solid #dce7f2e0;border-radius:999px;gap:12px;padding:8px 12px 8px 8px}.user-pill span{border-radius:12px;width:38px;height:38px}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.dashboard-stat{padding:20px;transition:transform .25s,border-color .25s}.dashboard-content-grid{grid-template-columns:1.3fr .86fr}.dashboard-panel{padding:22px}.dashboard-sidepanels{gap:18px;display:grid}.status-badge{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:.84rem;display:inline-flex}.status-badge--success{color:#2e7d5a;background:#8ed9b638;border-color:#8ed9b647}.status-badge--warning{color:#a86c1f;background:#f2c27b33;border-color:#f2c27b47}.status-badge--neutral{color:#516275;background:#eef4f8e6;border-color:#beccdbe6}.status-badge--soft{color:var(--primary-strong);background:#4f8cff1a;border-color:#7eaaff38}.attendance-table{margin-top:20px}.attendance-table__head,.attendance-table__row{grid-template-columns:1.45fr 1fr .85fr .9fr;align-items:center;gap:12px;display:grid}.attendance-table__head{padding-bottom:12px;font-size:.92rem}.attendance-table__row{border-top:1px solid #dce7f2e6;padding:16px 0}.bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;height:210px;margin-top:18px;display:grid}.bar-chart__item{justify-items:center;gap:10px;display:grid}.bar-chart__bar{background:linear-gradient(#88b5ff 0%,#4f8cff 55%,#f3b7d2 100%);border-radius:14px 14px 8px 8px;width:100%;max-width:34px;animation:1.1s both barRise;box-shadow:inset 0 1px #ffffff80}.bar-chart__item span{color:var(--text-soft);font-size:.82rem}.benefits-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start}.benefits-grid,.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits-copy{align-content:start;gap:22px;padding:10px 8px 10px 0;display:grid}.benefits-copy h2{color:var(--text-main);margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08}.benefits-copy p{margin:0}.benefits-summary{box-shadow:var(--shadow-sm);background:linear-gradient(145deg,#4f8cff1c,#ffffffeb);border:1px solid #dce7f2eb;border-radius:24px;gap:10px;padding:22px 24px;display:grid}.benefits-summary strong{color:var(--text-main);font-size:1.02rem}.benefits-summary span{color:var(--text-soft)}.benefits-highlights{gap:14px;display:grid}.benefits-highlight{background:#ffffffb3;border:1px solid #dce7f2d6;border-radius:20px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:16px 18px;display:grid}.benefits-highlight__icon{width:42px;height:42px;color:var(--primary-strong);background:linear-gradient(135deg,#4f8cff29,#8ed9b629,#f3b7d229);border-radius:14px;place-items:center;font-size:1.1rem;display:grid}.benefits-highlight strong{color:var(--text-main);margin-bottom:4px;display:block}.benefits-highlight p{font-size:.95rem}.testimonial-card__rating{color:#e7a6c8;letter-spacing:.1em}.testimonial-card__author{margin-top:22px}.testimonial-card__author span{color:var(--text-soft);display:block}.footer{background:#f8fbffd6;border-top:1px solid #dce7f2eb;padding:70px 0 30px;scroll-margin-top:110px}.footer__grid{grid-template-columns:1.15fr .8fr .95fr;gap:28px;display:grid}.footer__brand{align-items:flex-start}.footer__brand span{flex-shrink:0}.footer h4{color:var(--text-main);margin-top:0;margin-bottom:14px}.footer__list{color:var(--text-soft);gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer__list a:hover{color:var(--primary-strong)}.footer__bottom{color:var(--text-soft);border-top:1px solid #dce7f2eb;justify-content:space-between;gap:16px;margin-top:34px;padding-top:18px;font-size:.92rem;display:flex}.reveal{opacity:0;animation:.8s forwards revealUp;transform:translateY(26px)}.reveal--delay{animation-delay:.18s}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}@keyframes progressPulse{0%,to{filter:saturate()}50%{filter:saturate(1.12)}}@keyframes barRise{0%{height:0}}@media (width<=1100px){.navbar__menu,.site-navbar__menu{display:none}.hero__grid,.benefits-layout,.dashboard-content-grid{grid-template-columns:1fr}.feature-grid,.process-timeline,.dashboard-stats,.footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-mockup{grid-template-columns:1fr}.workspace-layout{flex-direction:column}.app-sidebar{width:100%}.app-sidebar__inner{position:static}.dashboard-mockup__sidebar{border-bottom:1px solid #dce7f2e6;border-right:0}.benefits-copy{padding-right:0}}@media (width<=820px){.section{padding:88px 0}.navbar__actions .button--ghost,.site-navbar__actions .button--ghost{display:none}.hero-dashboard__stats,.hero-dashboard__body,.feature-grid,.process-timeline,.dashboard-stats,.benefits-grid,.testimonial-grid,.footer__grid{grid-template-columns:1fr}.dashboard-topbar,.hero-dashboard__header,.footer__bottom{flex-direction:column;align-items:flex-start}.dashboard-mockup--preview:after{align-self:flex-start;margin:20px 20px 0;display:inline-flex;position:static}.attendance-table__head,.attendance-table__row{grid-template-columns:1fr 1fr}.schedule-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.container{width:min(calc(100% - 24px), var(--container))}.site-navbar__actions{flex-direction:column;align-items:stretch;width:100%}.section-heading h2,.hero__content h1{line-height:1.12}.hero__actions,.navbar__actions,.dashboard-topbar__actions{flex-direction:column;align-items:stretch;width:100%}.button,.button--large{width:100%}.hero-dashboard,.dashboard-mockup__main,.dashboard-mockup__sidebar,.feature-card,.process-card,.benefit-card,.testimonial-card{padding:20px}.attendance-table__head,.attendance-table__row{grid-template-columns:1fr}.bar-chart{gap:8px}.benefits-highlight{grid-template-columns:1fr}}.home-page__main{padding-top:92px}.navbar--floating{z-index:50;will-change:transform, opacity;transition:transform .32s,opacity .28s,background .28s,border-color .28s,box-shadow .28s,padding .28s;position:fixed;top:0;left:0;right:0}.navbar--visible{opacity:1;transform:translateY(0)}.navbar--hidden{opacity:0;transform:translateY(calc(-100% - 12px))}.navbar--top{box-shadow:none;background:#f8fbff9e;border-bottom-color:#dce7f259}.navbar--scrolled{background:#f8fbffdb;border-bottom-color:#dce7f2e0;box-shadow:0 14px 34px #4f8cff1a}@media (width<=820px){.home-page__main{padding-top:86px}}@media (width<=560px){.home-page__main{padding-top:78px}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}