:root{--color-teal:#21bdbe;--color-teal-600:#1da8a9;--color-teal-700:#198e8f;--color-teal-100:#d3f0f0;--color-teal-050:#edf9f9;--color-orange:#f68920;--color-orange-600:#e07a1a;--color-orange-100:#fde6cf;--color-yellow:#fcbc17;--color-yellow-600:#e6a90d;--color-charcoal:#434343;--color-gray-700:#5e5e5e;--color-gray-500:#8a8a8a;--color-gray-300:#c8c8c8;--color-gray-200:#dedede;--color-offwhite:#eeedee;--color-white:#fff;--color-black:#000;--fg-1:var(--color-charcoal);--fg-2:var(--color-gray-700);--fg-3:var(--color-gray-500);--fg-inverse:var(--color-white);--bg-1:var(--color-white);--bg-2:var(--color-offwhite);--surface-card:var(--color-white);--surface-tint-teal:var(--color-teal-050);--surface-tint-orange:var(--color-orange-100);--surface-dark:var(--color-charcoal);--border-1:rgba(67,67,67,.12);--border-2:rgba(67,67,67,.06);--success:#2fa84f;--warning:#fcbc17;--danger:#d14343;--font-display:"IBM Plex Sans Thai","Helvetica Neue",Arial,sans-serif;--font-body:"IBM Plex Sans Thai","Helvetica Neue",Arial,sans-serif;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-h1:2.25rem;--fs-h2:1.75rem;--fs-h3:1.375rem;--fs-h4:1.125rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-body-sm:0.875rem;--fs-caption:0.75rem;--fs-eyebrow:0.8125rem;--lh-tight:1.08;--lh-snug:1.18;--lh-normal:1.5;--lh-relaxed:1.65;--tr-eyebrow:0.14em;--tr-caps:0.06em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(67,67,67,.06);--shadow-sm:0 2px 8px rgba(67,67,67,.08);--shadow-md:0 6px 16px rgba(67,67,67,.1);--shadow-lg:0 12px 28px rgba(67,67,67,.14);--shadow-teal:0 8px 24px rgba(33,189,190,.28);--ease-out:cubic-bezier(0.2,0.8,0.2,1);--dur-fast:120ms;--dur-base:200ms}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--fg-1);font-family:var(--font-body);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased}.portal-root,body{background:var(--bg-2);min-height:100dvh}.portal-root{margin:0 auto;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.portal-root,.portal-root.desktop{max-width:520px}a{color:var(--color-teal);text-decoration:none}a:hover{color:var(--color-teal-600)}.d-eyebrow{font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:var(--tr-eyebrow);text-transform:uppercase}.d-caption,.d-eyebrow{font-family:var(--font-body);color:var(--fg-3);margin:0}.d-caption{font-size:var(--fs-caption);font-weight:var(--fw-medium);line-height:var(--lh-normal)}.d-body{font-family:var(--font-body);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-relaxed);color:var(--fg-1);margin:0}.d-h3{font-size:var(--fs-h3)}.d-h3,.d-h4{font-family:var(--font-body);font-weight:var(--fw-semibold);color:var(--fg-1);margin:0}.d-h4{font-size:var(--fs-h4)}.d-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-body);font-weight:var(--fw-semibold);line-height:1;padding:15px 24px;border-radius:var(--radius-lg);border:0;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.d-btn:active{transform:scale(.98)}.d-btn:disabled{opacity:.45;cursor:not-allowed}.d-btn-block{width:100%}.d-btn-primary{background:var(--color-teal);color:var(--color-white)}.d-btn-primary:hover:not(:disabled){background:var(--color-teal-600)}.d-btn-ghost{background:var(--color-white);color:var(--fg-1);border:1.5px solid var(--border-1)}.d-btn-ghost:hover:not(:disabled){border-color:var(--color-teal);color:var(--color-teal)}.d-btn-danger{background:var(--color-white);color:var(--danger);border:1.5px solid var(--border-1)}.d-btn-danger:hover:not(:disabled){border-color:var(--danger)}.d-btn-sm{padding:9px 16px;border-radius:var(--radius-md)}.d-btn-sm,.d-link{font-size:var(--fs-body-sm)}.d-link{background:none;border:0;cursor:pointer;font-family:var(--font-body);font-weight:var(--fw-medium);color:var(--fg-2);display:inline-flex;align-items:center;gap:6px}.d-link:hover{color:var(--color-teal)}.d-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--fs-caption);font-weight:var(--fw-semibold);line-height:1.4;white-space:nowrap}.d-badge-success{background:rgba(47,168,79,.1);color:var(--success)}.d-badge-warn{background:var(--color-orange-100);color:var(--color-orange-600)}.d-badge-teal{background:var(--color-teal-050);color:var(--color-teal-700)}.d-badge-orange{background:var(--color-orange-100);color:var(--color-orange-600)}.d-badge-neutral{background:var(--color-offwhite);color:var(--fg-2)}.d-badge-danger{background:rgba(209,67,67,.1);color:var(--danger)}.d-input,select.d-input,textarea.d-input{width:100%;height:48px;padding:0 16px;border:1.5px solid var(--border-1);border-radius:var(--radius-lg);background:var(--color-white);font-family:var(--font-body);font-size:var(--fs-body-sm);color:var(--fg-1);transition:border-color var(--dur-base) var(--ease-out)}textarea.d-input{height:auto;min-height:84px;padding:14px 16px;line-height:var(--lh-normal);resize:vertical}.d-input::placeholder,textarea.d-input::placeholder{color:var(--fg-3)}.d-input:focus,select.d-input:focus,textarea.d-input:focus{outline:none;border-color:var(--color-teal)}.d-field-label{display:block;font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--fg-3);margin:0 0 8px}.d-field-label,button,input,select,textarea{font-family:var(--font-body)}input:not(.d-input):not([type=checkbox]):not(.icon-btn),select:not(.d-input),textarea:not(.d-input){font-size:var(--fs-body-sm);color:var(--fg-1);background:var(--color-white);border:1.5px solid var(--border-1);border-radius:var(--radius-sm);padding:8px 10px}input:not(.d-input):focus,select:not(.d-input):focus,textarea:not(.d-input):focus{outline:none;border-color:var(--color-teal)}.d-card{border-radius:var(--radius-2xl)}.d-card,.d-panel{background:var(--surface-card);box-shadow:var(--shadow-md)}.d-panel{border-radius:var(--radius-lg);border:1px solid var(--border-2)}.content{flex:1 1;padding:20px 20px 96px;display:flex;flex-direction:column}.center{text-align:center}.d-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.err{color:var(--danger);font-size:var(--fs-body-sm);background:rgba(209,67,67,.08);border-radius:var(--radius-md);padding:10px 14px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:max(env(safe-area-inset-top),20px) 20px 16px;background:var(--color-white);border-bottom:1px solid var(--border-2)}.topbar .greet{font-size:var(--fs-h4);font-weight:var(--fw-semibold);color:var(--fg-1)}.topbar .sub{font-size:var(--fs-caption);color:var(--fg-3);margin-top:2px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-white);border:1.5px solid var(--border-1);color:var(--fg-2);cursor:pointer}.icon-btn:hover{border-color:var(--color-teal);color:var(--color-teal)}.icon-btn:disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.topbar-desktop{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;background:var(--color-white);border-bottom:1px solid var(--border-2)}.topbar-desktop .brand{font-family:var(--font-display);font-size:1.5rem;font-weight:var(--fw-bold);letter-spacing:.02em;color:var(--color-teal);text-transform:uppercase}.d-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:var(--color-white);border-top:1px solid var(--border-2);display:flex;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);z-index:20}.d-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;font-size:11px;font-family:var(--font-body);color:var(--fg-3);background:none;border:0;cursor:pointer}.d-nav-item.on{color:var(--color-teal);font-weight:var(--fw-semibold)}.portal-root.desktop .d-nav{max-width:520px}.today-wrap{flex:1 1;display:flex;flex-direction:column;padding:24px 24px 96px}.today-head .hi{font-size:var(--fs-h4);font-weight:var(--fw-semibold);color:var(--fg-1)}.today-head .date{font-size:var(--fs-caption);color:var(--fg-3);margin-top:2px}.seg{display:flex;gap:8px}.seg-item{flex:1 1;text-align:center;min-height:48px;display:flex;align-items:center;justify-content:center;padding:11px 8px;border-radius:var(--radius-pill);font-size:var(--fs-body-sm);font-weight:var(--fw-semibold);cursor:pointer;border:1.5px solid var(--border-1);background:var(--color-white);color:var(--fg-2);transition:all var(--dur-base) var(--ease-out)}.seg-item.on{border-color:var(--color-teal)}.punch-circle,.seg-item.on{background:var(--color-teal);color:#fff}.punch-circle{width:150px;height:150px;border-radius:50%;box-shadow:var(--shadow-teal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out)}.punch-circle:hover:not(:disabled){background:var(--color-teal-600)}.punch-circle:active:not(:disabled){transform:scale(.95)}.punch-circle:disabled{opacity:.6;cursor:not-allowed}.punch-circle span{font-size:var(--fs-body-sm);font-weight:var(--fw-semibold)}.punch-circle.out{background:var(--color-charcoal);box-shadow:var(--shadow-md)}.punch-circle.out:hover:not(:disabled){background:#333}.state-fill{flex:1 1;flex-direction:column;gap:16px;text-align:center}.state-fill,.state-icon{display:flex;align-items:center;justify-content:center}.state-icon{width:84px;height:84px;border-radius:50%}.state-icon.success{background:rgba(47,168,79,.1);color:var(--success)}.state-icon.warn{background:var(--color-orange-100);color:var(--color-orange-600)}.big-time{font-size:var(--fs-h1);font-weight:var(--fw-bold);color:var(--fg-1)}.checking-card{position:fixed;inset:0;left:50%;transform:translateX(-50%);max-width:480px;width:100%;background:var(--color-charcoal);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:30}.checking-card p{color:#fff;font-size:var(--fs-body);font-weight:var(--fw-medium)}.spinner{width:56px;height:56px;border-radius:50%;border:4px solid hsla(0,0%,100%,.18);border-top:4px solid var(--color-teal);animation:dgs-spin .9s linear infinite}@keyframes dgs-spin{to{transform:rotate(1turn)}}.today-events{display:flex;flex-direction:column}.today-events .ev{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-2)}.today-events .ev:last-child{border-bottom:0}.list-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-2)}.list-row .lr-date{font-size:var(--fs-body-sm);font-weight:var(--fw-medium);color:var(--fg-1)}.list-row .lr-sub{font-size:var(--fs-caption);color:var(--fg-3);margin-top:2px}.balance-strip{display:flex;border:1px solid var(--border-1);border-radius:var(--radius-md);overflow:hidden}.balance-strip .bal{flex:1 1;text-align:center;padding:12px 4px;border-right:1px solid var(--border-2)}.balance-strip .bal:last-child{border-right:0}.balance-strip .bal .num{font-weight:var(--fw-bold);font-size:var(--fs-body);color:var(--fg-1)}.balance-strip .bal .lbl{font-size:var(--fs-caption);color:var(--fg-3);margin-top:2px}.team-panel{overflow:hidden}.team-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--border-2);gap:16px}.team-brand{font-weight:800;letter-spacing:.06em;color:var(--color-teal);flex:none}.team-titlebar{padding:24px 32px 8px;display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:12px}.team-tblhead-wrap{padding:8px 32px 0}.team-rows-wrap{padding:0 32px 24px;display:flex;flex-direction:column}.team-footnote{padding:0 32px 20px}.team-toolbar{display:flex;align-items:center;gap:12px}.team-toolbar .d-input{width:260px;height:44px}.team-date{width:150px;padding:0 10px}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.tbl{display:flex;flex-direction:column}.tbl-head{display:flex;padding:14px 0 10px;font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--fg-3);letter-spacing:var(--tr-caps);text-transform:uppercase}.tbl-row{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-2);font-size:var(--fs-body-sm)}.tbl-row.tinted{padding:14px 16px;margin:0 -16px;background:var(--surface-tint-orange);border-radius:var(--radius-md)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--color-teal-050);color:var(--color-teal-700);display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);flex:none;overflow:hidden}.avatar.warm{background:#fff;color:var(--color-orange-600)}.avatar img{width:100%;height:100%;object-fit:cover}.info-card{background:var(--surface-tint-teal);border-radius:var(--radius-lg);padding:16px;font-size:var(--fs-body-sm);color:var(--fg-2);line-height:var(--lh-relaxed)}.stat-cell{text-align:center;min-width:64px}.stat-cell .n{font-size:22px;font-weight:var(--fw-bold);color:var(--fg-1)}.stat-cell .l{font-size:var(--fs-caption);color:var(--fg-3)}table.d-table{width:100%;border-collapse:collapse;font-size:var(--fs-body-sm)}table.d-table td,table.d-table th{padding:8px 6px;border-bottom:1px solid var(--border-2);text-align:left}table.d-table th{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--fg-3);text-transform:uppercase;letter-spacing:var(--tr-caps)}.team-view{padding:24px 32px 48px;display:flex;flex-direction:column;gap:24px}@media (max-width:640px){.team-view{padding:14px 10px 40px;gap:14px}.team-footnote,.team-header,.team-rows-wrap,.team-tblhead-wrap,.team-titlebar{padding-left:14px;padding-right:14px}.team-header{flex-wrap:wrap;row-gap:10px}.team-brand{display:none}.team-toolbar{flex-wrap:wrap;width:100%;gap:8px}.team-toolbar .d-input{width:100%;flex:1 1 100%}.team-date{flex:1 1 auto;width:auto;min-width:0}.tbl-head,.team-tblhead-wrap{display:none}.team-rows-wrap .tbl-row{flex-direction:column;align-items:stretch;gap:8px;padding:14px 0}.team-rows-wrap .tbl-row>div{flex:1 1 auto;width:100%}.team-rows-wrap .tbl-row.tinted{margin:0;padding:14px 12px}.team-view input[type=date].d-input{width:100%}}.pl-wrap{flex:1 1;display:flex;align-items:center;justify-content:center;padding:24px 18px;background:#f0f1f1}.pl-card{width:100%;max-width:400px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 18px 44px rgba(67,67,67,.16)}.pl-hero{position:relative;height:188px;display:flex;align-items:flex-end;padding:16px 22px;color:#fff;background:linear-gradient(180deg,rgba(58,58,58,.35) 0,rgba(58,58,58,.55) 55%,rgba(58,58,58,.88) 100%),url(/brand/portal-team.jpg) center 32% /cover no-repeat,var(--d-charcoal,#434343)}.pl-hero-welcome{font-size:15px;font-weight:600;letter-spacing:-.01em}.pl-body{padding:26px 26px 24px;display:flex;flex-direction:column;align-items:center}.pl-logo{width:168px;height:auto;margin-bottom:22px}.pl-h1{margin:0;font-size:24px;font-weight:700;letter-spacing:-.015em}.pl-h1,.pl-sub{text-align:center}.pl-sub{margin:5px 0 0;font-size:13px;color:var(--d-fg-3,#8a8a8a)}.pl-notice{width:100%;margin-top:16px;padding:11px 13px;border-radius:10px;background:#fff8ec;border-left:3px solid var(--d-orange,#f68920);font-size:12.5px;line-height:1.5;color:#7a4d10}.pl-fields{width:100%;margin-top:22px;display:flex;flex-direction:column;gap:12px}.pl-input{width:100%;height:52px;padding:0 16px;font-size:15px;border:1.5px solid var(--d-border,#e2e2e2);border-radius:12px;background:#fff;color:var(--d-fg-1,#434343);outline:none;transition:border-color .14s,box-shadow .14s}.pl-input::placeholder{color:var(--d-fg-3,#8a8a8a)}.pl-input:focus{border-color:var(--d-teal,#21bdbe);box-shadow:0 0 0 4px rgba(33,189,190,.12)}.pl-pw{position:relative}.pl-pw .pl-input{padding-right:52px}.pl-eye{position:absolute;right:6px;top:0;height:100%;width:44px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--d-fg-3,#8a8a8a);cursor:pointer;padding:0}.pl-err{width:100%;margin-top:12px;font-size:13px;color:var(--d-danger,#c0392b)}.pl-submit{width:100%;min-height:54px;margin-top:18px;border:0;border-radius:12px;background:var(--d-teal,#21bdbe);color:#fff;font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px rgba(33,189,190,.28);transition:background .16s,transform .12s}.pl-submit:hover:not(:disabled){background:var(--d-teal-600,#1da8a9)}.pl-submit:active:not(:disabled){transform:translateY(1px)}.pl-submit:disabled{opacity:.7;cursor:default}.pl-first{margin:18px 0 0;font-size:13px;font-weight:600;text-align:center;color:var(--d-fg-2,#5e5e5e)}.pl-pdpa{margin:22px 0 0;font-size:11.5px;line-height:1.6;text-align:center;color:var(--d-fg-3,#8a8a8a)}:root{--st-ok-dot:#21bdbe;--st-ok-bg:#edf9f9;--st-ok-fg:#198e8f;--st-late-dot:#fcbc17;--st-late-bg:#fef6dc;--st-late-fg:#a67c00;--st-off-dot:#f68920;--st-off-bg:#fde6cf;--st-off-fg:#e07a1a;--st-leave-dot:#8a8a8a;--st-leave-bg:#eeedee;--st-leave-fg:#5e5e5e;--st-miss-dot:#d14343;--st-miss-bg:rgba(209,67,67,.1);--st-miss-fg:#d14343;--st-offday-num:#b0b0b0;--warn-surface:#fffbf6;--row-bg:#e4e3e4;--header-h-weeks:calc(env(safe-area-inset-top) + 64px)}.portal-root,.portal-root *{min-width:0}.portal-root{overflow-x:clip}.content{gap:16px}.content,.today-wrap{padding:16px 16px calc(84px + env(safe-area-inset-bottom))}.d-btn{min-height:48px}.icon-btn{width:44px;height:44px;border-radius:12px}.d-input,select.d-input,textarea.d-input{font-size:16px}.d-input,select.d-input{height:52px}.portal-root input:not([type=checkbox]):not([type=radio]),.portal-root select,.portal-root textarea{font-size:16px}.sticky-submit{position:-webkit-sticky;position:sticky;bottom:0;margin:0 -16px -16px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bg-2);border-top:1px solid var(--border-1);z-index:5}.p-backbar{display:flex;align-items:center;gap:4px;min-height:48px;background:none;border:0;cursor:pointer;font-weight:var(--fw-semibold);color:var(--fg-1);padding:0}.p-backbar,.p-backbar .lbl{font-size:15px}.p-title{font-size:20px;font-weight:var(--fw-semibold);color:var(--fg-1)}.p-sub{font-size:12.5px;color:var(--fg-3);margin-top:2px}.hist-head{position:-webkit-sticky;position:sticky;top:0;z-index:6;background:var(--bg-2);padding:max(env(safe-area-inset-top),12px) 16px 10px}.hist-navrow{display:flex;align-items:center;justify-content:space-between;gap:8px}.hist-cyc{text-align:center;flex:1 1}.hist-cyc .c1{font-size:15px;font-weight:var(--fw-semibold);color:var(--fg-1)}.hist-cyc .c2{font-size:11.5px;color:var(--fg-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sum-card{position:relative;overflow:hidden}.sum-rule{position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-teal)}.sum-rule.orange{background:var(--color-orange)}.sum-grid{display:grid;grid-template-columns:repeat(4,1fr)}.sum-cell{text-align:center;padding:18px 4px 14px}.sum-cell .v{font-size:22px;font-weight:var(--fw-bold);color:var(--fg-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sum-cell .v.late{color:var(--st-late-fg)}.sum-cell .v.leave{color:var(--st-leave-fg)}.sum-cell .v.fix{color:var(--danger)}.sum-cell .l{font-size:10.5px;color:var(--fg-3);margin-top:2px}.cal-card{padding:14px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.cal-hd{text-align:center;font-size:11px;font-weight:var(--fw-semibold);color:var(--fg-3);padding-bottom:4px}.cal-day{position:relative;min-height:52px;border-radius:10px;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;color:var(--fg-1);cursor:pointer;background:transparent;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal-day .dot{width:6px;height:6px;border-radius:50%}.cal-shift{font-size:10px;line-height:1;color:var(--fg-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cal-day[data-st=missing] .cal-shift{color:var(--st-miss-dot)}.cal-day[data-st=ok]{background:var(--st-ok-bg);border:1px solid rgba(33,189,190,.18)}.cal-day[data-st=ok] .dot{background:var(--st-ok-dot)}.cal-day[data-st=late]{background:var(--st-late-bg)}.cal-day[data-st=late] .dot{background:var(--st-late-dot)}.cal-day[data-st=offsite],.cal-day[data-st=pending]{background:var(--st-off-bg)}.cal-day[data-st=offsite] .dot,.cal-day[data-st=pending] .dot{background:var(--st-off-dot)}.cal-day[data-st=leave]{background:var(--st-leave-bg)}.cal-day[data-st=leave] .dot{background:var(--st-leave-dot)}.cal-day[data-st=missing]{background:var(--st-miss-bg)}.cal-day[data-st=missing] .dot{background:var(--st-miss-dot)}.cal-day[data-st=off]{border:1px solid var(--border-2);color:var(--st-offday-num)}.cal-day[data-st=off],.cal-day[data-st=off] .dot{background:transparent}.cal-day.sel{outline:2px solid var(--color-teal);outline-offset:1px}.cal-legend{display:flex;flex-wrap:wrap;gap:10px 14px;padding-top:12px;margin-top:10px;border-top:1px solid var(--border-2)}.cal-legend .lg{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--fg-2)}.cal-legend .lg .dot{width:8px;height:8px;border-radius:50%}.exc-row{display:flex;align-items:center;gap:10px;min-height:56px;padding:8px 0;background:none;border:0;border-bottom:1px solid var(--border-2);width:100%;text-align:left;cursor:pointer}.exc-row:last-child{border-bottom:0}.exc-row .ex-date{font-size:14.5px;font-weight:var(--fw-medium);color:var(--fg-1)}.exc-row .ex-reason{font-size:12.5px;color:var(--fg-3);margin-top:2px}.fchips{display:flex;gap:8px}.fchip{flex:1 1;min-width:0;padding:0 6px;height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;border:1.5px solid var(--border-1);background:var(--color-white);font-size:12.5px;font-weight:var(--fw-semibold);color:var(--fg-2);cursor:pointer;white-space:nowrap;overflow:hidden}.fchip.on{background:var(--color-teal);color:#fff;border-color:var(--color-teal)}.fchip .n{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.wk-head{position:-webkit-sticky;position:sticky;z-index:4;display:flex;align-items:center;justify-content:space-between;background:var(--row-bg);padding:7px 16px;margin:0 -16px;border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2)}.wk-head .w1{font-size:12.5px;font-weight:var(--fw-bold);color:var(--fg-1)}.wk-head .w2{font-size:11.5px;color:var(--fg-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.day-row{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 12px 10px 14px;border-radius:14px;background:var(--color-white);box-shadow:var(--shadow-xs);border:0;width:100%;text-align:left;cursor:pointer}.day-row .rail{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px}.day-row[data-st=ok] .rail{background:var(--st-ok-dot)}.day-row[data-st=late] .rail{background:var(--st-late-dot)}.day-row[data-st=offsite] .rail,.day-row[data-st=pending] .rail{background:var(--st-off-dot)}.day-row[data-st=leave] .rail{background:var(--st-leave-dot)}.day-row[data-st=missing] .rail{background:var(--st-miss-dot)}.day-row .dr-date{font-size:14.5px;font-weight:var(--fw-medium);color:var(--fg-1)}.day-row .dr-times{font-size:12.5px;color:var(--fg-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.wk-off{display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 12px;border-radius:10px;background:rgba(67,67,67,.04);font-size:12.5px;color:var(--fg-3)}.sheet-backdrop{position:fixed;inset:0;background:rgba(67,67,67,.45);z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;background:var(--color-white);border-radius:22px 22px 0 0;padding:10px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(67,67,67,.22);animation:sheet-up var(--dur-base) var(--ease-out)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:42px;height:5px;border-radius:999px;background:var(--border-1);margin:0 auto 14px}.sheet-tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.sheet-tile{background:var(--color-offwhite);border-radius:14px;padding:12px 14px}.sheet-tile .t1{font-size:11.5px;color:var(--fg-3)}.sheet-tile .t2{font-size:16px;font-weight:var(--fw-semibold);color:var(--fg-1);margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sec{background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden}.sec-head{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 16px;background:none;border:0;cursor:pointer;text-align:left}.sec-head .sh-title{font-size:15px;font-weight:var(--fw-semibold);color:var(--fg-1)}.sec-head .sh-sum{font-size:12.5px;color:var(--fg-3);margin-top:2px}.sec-head .sh-sum.req{color:var(--color-orange-600)}.sec-chev{margin-left:auto;color:var(--fg-3);transition:transform var(--dur-base) var(--ease-out);flex:none}.sec-head.open .sec-chev{transform:rotate(180deg)}.sec-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:12px}.sec .d-input,.sec select.d-input{height:48px}.ev-card{background:var(--warn-surface);border:1.5px solid rgba(246,137,32,.4);border-radius:14px;padding:14px}.ev-head{gap:10px}.ev-head,.ev-tile{display:flex;align-items:center}.ev-tile{width:30px;height:30px;border-radius:8px;background:var(--color-orange-100);color:var(--color-orange-600);justify-content:center;flex:none}.ev-title{font-size:14.5px;font-weight:var(--fw-semibold);color:var(--fg-1)}.ev-req{margin-left:auto;background:var(--color-orange-100);color:var(--color-orange-600);font-size:11.5px;font-weight:var(--fw-bold);padding:3px 10px;border-radius:999px}.ev-guide{font-size:13px;color:var(--fg-2);line-height:1.55}.ev-legal{font-size:12.5px;color:var(--fg-3);line-height:1.55}.ev-file{gap:10px;min-height:52px;padding:6px 8px;border-radius:10px;background:var(--color-white);border:1px solid var(--border-2)}.ev-file,.ev-file .f-tile{display:flex;align-items:center}.ev-file .f-tile{width:32px;height:32px;border-radius:8px;background:var(--color-teal-050);color:var(--color-teal-700);justify-content:center;flex:none}.ev-file .f-name{font-size:13.5px;font-weight:var(--fw-medium);color:var(--fg-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-file .f-meta,.ev-foot{font-size:11.5px;color:var(--fg-3)}.ev-foot{line-height:1.5}.ev-disabled-note{font-size:12.5px;font-weight:var(--fw-semibold);color:var(--color-orange-600);text-align:center}.al-note{background:var(--color-teal-050);border:1px solid rgba(33,189,190,.3);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.al-note .an-head{display:flex;align-items:center;gap:10px}.al-note .an-tile{width:30px;height:30px;border-radius:8px;background:#fff;color:var(--color-teal-700);display:flex;align-items:center;justify-content:center;flex:none}.req-tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.req-tile{position:relative;min-height:96px;border-radius:16px;background:var(--color-white);box-shadow:var(--shadow-sm);border:0;padding:14px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;cursor:pointer;text-align:left}.req-tile .rt-tile{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center}.req-tile .rt-tile.teal{background:var(--color-teal-050);color:var(--color-teal-700)}.req-tile .rt-tile.orange{background:var(--color-orange-100);color:var(--color-orange-600)}.req-tile .rt-label{font-size:15px;font-weight:var(--fw-semibold);color:var(--fg-1)}.req-row{gap:12px;min-height:56px;width:100%;padding:8px 14px;border-radius:14px;background:var(--color-white);box-shadow:var(--shadow-sm);border:0;cursor:pointer;text-align:left}.req-row,.req-row .rr-tile{display:flex;align-items:center}.req-row .rr-tile{width:34px;height:34px;border-radius:10px;background:var(--color-teal-050);color:var(--color-teal-700);justify-content:center;flex:none}.req-row .rr-label{font-size:14.5px;font-weight:var(--fw-medium);color:var(--fg-1);flex:1 1}.tm-card{background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-sm);padding:14px;display:flex;flex-direction:column;gap:12px}.tm-card.flag{background:#fdf3e8;border:1px solid rgba(246,137,32,.35)}.tm-top{gap:12px}.tm-avatar,.tm-top{display:flex;align-items:center}.tm-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-teal-050);color:var(--color-teal-700);justify-content:center;font-weight:var(--fw-semibold);flex:none;overflow:hidden}.tm-avatar.warm{background:var(--color-orange);color:#fff}.tm-name{font-size:15px;font-weight:var(--fw-semibold);color:var(--fg-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-meta{font-size:12.5px;color:var(--fg-3);margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tm-pills{display:flex;flex-wrap:wrap;gap:6px}.tm-actions{display:flex;gap:8px}.tm-actions .d-btn{flex:1 1;min-height:44px}.tm-searchrow{display:flex;gap:8px}.tm-search{position:relative;flex:1 1}.tm-search .d-input{height:44px;padding-left:40px}.tm-search .s-ic{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--fg-3);pointer-events:none}.tm-chiptrack{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:2px 16px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tm-chiptrack::-webkit-scrollbar{display:none}.tm-chip{flex:none;height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1.5px solid var(--border-1);background:var(--color-white);font-size:12.5px;font-weight:var(--fw-semibold);color:var(--fg-2);cursor:pointer;white-space:nowrap}.tm-chip.on{background:var(--color-teal);color:#fff;border-color:var(--color-teal)}.tm-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.tm-sum{background:var(--color-offwhite);border-radius:12px;padding:10px 12px}.tm-sum .k{font-size:12px;color:var(--fg-3)}.tm-sum .v{font-size:22px;font-weight:var(--fw-semibold);color:var(--fg-1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin-top:2px}.tm-sum .v span{font-size:12px;color:var(--fg-3);font-weight:400}.tm-sum .v.danger{color:var(--danger)}.tm-dash,.tm-main,.tm-rail{display:flex;flex-direction:column;gap:16px}.tm-main,.tm-rail{min-width:0}.tm-grouphead{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:var(--fw-semibold);color:var(--fg-1);padding:4px 2px}.tm-grouphead .hint{font-size:11.5px;font-weight:400;color:var(--fg-3);margin-left:auto}.tm-grouptog{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 4px;background:none;border:none;border-top:1px solid var(--border-2);font-size:13px;font-weight:var(--fw-semibold);color:var(--fg-1);cursor:pointer}.tm-grouptog .chev{margin-left:auto;display:inline-flex;color:var(--fg-3);transition:transform .15s}.tm-dot,.tm-grouphead .dot,.tm-grouptog .dot{width:8px;height:8px;border-radius:50%;flex:none}.tm-grouphead .dot.danger,.tm-grouptog .dot.danger{background:var(--danger)}.tm-grouphead .dot.ok,.tm-grouptog .dot.ok{background:var(--success)}.tm-none{font-size:12.5px;color:var(--fg-3);padding:8px 2px;border-top:1px solid var(--border-2)}.tm-logrow{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:var(--fg-2);border-bottom:1px solid var(--border-2)}.tm-logrow:last-child{border-bottom:none}.tm-logrow .t{color:var(--fg-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex:none}.tm-logrow .nm{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tm-evrow{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tm-evchip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;border:1px solid var(--border-1);background:var(--color-white);font-size:12px;font-weight:var(--fw-semibold);color:var(--color-teal-700);text-decoration:none;cursor:pointer}.tm-evchip:active{transform:scale(.98)}.tm-evnone{margin-top:8px;font-size:12px;color:var(--color-orange-600)}.ev-viewer{max-height:88vh;display:flex;flex-direction:column}.ev-img{max-height:74vh;object-fit:contain;border-radius:10px}.ev-frame,.ev-img{width:100%;background:var(--color-offwhite)}.ev-frame{height:74vh;border:none;border-radius:10px}.mx-wrap{display:flex;flex-direction:column;gap:10px}.mx-bar{display:flex;align-items:center;gap:8px}.mx-cyc{font-size:13px;font-weight:var(--fw-semibold)}.mx-search{flex:1 1;height:40px}.mx-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--fg-2)}.mx-legend span{display:inline-flex;align-items:center;gap:5px}.mx-legend .lg{width:10px;height:10px;border-radius:3px;display:inline-block}.mx-legend .lg-off{background:var(--color-orange-100);border:1px solid var(--color-orange-600)}.mx-legend .lg-open{background:rgba(209,67,67,.12);border:1px solid var(--danger)}.mx-legend .lg-leave{background:var(--color-offwhite);border:1px solid var(--border-1)}.mx-scroll{overflow-x:auto;border:1px solid var(--border-2);border-radius:12px;-webkit-overflow-scrolling:touch}.mx-table{border-collapse:collapse;font-size:11px;white-space:nowrap}.mx-table td,.mx-table th{border-bottom:1px solid var(--border-2);text-align:center}.mx-table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--color-white);padding:6px 8px;font-weight:400;color:var(--fg-2)}.mx-dow{font-size:10px;color:var(--fg-3)}.mx-dnum{font-size:12px;font-weight:var(--fw-semibold);color:var(--fg-1)}.mx-table td.mx-wknd,.mx-table th.mx-wknd{background:var(--color-teal-050)}.mx-table th.mx-wknd .mx-dnum,.mx-table th.mx-wknd .mx-dow{color:var(--color-teal-700)}.mx-name{position:-webkit-sticky;position:sticky;left:0;z-index:2;background:var(--color-white);text-align:left!important;padding:6px 10px;min-width:92px;border-right:1px solid var(--border-2)}.mx-table thead .mx-name{z-index:3}.mx-name .nm{font-weight:var(--fw-semibold);color:var(--fg-1);font-size:12px}.mx-name .id{font-size:9.5px;color:var(--fg-3)}.mx-c{position:relative;padding:4px 8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:52px}.mx-in{color:var(--fg-1)}.mx-out{font-size:10px}.mx-empty,.mx-out{color:var(--fg-3)}.mx-c.mx-off{background:var(--color-orange-100);border-left:2px solid var(--color-orange-600)}.mx-c.mx-open{background:rgba(209,67,67,.1);border-left:2px solid var(--danger)}.mx-c.mx-open .mx-out{color:var(--danger)}.mx-c.mx-leave{color:var(--fg-2)}.mx-code{font-size:10px;background:var(--color-offwhite);border:1px solid var(--border-1);border-radius:20px;padding:1px 7px}.mx-dot{position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--color-orange-600)}.mx-dot-inline{position:static;display:inline-block}@media (min-width:900px){.portal-root:has(.mx-wrap){max-width:1100px}.portal-root:has(.mx-wrap) .d-nav{max-width:1100px}.content:has(.mx-wrap)>*{max-width:100%}.portal-root:has(.tm-deskwide){max-width:1100px}.portal-root:has(.tm-deskwide) .d-nav{max-width:1100px}.content:has(.tm-deskwide)>*{max-width:100%}.content:has(.tm-deskwide) .tm-summary{grid-template-columns:repeat(4,1fr)}.content:has(.tm-deskwide)>.tm-searchrow{max-width:420px}.tm-dash{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px;align-items:start}.tm-rail .d-panel{margin-bottom:0}}.tm-deskwide{display:none}.tm-tablewrap{overflow-x:auto;border-radius:14px;background:var(--color-white);box-shadow:var(--shadow-sm)}.tm-table{width:100%;border-collapse:collapse;font-size:13.5px}.tm-table thead th{text-align:left;font-size:11.5px;font-weight:var(--fw-semibold);color:var(--fg-3);padding:10px 12px;position:-webkit-sticky;position:sticky;top:0;background:var(--color-white);z-index:1;white-space:nowrap}.tm-table tbody td,.tm-table thead th{border-bottom:1px solid var(--border-2)}.tm-table tbody td{padding:9px 12px;vertical-align:middle}.tm-table tbody tr:last-child td{border-bottom:none}.tm-table tbody tr.flag{background:#fdf3e8}.tm-table tbody tr:hover{background:var(--color-offwhite)}.tm-table .c-chk{width:40px;text-align:center}.tm-table .c-chk input{width:18px;height:18px;accent-color:var(--color-teal);cursor:pointer}.tm-table .c-name .nm{font-weight:var(--fw-semibold);color:var(--fg-1)}.tm-table .c-name .id{font-size:11.5px;color:var(--fg-3)}.tm-table .c-in,.tm-table .c-name .id{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tm-table .c-in{color:var(--fg-2);white-space:nowrap}.tm-table .c-act{width:1%;white-space:nowrap}.tm-tact{display:flex;gap:6px}.tm-bulkbar{position:-webkit-sticky;position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;background:var(--fg-1);color:#fff;border-radius:12px;box-shadow:var(--shadow-md);margin:4px 0}.tm-bulkbar .bb-n{flex:1 1;font-weight:var(--fw-semibold)}.tm-bulkbar .d-btn-ghost{color:#fff;border-color:hsla(0,0%,100%,.45);background:transparent}.rz-card{position:relative;background:var(--color-white);border-radius:16px;box-shadow:var(--shadow-sm);padding:18px 16px;overflow:hidden}.rz-rule{position:absolute;top:0;left:0;right:0;height:4px}.rz-rule.teal{background:var(--color-teal)}.rz-rule.orange{background:var(--color-orange)}.rz-h3{font-size:18px;font-weight:var(--fw-semibold);color:var(--fg-1)}.rz-body{font-size:14px;line-height:1.7;color:var(--fg-2)}.rz-muted-link{gap:6px;min-height:48px;background:none;border:0;color:var(--fg-3);font-size:14px;text-decoration:underline}.rz-chip,.rz-muted-link{display:inline-flex;align-items:center;cursor:pointer}.rz-chip{min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--border-1);background:var(--color-white);font-size:13.5px;font-weight:var(--fw-medium);color:var(--fg-2)}.rz-chip.on{background:var(--color-teal);color:#fff;border-color:var(--color-teal)}.rz-chips{display:flex;flex-wrap:wrap;gap:8px}.rz-notice-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;background:var(--color-offwhite)}.rz-notice-row .nr-v{font-size:16px;font-weight:var(--fw-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ack-card{border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.ack-card.ok{background:var(--color-white);border:1.5px solid rgba(33,189,190,.35)}.ack-card.short{background:var(--warn-surface);border:1.5px solid rgba(246,137,32,.4)}.ack-tile{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}.ack-card.ok .ack-tile{background:var(--color-teal-050);color:var(--color-teal-700)}.ack-card.short .ack-tile{background:var(--color-orange-100);color:var(--color-orange-600)}.ack-bullets{margin:0;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:8px}.ack-bullets li{position:relative;padding-left:16px;font-size:13px;line-height:1.55;color:var(--fg-2)}.ack-bullets li:before{content:"•";position:absolute;left:0;color:var(--color-orange);font-weight:700}.ack-inset{background:var(--color-white);padding:12px;color:var(--fg-2);line-height:1.55}.ack-confirm,.ack-inset{border-radius:10px;font-size:12.5px}.ack-confirm{background:var(--color-orange-100);padding:10px 12px;font-weight:var(--fw-semibold);color:var(--color-orange-600)}.ack-check{display:flex;align-items:flex-start;gap:10px}.ack-check input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-teal);flex:none;margin-top:1px}.ack-check .ac-label{font-size:13.5px;color:var(--fg-1)}.ack-check .ac-note{font-size:11.5px;color:var(--fg-3);margin-top:2px}.chk-row{display:flex;align-items:center;gap:10px;min-height:48px}.chk-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-teal);flex:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.grid-2>*{min-width:0}.skel{border-radius:16px;background:linear-gradient(90deg,#e4e3e4 25%,#edeced 50%,#e4e3e4 75%);background-size:400% 100%;animation:skel 1.4s ease-in-out infinite}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}