@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--brand: #2E4BD8;--brand-dark: #2440B8;--brand-tint: #EEF1FE;--brand-tint-2: #DDE3FD;--brand-hero: #1E2B5E;--bg: #F4F6FA;--surface: #FFFFFF;--surface-2: #FAFBFD;--border: #E4E8EF;--border-strong: #D3DAE6;--divider: #F2F4F8;--text: #121826;--text-muted: #5A6478;--text-subtle: #8A93A6;--text-faint: #B6BDCB;--success: #0F7B4F;--success-bg: #E4F6EC;--success-solid: #12A05F;--warning: #9A5B00;--warning-bg: #FDF3E2;--warning-border: #EFE0C0;--danger: #B3271C;--danger-bg: #FDECEA;--danger-border: #F4C9C4;--danger-solid: #C4322A;--info: #1D5FBF;--info-bg: #E8F1FD;--neutral: #5A6478;--neutral-bg: #EFF1F5;--font-ui: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--fs-page-title: 21px;--fs-kpi: 26px;--fs-card-title: 14px;--fs-body: 13px;--fs-meta: 12px;--fs-label: 11px;--r-control: 6px;--r-button: 7px;--r-card: 10px;--r-modal: 12px;--r-pill: 999px;--radius: var(--r-card);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--sh-sm: 0 1px 2px rgba(16, 24, 40, .05);--sh-md: 0 4px 12px rgba(16, 24, 40, .09);--sh-lg: 0 16px 40px rgba(16, 24, 40, .18);--sh-modal: 0 24px 64px rgba(16, 24, 40, .24);--sidebar-w: 256px;--sidebar-w-collapsed: 72px;--topbar-h: 56px;--control-h: 36px;--button-h: 34px;--button-h-sm: 29px;--row-h: 42px;--motion: .16s cubic-bezier(.2, 0, .2, 1);--primary: var(--brand);--primary-dark: var(--brand-dark)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);font-size:var(--fs-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark)}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--r-control)}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--font-mono);font-size:12.5px}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.ee-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);padding-bottom:74px}.ee-topbar{display:flex;align-items:center;gap:11px;padding:10px 18px 14px;background:var(--surface);position:sticky;top:0;z-index:10}.ee-greeting{font-size:15px;font-weight:800;letter-spacing:-.02em}.ee-date{font-size:var(--fs-meta);color:var(--text-subtle);font-weight:600;margin-top:1px}.ee-round-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:0;border-radius:var(--r-pill);background:var(--bg);color:#48526b;position:relative}.ee-round-btn svg{width:20px;height:20px}.ee-round-btn .dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:var(--r-pill);background:var(--danger-solid);box-shadow:0 0 0 2px var(--surface)}.ee-container{padding:14px 16px 20px;display:flex;flex-direction:column;gap:12px}.ee-verify{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:var(--fs-meta);font-weight:700}.ee-verify svg{width:15px;height:15px;flex:none}.ee-verify[data-ok=true]{background:#e9f6ee;border:1px solid #C8E7D5;color:#0c6741}.ee-verify[data-ok=false]{background:var(--warning-bg);border:1px solid var(--warning-border);color:#6b4a0c}.ee-announcement-banner{padding:12px 14px;border-radius:10px;margin-bottom:12px}.ee-announcement-banner[data-priority=general]{background:var(--info-bg);border:1px solid var(--info);color:#123e7d}.ee-announcement-banner[data-priority=important]{background:var(--warning-bg);border:1px solid var(--warning-border);color:#6b4a0c}.ee-announcement-banner[data-priority=urgent]{background:var(--danger-bg);border:1px solid var(--danger-border);color:#7a1d15}.ee-announcement-banner .title{font-weight:800;font-size:14px}.ee-announcement-banner .body{font-size:var(--fs-body);margin-top:4px;white-space:pre-wrap}.ee-announcement-banner .actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.ee-announcement-banner .dismiss{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;padding:2px 4px;color:inherit;opacity:.6}.ee-announcement-banner .dismiss:hover{opacity:1}.ee-announcement-banner .ack-btn{padding:7px 16px;border-radius:var(--r-button);font-weight:700;font-size:12.5px;cursor:pointer;background:#fff;border:1.5px solid currentColor;color:inherit}.ee-hero{background:var(--brand-hero);border-radius:16px;padding:18px 18px 20px;color:#fff;box-shadow:0 10px 26px #1e2b5e47}.ee-hero[data-state=on_break]{background:#fef6e7;border:1px solid var(--warning-border);color:#6b4a0c;box-shadow:none}.ee-hero .eyebrow{font-size:var(--fs-label);font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#a8b6e8}.ee-hero[data-state=on_break] .eyebrow{color:var(--warning)}.ee-hero .pill{padding:3px 9px;border-radius:var(--r-pill);background:#ffffff24;font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ee-hero .shift{margin-top:9px;font-size:25px;font-weight:800;letter-spacing:-.03em;font-family:var(--font-mono)}.ee-hero .timer{margin-top:9px;font-size:38px;font-weight:800;line-height:1;letter-spacing:-.04em;font-family:var(--font-mono)}.ee-hero .meta{margin-top:3px;font-size:12.5px;color:#a8b6e8;font-weight:600}.ee-hero[data-state=on_break] .meta{color:#8a7a5c}.ee-hero .rule{height:1px;background:#ffffff21;margin:16px 0 15px}.ee-action{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:56px;border:0;border-radius:13px;font-size:16px;font-weight:800;letter-spacing:-.01em}.ee-action svg{width:19px;height:19px}.ee-action--in{background:#fff;color:var(--brand-hero)}.ee-action--break{background:var(--warning);color:#fff}.ee-action--out{background:var(--surface);border:1px solid var(--danger-border);color:var(--danger);height:44px;font-size:14px;border-radius:11px}.ee-action--outline{background:transparent;border:1px solid rgba(255,255,255,.32);color:#fff;height:44px;font-size:14px;border-radius:11px}.ee-action:disabled{opacity:.55}.ee-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 16px}.ee-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ee-stat-label{display:flex;align-items:center;gap:6px;font-size:var(--fs-label);font-weight:700;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.03em}.ee-stat-label svg{width:13px;height:13px}.ee-stat-value{margin-top:7px;font-size:22px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ee-progress{height:6px;border-radius:var(--r-pill);background:#f2e2c4;overflow:hidden}.ee-progress>i{display:block;height:100%;background:#c9922b}.ee-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:stretch;padding:7px 6px 12px;background:var(--surface);border-top:1px solid #EFF1F5}.ee-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;min-height:44px;border-radius:9px;color:var(--text-subtle);font-size:10px;font-weight:600;letter-spacing:-.01em}.ee-tab svg{width:20px;height:20px}.ee-tab.active{color:var(--brand);font-weight:800}.ee-tab .badge-dot{position:absolute;transform:translate(12px,-4px);min-width:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--danger-solid);color:#fff;font-size:9.5px;font-weight:800;line-height:16px}.ee-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#12182661;display:flex;align-items:flex-end}.ee-sheet{width:100%;background:var(--surface);border-radius:22px 22px 0 0;padding:8px 0 0;max-height:92vh;display:flex;flex-direction:column;animation:sheet-up .22s cubic-bezier(.2,0,.2,1)}@keyframes sheet-up{0%{transform:translateY(16px)}to{transform:none}}.ee-sheet .grabber{width:38px;height:4px;border-radius:var(--r-pill);background:#dde2eb;margin:0 auto 12px}.ee-sheet .body{flex:1;overflow-y:auto;padding:0 18px 16px}.ee-sheet .foot{padding:12px 18px 20px;border-top:1px solid #EFF1F5}.ee-option{display:flex;align-items:center;gap:11px;width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);text-align:left;min-height:56px}.ee-option[aria-checked=true]{border:1.5px solid var(--brand);background:#f5f7fe}.ee-option .radio{width:18px;height:18px;flex:none;border-radius:var(--r-pill);border:1.5px solid #C3CAD6;background:var(--surface)}.ee-option[aria-checked=true] .radio{border:5px solid var(--brand)}.ee-option .title{font-size:13.5px;font-weight:700}.ee-option .sub{font-size:11.5px;color:var(--text-muted);font-weight:600}.avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:var(--r-pill);background:#f1f4f9;color:#48526b;font-size:10.5px;font-weight:800}.avatar--brand{background:var(--brand-tint);color:var(--brand-dark)}.sb-count{min-width:17px;text-align:center;padding:1px 5px;border-radius:var(--r-pill);background:var(--danger-bg);color:var(--danger);font-size:10.5px;font-weight:700}*{-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior-y:contain}.text-success{color:var(--success);font-weight:600}.text-warning{color:var(--warning);font-weight:600}.text-danger{color:var(--danger);font-weight:600}.ee-success-text{color:var(--success);font-size:13px;margin:8px 0}.ee-container{padding:16px}.ee-section-title{font-size:17px;font-weight:700;margin:18px 0 10px}.ee-section-title:first-child{margin-top:4px}.ee-card{background:var(--surface);border-radius:var(--radius);padding:16px;margin-bottom:16px}.ee-secondary-btn{width:100%;background:var(--surface);border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius);padding:13px;font-size:15px;font-weight:600;margin-bottom:12px}.ee-secondary-btn:disabled{border-color:#9ca3af;color:#9ca3af}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--text-muted)}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid var(--border);border-radius:var(--radius);font-size:15px;font-family:inherit;background:var(--surface)}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:13px 18px;font-size:15px;font-weight:600}.btn-primary:disabled{opacity:.6}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;font-size:15px;font-weight:500}.ee-chip-row{display:flex;flex-wrap:wrap;gap:8px}.ee-chip{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 16px;font-size:14px;color:var(--text);text-transform:capitalize}.ee-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.ee-seg-tabs{display:flex;gap:8px;margin-bottom:14px}.ee-seg-tab{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;font-size:14px;font-weight:600;color:var(--text-muted)}.ee-seg-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.ee-unread-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--primary);margin-right:6px}.ee-pref-row{display:flex;align-items:center;justify-content:space-between}.ee-toggle{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.ee-toggle input{opacity:0;width:0;height:0}.ee-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;transition:background .15s}.ee-toggle-track:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .15s}.ee-toggle input:checked+.ee-toggle-track{background:var(--primary)}.ee-toggle input:checked+.ee-toggle-track:before{transform:translate(18px)}.ee-toggle.disabled{opacity:.5}.ee-list-row{background:var(--surface);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px}.ee-list-row-top{display:flex;justify-content:space-between;align-items:center}.ee-list-title{font-weight:700;text-transform:capitalize}.ee-list-sub{color:var(--text-muted);font-size:12px;margin-top:2px}.ee-list-status{font-weight:700;text-transform:capitalize;font-size:14px}.ee-stage-line{color:var(--text-muted);font-size:12px;margin-top:6px}.ee-task-row{background:var(--surface);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;display:flex;align-items:flex-start;gap:12px;cursor:pointer}.ee-task-check{width:22px;height:22px;min-width:22px;border-radius:6px;border:2px solid var(--border);margin-top:2px}.ee-task-check.checked{background:var(--success);border-color:var(--success);position:relative}.ee-task-check.checked:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.ee-history-row{background:var(--surface);border-radius:var(--radius);padding:12px 14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.ee-history-date{font-weight:600;width:55px;flex-shrink:0}.ee-history-time{color:var(--text);flex:1;text-align:center;font-size:12px}.ee-history-status{text-transform:capitalize;font-weight:600;font-size:12px;text-align:right}.ee-reason-text{font-size:13px;margin-top:8px}.ee-action-row{display:flex;gap:10px;margin-top:12px}.ee-approve-btn,.ee-reject-btn{flex:1;border:none;border-radius:var(--radius);padding:11px;color:#fff;font-weight:600;font-size:14px}.ee-approve-btn{background:var(--success)}.ee-reject-btn{background:var(--danger)}.ee-approve-btn:disabled,.ee-reject-btn:disabled{opacity:.6}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.login-card{background:var(--surface);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:360px}.login-card h1{font-size:20px;margin:0 0 20px}.ee-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:flex-end;justify-content:center;z-index:50}.ee-modal{background:var(--surface);border-radius:16px 16px 0 0;padding:20px;padding-bottom:max(20px,env(safe-area-inset-bottom));width:100%;max-width:480px;max-height:85vh;overflow-y:auto}.ee-modal h2{margin:0 0 4px;font-size:18px}.ee-modal-actions{display:flex;gap:10px;margin-top:16px}.ee-modal-actions button{flex:1}.ee-correction-status{font-size:11px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:999px;margin-left:8px}
