@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap";:root{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#f0f0f0;--bg-quaternary:#e0e0e0;--bg-elevated:#fff;--bg-glass:#ffffffd9;--bg-overlay:#0006;--label-primary:#1d1d1f;--label-secondary:#7a7a7a;--label-tertiary:#ababab;--label-quaternary:#d2d2d7;--separator:#e0e0e0;--separator-opaque:#ccc;--blue:#06c;--blue-dark:#0071e3;--blue-tint:#0066cc1a;--blue-tint-hover:#0066cc2e;--green:#30d158;--green-tint:#30d1581f;--yellow:#ff9f0a;--yellow-tint:#ff9f0a1f;--orange:#ff9500;--orange-tint:#ff95001f;--red:#ff3b30;--red-tint:#ff3b301a;--purple:#bf5af2;--purple-tint:#bf5af21f;--pink:#ff2d55;--pink-tint:#ff2d551a;--bar-bg:#f5f5f7d9;--alert-bg:#fffffff2;--alert-btn-active:#0000000a;--focus-ring:#0066cc5c;--select-chevron:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237a7a7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--font:"SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, system-ui, -apple-system, sans-serif;--fs-large-title:34px;--lh-large-title:1.47;--ls-large-title:-.374px;--fs-title-1:28px;--lh-title-1:1.14;--ls-title-1:.196px;--fs-title-2:22px;--lh-title-2:1.24;--ls-title-2:-.374px;--fs-title-3:20px;--lh-title-3:1.25;--ls-title-3:-.2px;--fs-headline:17px;--lh-headline:1.24;--ls-headline:-.374px;--fs-body:17px;--lh-body:1.47;--ls-body:-.374px;--fs-callout:16px;--lh-callout:1.3;--ls-callout:-.25px;--fs-subheadline:15px;--lh-subheadline:1.35;--ls-subheadline:-.2px;--fs-footnote:13px;--lh-footnote:1.38;--ls-footnote:-.1px;--fs-caption:13px;--lh-caption:1.38;--ls-caption:-.1px;--fs-caption-2:11px;--lh-caption-2:1.3;--ls-caption-2:-.05px;--sp-touch-target:44px;--control-h:44px;--sp-2:4px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:17px;--sp-20:24px;--sp-24:24px;--sp-32:32px;--sp-40:48px;--sp-48:48px;--sp-64:80px;--r-sm:8px;--r-md:11px;--r-lg:18px;--r-xl:20px;--r-pill:9999px;--shadow-card:none;--shadow-sheet:0 -10px 30px #0000000d;--shadow-menu:0 10px 30px #00000014;--shadow-alert:0 15px 45px #0000001f;--shadow-button:none;--ease-spring:cubic-bezier(.25, 1, .5, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.45, 0, .55, 1);--dur-xs:.12s;--dur-sm:.18s;--dur-md:.26s;--dur-lg:.38s;--dur-xl:.5s;--z-nav:900;--z-tab:950;--z-sheet:1000;--z-alert:1100;--z-toast:2000;--ios-color-bg-primary:var(--bg-primary);--ios-color-bg-secondary:var(--bg-secondary);--ios-color-bg-tertiary:var(--bg-tertiary);--ios-color-bg-quaternary:var(--bg-quaternary);--ios-color-text-primary:var(--label-primary);--ios-color-text-secondary:var(--label-secondary);--ios-color-text-tertiary:var(--label-tertiary);--ios-color-separator:var(--separator);--ios-color-separator-opaque:var(--separator-opaque);--ios-color-blue:var(--blue);--ios-color-blue-hover:var(--blue-dark);--ios-color-blue-tint:var(--blue-tint);--ios-color-green:var(--green);--ios-color-green-tint:var(--green-tint);--ios-color-yellow:var(--yellow);--ios-color-yellow-tint:var(--yellow-tint);--ios-color-orange:var(--orange);--ios-color-orange-tint:var(--orange-tint);--ios-color-red:var(--red);--ios-color-red-tint:var(--red-tint);--ios-color-purple:var(--purple);--ios-color-purple-tint:var(--purple-tint);--ios-color-bar-bg:var(--bar-bg);--ios-color-overlay-bg:var(--bg-overlay);--ios-color-alert-bg:var(--alert-bg);--ios-color-alert-btn-active:var(--alert-btn-active);--ios-color-focus-ring:var(--focus-ring);--ios-select-chevron:var(--select-chevron);--ios-font-family:var(--font);--ios-fs-large-title:var(--fs-large-title);--ios-lh-large-title:var(--lh-large-title);--ios-fs-title-1:var(--fs-title-1);--ios-lh-title-1:var(--lh-title-1);--ios-fs-title-2:var(--fs-title-2);--ios-lh-title-2:var(--lh-title-2);--ios-fs-title-3:var(--fs-title-3);--ios-lh-title-3:var(--lh-title-3);--ios-fs-headline:var(--fs-headline);--ios-lh-headline:var(--lh-headline);--ios-fs-body:var(--fs-body);--ios-lh-body:var(--lh-body);--ios-fs-callout:var(--fs-callout);--ios-lh-callout:var(--lh-callout);--ios-fs-subheadline:var(--fs-subheadline);--ios-lh-subheadline:var(--lh-subheadline);--ios-fs-footnote:var(--fs-footnote);--ios-lh-footnote:var(--lh-footnote);--ios-fs-caption:var(--fs-caption);--ios-lh-caption:var(--lh-caption);--ios-fs-caption-2:var(--fs-caption-2);--ios-lh-caption-2:var(--lh-caption-2);--ios-ls-body:var(--ls-body);--ios-ls-large-title:var(--ls-large-title);--ios-ls-title-2:var(--ls-title-2);--ios-ls-headline:var(--ls-headline);--ios-space-4:var(--sp-4);--ios-space-8:var(--sp-8);--ios-space-12:var(--sp-12);--ios-space-16:var(--sp-16);--ios-space-20:var(--sp-20);--ios-space-24:var(--sp-24);--ios-space-32:var(--sp-32);--ios-space-40:var(--sp-40);--ios-space-48:var(--sp-48);--ios-radius-card:var(--r-lg);--ios-radius-control:var(--r-md);--ios-radius-inner:var(--r-sm);--ios-radius-pill:var(--r-pill);--ios-shadow-card:var(--shadow-card);--ios-shadow-menu:var(--shadow-menu);--ios-shadow-sheet:var(--shadow-sheet);--ios-shadow-alert:var(--shadow-alert);--ios-motion-spring:var(--ease-spring);--ios-motion-fast:var(--dur-sm);--ios-motion-normal:var(--dur-md);--ios-motion-slow:var(--dur-lg);--ios-z-nav-bar:var(--z-nav);--ios-z-tab-bar:var(--z-tab);--ios-z-sheet:var(--z-sheet);--ios-z-alert:var(--z-alert);--ios-z-toast:var(--z-toast);--ios-touch-target:var(--sp-touch-target);--ios-control-h:var(--control-h);--sidebar-w:264px}@media (prefers-color-scheme:dark){:root{--bg-primary:#161617;--bg-secondary:#272729;--bg-tertiary:#2a2a2c;--bg-quaternary:#333336;--bg-elevated:#252527;--bg-glass:#161617d9;--bg-overlay:#000000a6;--label-primary:#fff;--label-secondary:#a1a1a6;--label-tertiary:#86868b;--label-quaternary:#424245;--separator:#333336;--separator-opaque:#424245;--blue:#2997ff;--blue-dark:#0071e3;--blue-tint:#2997ff26;--blue-tint-hover:#2997ff40;--green:#30d158;--green-tint:#30d15826;--yellow:#ffd60a;--yellow-tint:#ffd60a26;--orange:#ff9f0a;--orange-tint:#ff9f0a26;--red:#ff453a;--red-tint:#ff453a26;--purple:#bf5af2;--purple-tint:#bf5af226;--bar-bg:#161617e0;--alert-bg:#252527f2;--alert-btn-active:#ffffff14;--focus-ring:#2997ff73;--shadow-card:none;--shadow-sheet:0 -10px 40px #0000004d;--shadow-menu:0 10px 30px #0000004d;--shadow-alert:0 15px 45px #0006;--select-chevron:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2386868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);background-color:var(--bg-primary);color:var(--label-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--ls-body);overflow:hidden}button,input,select,textarea{font-family:var(--font);letter-spacing:var(--ls-body);color:inherit}p{line-height:1.55}h1{letter-spacing:var(--ls-large-title);font-weight:600;font-family:"SF Pro Display", var(--font)}h2{letter-spacing:var(--ls-title-2);font-weight:600;font-family:"SF Pro Display", var(--font)}h3{letter-spacing:var(--ls-title-3);font-weight:600;font-family:"SF Pro Text", var(--font)}h4,h5,h6{letter-spacing:var(--ls-headline);font-weight:600;font-family:"SF Pro Text", var(--font)}.scroll-inertia{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-y:auto}.scroll-inertia::-webkit-scrollbar{width:4px}.scroll-inertia::-webkit-scrollbar-thumb{background-color:var(--separator-opaque);border-radius:var(--r-pill)}.scroll-inertia::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm)}.ios-hidden,.mobile-only{display:none!important}.ios-nav-bar{background:var(--bar-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--separator);height:44px;padding:0 var(--sp-16);z-index:var(--z-nav);transition:background var(--dur-md) var(--ease-out);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.ios-nav-bar-title{font-size:var(--fs-headline);color:var(--label-primary);text-align:center;letter-spacing:var(--ls-headline);flex:1;font-weight:600}.ios-nav-bar-action{font-size:var(--fs-subheadline);color:var(--blue);cursor:pointer;align-items:center;gap:var(--sp-4);min-height:44px;padding:0 var(--sp-4);background:0 0;border:none;font-weight:400;display:flex}.ios-nav-bar-action:active{opacity:.55}.ios-card{background:var(--bg-secondary);border-radius:var(--r-lg);padding:var(--sp-24);box-shadow:none;border:1px solid var(--separator);transition:background var(--dur-sm) var(--ease-out), transform var(--dur-sm) var(--ease-spring), border-color var(--dur-sm) var(--ease-out);overflow:hidden}.ios-card.interactive{cursor:pointer}.ios-card.interactive:active{background:var(--bg-tertiary);transform:scale(.985)}@media (hover:hover){.ios-card.interactive:hover{background:var(--bg-tertiary)}}.ios-section{gap:var(--sp-12);flex-direction:column;display:flex}.ios-section-header{font-size:var(--fs-caption);text-transform:none;letter-spacing:var(--ls-caption);color:var(--label-secondary);padding:0 var(--sp-4);font-weight:600}.ios-section-footer{font-size:var(--fs-caption-2);color:var(--label-secondary);padding:0 var(--sp-4);line-height:1.4}.ios-list{background:var(--bg-secondary);border-radius:var(--r-lg);border:1px solid var(--separator);box-shadow:none;flex-direction:column;display:flex;overflow:hidden}.ios-list-row{padding:var(--sp-12) var(--sp-20);background:var(--bg-secondary);min-height:52px;transition:background var(--dur-xs) var(--ease-out);border-bottom:1px solid var(--separator);cursor:default;justify-content:space-between;align-items:center;display:flex;position:relative}.ios-list>.ios-list-row:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.ios-list>.ios-list-row:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom:none}.ios-list-row.interactive{cursor:pointer}.ios-list-row.interactive:active{background:var(--bg-tertiary)}.ios-list-row.removing{animation:row-leave .25s forwards var(--ease-out);pointer-events:none;overflow:hidden}@keyframes row-leave{0%{opacity:1;max-height:100px;padding-top:var(--sp-12);padding-bottom:var(--sp-12);border-bottom-color:var(--separator);transform:translateY(0)}to{opacity:0;border-top-width:0;border-bottom-width:0;border-bottom-color:#0000;min-height:0;max-height:0;padding-top:0;padding-bottom:0;transform:translateY(-12px)}}@media (hover:hover){.ios-list-row.interactive:hover{background:var(--bg-tertiary)}}.ios-list-row-left{align-items:center;gap:var(--sp-12);flex:1;min-width:0;display:flex}.ios-list-row-right{align-items:center;gap:var(--sp-8);margin-left:var(--sp-12);flex-shrink:0;display:flex}.ios-list-row-secondary-text{font-size:var(--fs-footnote);color:var(--label-secondary)}.ios-chevron{color:var(--label-tertiary);flex-shrink:0;font-size:18px!important}.ios-btn{justify-content:center;align-items:center;gap:var(--sp-8);height:var(--control-h);border-radius:var(--r-pill);font-size:var(--fs-subheadline);cursor:pointer;white-space:nowrap;transition:background var(--dur-xs) var(--ease-out), border-color var(--dur-xs) var(--ease-out), color var(--dur-xs) var(--ease-out), transform var(--dur-xs) var(--ease-spring), opacity var(--dur-xs) ease;letter-spacing:-.1px;border:none;padding:0 24px;font-family:inherit;font-weight:500;display:inline-flex}.ios-btn-primary{background:var(--blue);color:#fff;box-shadow:none}.ios-btn-secondary{color:var(--blue);border:1.5px solid var(--blue);background:0 0;padding:0 22.5px}.ios-btn-tertiary{color:var(--blue);padding:0 var(--sp-12);height:auto;min-height:var(--control-h);border-radius:var(--r-md);background:0 0;font-weight:500}.ios-btn-danger{background:var(--red-tint);color:var(--red)}.ios-btn:active{opacity:.8;transform:scale(.98)}.ios-btn:disabled{opacity:.32;cursor:not-allowed;transform:none}@media (hover:hover){.ios-btn-primary:hover:not(:disabled){background:var(--blue-dark)}.ios-btn-secondary:hover:not(:disabled){background:var(--blue-tint)}.ios-btn-tertiary:hover:not(:disabled){background:var(--bg-tertiary)}.ios-btn-danger:hover:not(:disabled){background:#ff3b302e}}.ios-input-wrapper{gap:var(--sp-8);flex-direction:column;display:flex}.ios-input-label{font-size:var(--fs-caption);text-transform:none;letter-spacing:var(--ls-caption);color:var(--label-secondary);padding:0 var(--sp-4);font-weight:600}.ios-input{height:var(--control-h);width:100%;padding:0 var(--sp-16);background:var(--bg-secondary);border:1px solid var(--separator);border-radius:var(--r-md);color:var(--label-primary);font-family:inherit;font-size:var(--fs-subheadline);transition:border-color var(--dur-sm) var(--ease-out), background var(--dur-sm) var(--ease-out)}.ios-input:focus{background:var(--bg-secondary);border-color:var(--blue);outline:none}.ios-input::placeholder{color:var(--label-tertiary)}.ios-input.is-invalid{border-color:var(--red)!important}.ios-input-error-message{font-size:var(--fs-caption);color:var(--red);padding:0 var(--sp-4)}textarea.ios-input{height:auto;min-height:120px;padding-top:var(--sp-12);padding-bottom:var(--sp-12);resize:vertical;line-height:1.5}.apple-select-container{display:inline-block;position:relative}.apple-select-container.full-width{width:100%;display:block}.apple-select-container.full-width .apple-select-dropdown{min-width:100%;left:0;right:0}.apple-select-container:has(.apple-select-chevron.open){z-index:100}.ios-list-row:has(.apple-select-chevron.open){z-index:100}.apple-select-trigger{justify-content:space-between;align-items:center;gap:var(--sp-8);height:var(--control-h);padding:0 var(--sp-16);background:var(--bg-secondary);border:1px solid var(--separator);border-radius:var(--r-md);color:var(--label-primary);font-size:var(--fs-subheadline);cursor:pointer;width:100%;transition:border-color var(--dur-xs) var(--ease-out), background var(--dur-xs) var(--ease-out), transform var(--dur-xs) var(--ease-spring);font-family:inherit;font-weight:500;display:inline-flex}.apple-select-trigger:active{background:var(--bg-tertiary);transform:scale(.98)}.apple-select-chevron{color:var(--label-secondary);transition:transform var(--dur-sm) var(--ease-spring);transform:rotate(90deg);font-size:14px!important}.apple-select-chevron.open{transform:rotate(-90deg)}.apple-select-dropdown{z-index:1500;background:var(--alert-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border:1px solid var(--separator);border-radius:var(--r-md);min-width:160px;box-shadow:var(--shadow-menu);animation:menu-in var(--dur-xs) var(--ease-spring);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.apple-select-option{padding:10px var(--sp-16);font-size:var(--fs-footnote);color:var(--label-primary);cursor:pointer;transition:background var(--dur-xs) ease, color var(--dur-xs) ease;text-align:left;font-weight:500}.apple-select-option:hover{background:var(--bg-tertiary)}.apple-select-option.selected{background:var(--blue-tint);font-weight:600;color:var(--blue)!important}.ios-list.rekap-minimal{background:var(--bg-secondary);border:1px solid var(--separator);box-shadow:none;border-radius:16px;flex-direction:column;display:flex;overflow:visible}.ios-list.rekap-minimal .ios-list-row{border:none;border-bottom:1px solid var(--separator);padding:14px var(--sp-16);background:0 0;border-radius:0;margin-bottom:0}.apple-date-trigger{align-items:center;gap:var(--sp-4);background:var(--bg-tertiary);border-radius:var(--r-sm);color:var(--blue);font-size:var(--fs-subheadline);cursor:pointer;min-height:36px;transition:background var(--dur-xs) var(--ease-out);border:none;padding:6px 12px;font-weight:500;display:inline-flex}.apple-date-trigger:active{background:var(--bg-quaternary)}.apple-date-chevron{color:var(--label-tertiary);font-size:16px!important}.apple-calendar-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:saturate(180%)blur(16px);z-index:1600;padding:var(--sp-20);animation:fade-in var(--dur-xs) ease-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.apple-calendar-sheet{background:var(--bg-elevated);border:1px solid var(--separator);width:100%;max-width:360px;box-shadow:var(--shadow-alert);padding:var(--sp-12) var(--sp-16) var(--sp-16);animation:alert-in var(--dur-md) var(--ease-spring);border-radius:20px;flex-direction:column;display:flex}.apple-calendar-header{margin-bottom:var(--sp-12);justify-content:space-between;align-items:center;display:flex}.apple-calendar-title{font-size:var(--fs-headline);color:var(--label-primary);font-weight:600;font-family:"SF Pro Text", var(--font)}.apple-calendar-nav-btn{color:var(--blue);cursor:pointer;width:44px;height:44px;transition:background var(--dur-xs) ease;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.apple-calendar-nav-btn:active{background:var(--bg-tertiary)}.apple-calendar-weekdays{text-align:center;margin-bottom:var(--sp-8);border-bottom:1px solid var(--separator);padding-bottom:var(--sp-4);grid-template-columns:repeat(7,1fr);display:grid}.apple-calendar-weekday{font-size:var(--fs-caption-2);color:var(--label-secondary);text-transform:uppercase;font-weight:600}.apple-calendar-grid{row-gap:var(--sp-4);column-gap:var(--sp-4);margin-bottom:var(--sp-16);grid-template-columns:repeat(7,1fr);justify-items:center;display:grid}.apple-calendar-day-btn{width:44px;height:44px;color:var(--label-primary);font-size:var(--fs-subheadline);cursor:pointer;transition:all var(--dur-xs) ease;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-weight:500;display:flex}.apple-calendar-day-btn:active:not(.selected){background:var(--bg-tertiary)}.apple-calendar-day-btn.out-of-month{color:var(--label-secondary);opacity:.45}.apple-calendar-day-btn.today{color:var(--blue);font-weight:700}.apple-calendar-day-btn.selected{font-weight:600;background:var(--blue)!important;color:#fff!important}.apple-calendar-footer{justify-content:space-between;align-items:center;gap:var(--sp-12);border-top:1px solid var(--separator);padding-top:var(--sp-12);display:flex}.apple-calendar-action-btn{border-radius:var(--r-md);height:44px;font-size:var(--fs-subheadline);cursor:pointer;transition:all var(--dur-xs) ease;border:none;flex:1;justify-content:center;align-items:center;font-family:inherit;font-weight:600;display:inline-flex}.apple-calendar-action-btn.cancel{background:var(--bg-tertiary);color:var(--label-secondary)}.apple-calendar-action-btn.cancel:active{opacity:.8}.apple-calendar-action-btn.save{background:var(--blue);color:#fff}.apple-calendar-action-btn.save:active{background:var(--blue-dark)}.apple-select-container.ios-picker{justify-content:flex-end;width:auto;display:inline-flex}.apple-select-container.ios-picker .apple-select-trigger{height:auto;color:var(--label-secondary);font-size:var(--fs-body);gap:var(--sp-4);background:0 0;border:none;width:auto;min-width:0;padding:0;font-weight:400}.apple-select-container.ios-picker .apple-select-trigger:active{opacity:.6;background:0 0;transform:none}.apple-select-container.ios-picker .apple-select-chevron{color:var(--label-tertiary);transform:none;font-size:16px!important}.apple-select-container.ios-picker .apple-select-chevron.open{transform:rotate(90deg)}.apple-select-container.ios-picker .apple-select-dropdown{top:calc(100% + 8px);right:0}.ios-search-bar.ios-search-minimal{background:var(--bg-tertiary);border-radius:10px;align-items:center;width:100%;height:36px;padding:0;display:flex}.ios-search-bar.ios-search-minimal .MuiSvgIcon-root{color:var(--label-secondary);left:var(--sp-12)!important;font-size:18px!important;top:50%!important;transform:translateY(-50%)!important}.ios-search-bar.ios-search-minimal input{height:100%;font-size:var(--fs-subheadline);color:var(--label-primary);width:100%;padding-left:var(--sp-40)!important;padding-right:var(--sp-12)!important;box-shadow:none!important;background:0 0!important;border:none!important}.ios-search-bar.ios-search-minimal input:focus{box-shadow:none!important;border:none!important;outline:none!important}.ios-switch{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;width:48px;height:28px;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0;position:absolute}.ios-switch-slider{background:var(--bg-quaternary);border-radius:var(--r-pill);transition:background var(--dur-sm) var(--ease-out);position:absolute;inset:0}.ios-switch-slider:before{content:"";width:24px;height:24px;transition:transform var(--dur-md) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;bottom:2px;left:2px;box-shadow:0 3px 8px #0000001f}.ios-switch input:checked+.ios-switch-slider{background:var(--green)}.ios-switch input:checked+.ios-switch-slider:before{transform:translate(20px)}.ios-badge{padding:3px var(--sp-12);border-radius:var(--r-pill);font-size:var(--fs-caption);letter-spacing:-.1px;white-space:nowrap;justify-content:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}.ios-badge-hadir{background:var(--green-tint);color:var(--green)}.ios-badge-izin{background:var(--yellow-tint);color:var(--yellow)}.ios-badge-sakit{background:var(--orange-tint);color:var(--orange)}.ios-badge-alpha{background:var(--red-tint);color:var(--red)}.ios-badge-libur{background:var(--purple-tint);color:var(--purple)}.ios-badge-belum{background:var(--bg-quaternary);color:var(--label-secondary)}.ios-avatar{border-radius:var(--r-pill);background:var(--bg-tertiary);width:38px;height:38px;color:var(--label-primary);border:1px solid var(--separator);font-size:var(--fs-footnote);letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.ios-avatar-large{width:96px;height:96px;font-size:var(--fs-title-1)}.ios-profile-header{align-items:center;gap:var(--sp-12);padding:var(--sp-16) 0;text-align:center;flex-direction:column;display:flex}.ios-profile-header h3{font-size:var(--fs-title-2);font-weight:600}.ios-profile-header p{font-size:var(--fs-body);color:var(--label-secondary)}.ios-loading-spinner{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.65s linear infinite spin}.ios-skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.ios-empty-state{text-align:center;padding:var(--sp-40) var(--sp-24);justify-content:center;align-items:center;gap:var(--sp-8);flex-direction:column;display:flex}.ios-empty-state-icon{color:var(--label-tertiary);margin-bottom:var(--sp-12);font-size:3rem!important}.ios-empty-state h3{font-size:var(--fs-title-3);color:var(--label-primary);font-weight:600}.ios-empty-state p{font-size:var(--fs-subheadline);color:var(--label-secondary);max-width:260px;margin-top:var(--sp-4);line-height:1.45}.ios-sheet-overlay{background:var(--bg-overlay);z-index:var(--z-sheet);-webkit-backdrop-filter:saturate(180%)blur(12px);animation:fade-in var(--dur-sm) var(--ease-out);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ios-sheet{background:var(--bg-elevated);border-top-left-radius:var(--r-xl);border-top-right-radius:var(--r-xl);width:100%;max-width:560px;padding:var(--sp-8) var(--sp-16) calc(var(--sp-32) + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-sheet);animation:sheet-in var(--dur-md) var(--ease-spring);border:1px solid var(--separator);border-bottom:none;outline:none;flex-direction:column;max-height:88vh;display:flex;overflow:hidden}.ios-sheet-grabber{background:var(--separator-opaque);border-radius:var(--r-pill);width:36px;height:5px;margin-bottom:var(--sp-16);margin-top:var(--sp-8);opacity:.45;align-self:center}.ios-sheet-large-overlay{justify-content:center;align-items:center;display:flex}.ios-sheet.ios-sheet-large{border-radius:var(--r-xl);border-bottom:1px solid var(--separator);width:90%;max-width:780px;height:auto;max-height:85dvh;animation:alert-in var(--dur-md) var(--ease-spring)}@media (width<=1023px){.ios-sheet-large-overlay{justify-content:center;align-items:center}.ios-sheet.ios-sheet-large{border-radius:var(--r-xl)!important;border-bottom:1px solid var(--separator)!important;width:90%!important;max-width:90%!important;max-height:80dvh!important}}@media (width<=767px){.ios-sheet-large-overlay{justify-content:center!important;align-items:flex-end!important}.ios-sheet.ios-sheet-large{border-top-left-radius:var(--r-xl)!important;border-top-right-radius:var(--r-xl)!important;width:100%!important;max-width:100%!important;height:94dvh!important;max-height:94dvh!important;animation:sheet-in var(--dur-md) var(--ease-spring)!important;border-bottom:none!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}}.ios-alert-overlay{background:var(--bg-overlay);z-index:var(--z-alert);padding:var(--sp-20);-webkit-backdrop-filter:saturate(180%)blur(16px);animation:fade-in var(--dur-xs) ease-out;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ios-alert{background:var(--alert-bg);-webkit-backdrop-filter:saturate(180%)blur(30px);width:100%;max-width:292px;box-shadow:var(--shadow-alert);border:1px solid var(--separator);animation:alert-in var(--dur-md) var(--ease-spring);text-align:center;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.ios-alert-content{padding:var(--sp-20) var(--sp-20) var(--sp-16)}.ios-alert h3{font-size:var(--fs-headline);color:var(--label-primary);margin-bottom:var(--sp-4);letter-spacing:var(--ls-headline);font-weight:600}.ios-alert p{font-size:var(--fs-footnote);color:var(--label-secondary);line-height:1.4}.ios-alert-actions{border-top:.5px solid var(--separator);display:flex}.ios-alert-action-btn{height:44px;color:var(--blue);font-size:var(--fs-body);cursor:pointer;transition:background var(--dur-xs) ease;background:0 0;border:none;flex:1;justify-content:center;align-items:center;font-family:inherit;font-weight:400;display:flex}.ios-alert-action-btn:active{background:var(--alert-btn-active)}.ios-alert-action-btn.bold{font-weight:600}.ios-alert-action-btn.destructive{color:var(--red)}.ios-alert-action-btn:not(:last-child){border-right:.5px solid var(--separator)}.status-btn{height:30px;padding:0 var(--sp-10,10px);border-radius:var(--r-sm);font-size:var(--fs-caption);background:var(--bg-quaternary);color:var(--label-secondary);cursor:pointer;transition:all var(--dur-xs) var(--ease-out);letter-spacing:.01em;border:none;font-weight:700}.status-btn:active{opacity:.65;transform:scale(.96)}.status-btn.selected.hadir{background:var(--green-tint);color:var(--green)}.status-btn.selected.izin{background:var(--yellow-tint);color:var(--yellow)}.status-btn.selected.sakit{background:var(--orange-tint);color:var(--orange)}.status-btn.selected.alpha{background:var(--red-tint);color:var(--red)}.status-btn.selected.libur{background:var(--purple-tint);color:var(--purple)}.ios-table-container{-webkit-overflow-scrolling:touch;background:var(--bg-secondary);border-radius:var(--r-lg);border:1px solid var(--separator);width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{padding:var(--sp-12) var(--sp-16);font-size:var(--fs-caption);letter-spacing:-.1px;color:var(--label-secondary);border-bottom:1px solid var(--separator);white-space:nowrap;text-transform:none;background:var(--bg-secondary);font-weight:600}td{padding:var(--sp-12) var(--sp-16);font-size:var(--fs-footnote);color:var(--label-primary);border-bottom:1px solid var(--separator);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--dur-xs) ease}@media (hover:hover){tbody tr:hover{background:var(--bg-tertiary)}}.ios-search-bar{width:100%;position:relative}.ios-search-bar input{padding-left:var(--sp-32)}.ios-search-bar .MuiSvgIcon-root{left:var(--sp-12);color:var(--label-secondary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);font-size:18px!important}.ios-segmented-control{background:var(--bg-primary);border-radius:var(--r-md);border:1px solid var(--separator);align-items:center;width:fit-content;padding:3px;display:flex}.ios-segmented-segment{padding:8px var(--sp-16);font-size:var(--fs-caption);color:var(--label-secondary);cursor:pointer;transition:all var(--dur-xs) var(--ease-out);text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:8px;font-family:inherit;font-weight:500}.ios-segmented-segment.selected{background:var(--bg-secondary);box-shadow:0 1px 3px #0000000f;color:var(--blue)!important}@media (prefers-color-scheme:dark){.ios-segmented-segment.selected{box-shadow:0 1px 3px #0003}}.ios-segmented-segment:active:not(.selected){opacity:.65}.ios-segmented-segment.selected.hadir,.ios-segmented-segment.selected.izin,.ios-segmented-segment.selected.sakit,.ios-segmented-segment.selected.alpha,.ios-segmented-segment.selected.libur{color:var(--blue)!important}.ios-menu{background:var(--alert-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-radius:var(--r-md);padding:var(--sp-8);box-shadow:var(--shadow-menu);border:1px solid var(--separator);min-width:220px;animation:menu-in var(--dur-xs) var(--ease-spring);z-index:var(--z-sheet);flex-direction:column;display:flex}.ios-menu-item{align-items:center;gap:var(--sp-12);min-height:44px;padding:var(--sp-8) var(--sp-12);border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:100%;transition:background var(--dur-xs) ease;color:var(--label-primary);background:0 0;border:none;font-family:inherit;display:flex}.ios-menu-item:active{background:var(--bg-tertiary)}@media (hover:hover){.ios-menu-item:hover:not(:disabled){background:var(--bg-tertiary)}}.ios-menu-item-icon{width:20px;height:20px;color:var(--label-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;font-size:20px!important}.ios-menu-item.destructive,.ios-menu-item.destructive .ios-menu-item-icon{color:var(--red)}.ios-menu-item-title{font-size:var(--fs-body);font-weight:500}.ios-menu-item-subtitle{font-size:var(--fs-subheadline);color:var(--label-secondary)}.ios-menu-item-checkmark{color:var(--blue);margin-left:auto;display:none;font-size:20px!important}.ios-menu-item.selected .ios-menu-item-checkmark{display:block}.ios-menu-divider{background:var(--separator);height:1px;margin:var(--sp-4) 0}.toast-container{top:calc(var(--sp-16) + env(safe-area-inset-top,0px));z-index:var(--z-toast);align-items:center;gap:var(--sp-8);pointer-events:none;width:100%;padding:0 var(--sp-16);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;align-items:center;gap:var(--sp-10,10px);padding:var(--sp-12) var(--sp-16);background:var(--alert-bg);-webkit-backdrop-filter:saturate(180%)blur(24px);border:1px solid var(--separator);border-radius:var(--r-lg);box-shadow:var(--shadow-menu);animation:toast-in var(--dur-md) var(--ease-spring) forwards;width:fit-content;max-width:min(92vw,480px);color:var(--label-primary);font-size:var(--fs-subheadline);line-height:var(--lh-subheadline);font-weight:500;display:flex}.toast.exiting{animation:toast-out var(--dur-sm) var(--ease-in-out) forwards}.btn-ghost{color:var(--label-secondary);cursor:pointer;border-radius:var(--r-sm);min-width:44px;min-height:44px;transition:background var(--dur-xs) ease, opacity var(--dur-xs) ease;margin:calc(-1 * var(--sp-8));background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-ghost:active{opacity:.5}@media (hover:hover){.btn-ghost:hover{background:var(--bg-tertiary)}}.app-layout{background:var(--bg-primary);width:100%;height:100dvh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--bg-primary);border-right:1px solid var(--separator);height:100%;padding:env(safe-area-inset-top,var(--sp-32)) var(--sp-12) calc(var(--sp-24) + env(safe-area-inset-bottom,0px));padding-top:var(--sp-32);flex-direction:column;flex-shrink:0;justify-content:space-between;transition:transform .22s ease-in-out,opacity .18s ease-in-out;display:flex;transform:translate(0)}.sidebar.collapsed{pointer-events:none;opacity:0;will-change:transform;transform:translate(-100%)}.sidebar-nav-item{align-items:center;gap:var(--sp-10,10px);width:100%;height:44px;padding:0 var(--sp-12);color:var(--label-secondary);font-size:var(--fs-body);border-radius:var(--r-md);cursor:pointer;text-align:left;transition:background var(--dur-xs) var(--ease-out), color var(--dur-xs) var(--ease-out);letter-spacing:var(--ls-body);background:0 0;border:none;font-family:inherit;font-weight:500;display:flex}.sidebar-nav-item:active{background:var(--bg-tertiary)}@media (hover:hover){.sidebar-nav-item:hover:not(.active){background:var(--bg-secondary);color:var(--label-primary)}}.sidebar-nav-item.active{background:var(--blue-tint);color:var(--blue);font-weight:600}.sidebar-nav-item .MuiSvgIcon-root{flex-shrink:0;font-size:20px!important}.main-content{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;height:100%;margin-left:0;transition:margin-left .22s ease-in-out;display:flex;position:relative;overflow:hidden}.main-content.sidebar-collapsed{margin-left:calc(-1 * var(--sidebar-w,264px))}.main-content-scrollable{gap:var(--sp-24);padding:var(--sp-20) var(--sp-24) var(--sp-32);flex-direction:column;display:flex}.mobile-header{padding:0 var(--sp-24);background:var(--bar-bg);-webkit-backdrop-filter:saturate(180%)blur(24px);border-bottom:1px solid var(--separator);height:44px;z-index:var(--z-nav);padding-top:env(safe-area-inset-top,0px);height:calc(44px + env(safe-area-inset-top,0px));justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.bottom-nav{background:var(--bar-bg);-webkit-backdrop-filter:saturate(180%)blur(24px);border-top:1px solid var(--separator);z-index:var(--z-tab);padding-top:var(--sp-8);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom,0px));justify-content:space-around;align-items:flex-start;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--label-secondary);font-size:var(--fs-caption-2);font-weight:500;line-height:var(--lh-caption-2);letter-spacing:var(--ls-caption-2);padding:0 var(--sp-16);cursor:pointer;transition:color var(--dur-xs) ease;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:60px;min-height:49px;display:flex}.bottom-nav-item .MuiSvgIcon-root{transition:transform var(--dur-sm) var(--ease-spring);font-size:24px!important}.bottom-nav-item.active{color:var(--blue)}.bottom-nav-item.active .MuiSvgIcon-root{transform:scale(1.05)}.bottom-nav-item:active{opacity:.6}.absensi-grid{gap:var(--sp-20);grid-template-columns:1fr 300px;align-items:start;display:grid}.toolbar{justify-content:space-between;align-items:flex-end;gap:var(--sp-16);flex-wrap:wrap;display:flex}.toolbar-group{align-items:flex-end;gap:var(--sp-12);flex-wrap:wrap;display:flex}.admin-grid{gap:var(--sp-16);grid-template-columns:repeat(2,1fr);align-items:start;display:grid}@media (width<=1024px){.admin-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes alert-in{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-12px)scale(.94)}}.animate-slide-up{animation:slide-up var(--dur-lg) var(--ease-spring) both}@media (width<=1023px){.app-layout{flex-direction:column;width:100%;height:100dvh}.ios-segmented-control{width:100%!important}.ios-segmented-segment{flex:1!important}.sidebar{display:none!important}.main-content{flex-direction:column;flex:1;order:1;min-height:0;transition:none;display:flex;overflow:hidden;margin-left:0!important}.main-content-scrollable{padding-bottom:calc(var(--sp-24) + env(safe-area-inset-bottom,0px))!important}.bottom-nav{border-top:1px solid var(--separator);padding-bottom:calc(var(--sp-8) + env(safe-area-inset-bottom,0px));order:2;display:flex;position:relative;bottom:auto;left:auto;right:auto}.mobile-header{padding:0 var(--sp-16)}.desktop-only{display:none!important}.mobile-only{display:flex!important}.absensi-grid{grid-template-columns:1fr!important}.toolbar{flex-direction:column;align-items:stretch}.toolbar-group{width:100%}}@media (width<=767px){.ios-card{padding:var(--sp-16)!important}.main-content-scrollable{padding:var(--sp-12) var(--sp-16);gap:var(--sp-20);padding-bottom:calc(var(--sp-20) + env(safe-area-inset-bottom,0px))!important}.admin-grid{grid-template-columns:1fr}.mobile-stack{gap:var(--sp-8)!important;flex-direction:column!important}.mobile-stack>*{width:100%!important}}@media (width>=1280px){:root{--sidebar-w:280px}.sidebar{width:var(--sidebar-w)}.absensi-grid{grid-template-columns:1fr 320px}}.sidebar-toggle-btn{border-radius:var(--r-md);width:36px;height:36px;color:var(--label-secondary);cursor:pointer;transition:background var(--dur-xs) var(--ease-out), color var(--dur-xs) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle-btn:hover{background:var(--bg-tertiary);color:var(--label-primary)}.sidebar-toggle-btn:active{background:var(--bg-tertiary);opacity:.7}