@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_8b3a0b;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_8b3a0b;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_8b3a0b{font-family:__Inter_8b3a0b,__Inter_Fallback_8b3a0b;font-style:normal}.__variable_8b3a0b{--font-inter:"__Inter_8b3a0b","__Inter_Fallback_8b3a0b"}:root{--font-ui:var(--font-inter),"Inter",system-ui,-apple-system,sans-serif;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-placeholder:#94a3b8;--color-brand:#1e3a8a;--color-brand-hover:#172554;--color-brand-light:#eff6ff;--color-brand-border:#bfdbfe;--color-success-bg:#f0fdf4;--color-success-text:#166534;--color-success-border:#bbf7d0;--color-warn-bg:#fffbeb;--color-warn-text:#92400e;--color-warn-border:#fde68a;--color-danger-bg:#fef2f2;--color-danger-text:#991b1b;--color-danger-border:#fecaca;--color-info-bg:#f8fafc;--color-info-text:#334155;--color-info-border:#e2e8f0;--shadow-sm:0 1px 2px 0 rgba(15,23,42,.05);--shadow-md:0 4px 6px -1px rgba(15,23,42,.05),0 2px 4px -2px rgba(15,23,42,.05);--shadow-lg:0 10px 15px -3px rgba(15,23,42,.05),0 4px 6px -4px rgba(15,23,42,.05);--shadow-xl:0 20px 25px -5px rgba(15,23,42,.05),0 8px 10px -6px rgba(15,23,42,.05);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-pill:9999px;--nav-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}html{font-size:16px;-webkit-text-size-adjust:100%}body,html{height:100%}body{font-family:var(--font-ui);font-size:.9375rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.App{height:100vh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg)}.top-nav{flex-shrink:0;height:var(--nav-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 2rem;justify-content:space-between;z-index:100}.nav-brand,.top-nav{display:flex;align-items:center}.nav-brand{gap:.75rem}.nav-brand h2{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.nav-brand h2 span{font-weight:400;color:var(--color-text-secondary)}.nav-tabs-global{display:flex;gap:1.5rem;height:100%}.nav-tab-item{background:none;border:none;color:var(--color-text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;position:relative;transition:color .2s ease;height:100%;display:flex;align-items:center;gap:.5rem}.nav-tab-item:hover{color:var(--color-text-primary)}.nav-tab-item.active{color:var(--color-brand);font-weight:600}.nav-tab-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--color-brand)}.nav-user{display:flex;align-items:center;gap:1.5rem}.user-info-box{display:flex;flex-direction:column;align-items:flex-end}.user-greeting{color:var(--color-text-primary)}.btn-logout,.user-greeting{font-weight:500;font-size:.875rem}.btn-logout{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease;display:flex;align-items:center;gap:.35rem}.btn-logout:hover{color:var(--color-danger-text)}.main-content{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:2rem;width:100%;animation:fadeIn .3s ease-out}.badge{padding:.25rem .625rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.badge.pending{background:var(--color-warn-bg);color:var(--color-warn-text);border:1px solid var(--color-warn-border)}.badge.pending-supervisor{background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--color-info-border)}.badge.success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-border)}.tab-bar{display:flex;gap:1rem;border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem .25rem;background:transparent;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-brand);border-bottom-color:var(--color-brand);font-weight:600}.tab-badge{background:var(--color-text-secondary);color:#fff;font-size:.7rem;font-weight:600;padding:.1rem .5rem;border-radius:var(--radius-pill)}.tab-btn.active .tab-badge{background:var(--color-brand)}.header-top{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}.header-top h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.header-top p{color:var(--color-text-secondary);font-size:.9375rem}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;padding:1.5rem;z-index:1000;animation:fadeIn .2s ease-out;overflow-y:auto}.modal-content{background:var(--color-surface);width:100%;max-width:900px;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1);max-height:calc(100vh - 3rem);overflow-y:auto}.modal-header-std{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.modal-header-std .modal-title{display:flex;flex-direction:column}.modal-header-std h3{margin:0;display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-header-std p{color:var(--color-text-muted);font-size:.85rem;margin:.25rem 0 0}.modal-header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.empty-state{text-align:center;padding:4rem 2rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px dashed var(--color-border-strong);display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state h3{font-size:1.125rem;font-weight:600;margin-top:1rem;margin-bottom:.5rem;color:var(--color-text-primary)}.empty-state p{color:var(--color-text-secondary)}.btn-primary{background:var(--color-brand);color:#fff;border:1px solid transparent;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:background .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--color-brand-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-strong);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-muted)}.btn-approve{background:var(--color-surface);color:var(--color-success-text);border:1px solid var(--color-success-border);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--shadow-sm)}.btn-approve:hover:not(:disabled){background:var(--color-success-bg)}.btn-reminder{background:var(--color-surface);color:var(--color-warn-text);border:1px solid var(--color-warn-border);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-reminder:hover:not(:disabled){background:var(--color-warn-bg)}.history-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right .7rem top 50%;background-size:.65rem auto;box-shadow:var(--shadow-sm)}.filter-select:focus{outline:none;border-color:var(--color-brand)}.filter-result{font-size:.875rem;color:var(--color-text-muted)}.table-container{width:100%;max-width:100%;min-width:0;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);-webkit-overflow-scrolling:touch}.history-table{width:100%;min-width:600px;border-collapse:collapse}.history-table th{padding:.75rem 1.25rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg)}.history-table td,.history-table th{border-bottom:1px solid var(--color-border)}.history-table td{padding:1rem 1.25rem;font-size:.875rem;color:var(--color-text-primary);vertical-align:middle}.history-table tr:last-child td{border-bottom:none}.history-table tbody tr:hover{background:var(--color-bg)}.history-actions{display:flex;gap:.5rem}.btn-preview{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-strong);padding:.35rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.btn-preview:hover{color:var(--color-text-primary);background:var(--color-bg)}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid var(--color-border);margin-top:1.5rem}.signature-disclaimer{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius-md);padding:1rem;font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:flex-start}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width:1024px){.main-content{padding:1.5rem}}@media (max-width:767px){.top-nav{padding:0 1rem}.nav-user{gap:1rem}.user-greeting{display:none}.nav-brand h2{font-size:1rem}.main-content{padding:1rem}.header-top{flex-direction:column;align-items:flex-start;gap:1rem}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:1.5rem;max-height:90vh}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}