html,body{height:100%}body{margin:0;background:var(--portal-bg, #ffffff);color:var(--text-primary, #111827);font-family:Merriweather,serif}*{box-sizing:border-box}:root{--navy-darkest: #152438;--navy-dark: #1e3a5f;--navy-mid: #245280;--navy-light: #2d6ba0;--navy-pale: #4a84b8;--color-primary: hsl(205.66, 62.81%, 47.45%);--color-primary-100: #064368;--color-primary-80: rgb(30, 87, 119);--color-primary-60: rgb(55, 104, 134);--color-primary-40: rgb(106, 142, 164);--color-primary-20: rgb(155, 179, 194);--color-secondary-100: rgb(246, 146, 32);--color-secondary-80: rgb(247, 157, 54);--color-secondary-60: rgb(249, 179, 99);--color-secondary-40: rgb(251, 201, 144);--color-secondary-20: rgb(252, 222, 188);--color-black-100: rgb(0, 0, 0);--color-black-80: rgb(105, 105, 105);--color-black-60: rgb(128, 128, 128);--color-black-40: rgb(169, 169, 169);--color-black-20: rgb(192, 192, 192);--app-gradient: linear-gradient( 130deg, rgba(6, 67, 104, 1) 0%, rgba(55, 104, 134, 1) 50%, rgba(155, 179, 194, 1) 100% );--portal-bg: #f0f2f5;--card-bg: #ffffff;--card-border: #e2e6ea;--section-header-bg:#f7f8fa;--text-primary: #1a2c45;--text-secondary: #5a6a7e;--text-muted: #8a96a3;--surface-elevated: #ffffff;--surface-subtle: #f7f8fa;--row-alt: #f9fafb;--row-hover: rgba(6, 67, 104, .06);--input-bg: #f9fafc;--input-text: #111827;--input-border: #e2e6ea;--status-pending: #e8820c;--status-signed: #27ae60;--status-inactive: #8a96a3;--status-ongoing: #2d6ba0;--box-shadow-1: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 2px 6px 2px;--box-shadow-2: rgba(0, 0, 0, .19) 0px 10px 20px, rgba(0, 0, 0, .23) 0px 6px 6px;--box-shadow-3: rgba(0, 0, 0, .25) 0px 14px 28px, rgba(0, 0, 0, .22) 0px 10px 10px;--box-shadow-4: rgba(0, 0, 0, .3) 0px 19px 38px, rgba(0, 0, 0, .22) 0px 15px 12px;--box-shadow-link: rgba(0, 0, 0, .2) 0px 5px 5px, rgba(0, 0, 0, .2) 0px 2px 6px;--shadow-card: 0 2px 8px rgba(30, 58, 95, .1), 0 1px 3px rgba(30,58,95,.07);--shadow-nav: 0 -2px 12px rgba(30, 58, 95, .12);--shadow-xs: 0 1px 3px rgba(0,0,0,.08);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-std: .22s ease}[data-theme=dark]{--color-primary-100: #071a2d;--color-primary-80: #0b2742;--color-primary-60: #123a5f;--color-primary-40: #1e5b8c;--color-primary-20: #4aa0d1;--app-gradient: linear-gradient( 130deg, #0a1320 0%, #0a223a 45%, #0b2742 100% );--portal-bg: #050a12;--card-bg: #0a1220;--card-border: rgba(148, 163, 184, .18);--section-header-bg: rgba(255, 255, 255, .04);--text-primary: #e6edf3;--text-secondary: #bdc9d6;--text-muted: #7f93ab;--surface-elevated: #0a1220;--surface-subtle: rgba(255, 255, 255, .04);--row-alt: rgba(255, 255, 255, .02);--row-hover: rgba(74, 160, 209, .12);--input-bg: rgba(255, 255, 255, .06);--input-text: #e6edf3;--input-border: rgba(148, 163, 184, .22);--box-shadow-1: rgba(0, 0, 0, .45) 0px 1px 2px 0px, rgba(0, 0, 0, .35) 0px 2px 8px 2px;--box-shadow-2: rgba(0, 0, 0, .72) 0px 10px 20px, rgba(0, 0, 0, .58) 0px 6px 6px;--box-shadow-3: rgba(0, 0, 0, .78) 0px 14px 28px, rgba(0, 0, 0, .62) 0px 10px 10px;--box-shadow-4: rgba(0, 0, 0, .8) 0px 19px 38px, rgba(0, 0, 0, .64) 0px 15px 12px;--box-shadow-link: rgba(0, 0, 0, .62) 0px 5px 10px, rgba(0, 0, 0, .55) 0px 2px 6px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .65), 0 1px 4px rgba(0, 0, 0, .5);--shadow-nav: 0 -2px 14px rgba(0, 0, 0, .65);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .55)}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.margin-auto{margin:auto}.text-wrap{text-wrap:wrap}.merriweather-300{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-400{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-500{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-600{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-700{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-800{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-900{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"wdth" 100}.merriweather-900-title{font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:900;font-style:normal;font-variation-settings:"wdth" 100;font-size:28px}.invalid{border:1px solid red}.text-red{color:red}.text-green{color:#007c00}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}html{scrollbar-width:auto;scrollbar-color:var(--card-bg) var(--color-primary-100)}html::-webkit-scrollbar{width:10px;background-color:var(--color-primary-100)}html::-webkit-scrollbar-track{background:var(--color-primary-100)}html::-webkit-scrollbar-thumb{background-color:var(--card-bg);border-radius:5px}.navbar-container{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;height:80px;background-color:var(--color-primary-100);display:flex;align-items:center;justify-content:flex-start;gap:0;box-shadow:var(--box-shadow-2);overflow:visible}.layout-container{padding-top:80px}.navbar-left{display:flex;align-items:center;flex-shrink:0;padding-left:16px;padding-right:0}.navbar-hamburger{display:flex;flex-direction:column;justify-content:space-between;width:22px;height:16px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;z-index:1001}.navbar-hamburger span{display:block;width:100%;height:2px;background-color:#ffffffe0;border-radius:2px;transition:transform var(--transition-std),opacity var(--transition-std);transform-origin:center}.navbar-hamburger.navbar-hamburger-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-hamburger.navbar-hamburger-open span:nth-child(2){opacity:0}.navbar-hamburger.navbar-hamburger-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar-dropdown{position:absolute;top:100%;left:0;width:220px;background-color:var(--color-primary-100);box-shadow:var(--box-shadow-2);border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:999;overflow:hidden;max-height:0;opacity:0;transition:max-height .35s ease,opacity .25s ease;pointer-events:none}.navbar-dropdown.navbar-dropdown-open{max-height:600px;min-height:250px;opacity:1;pointer-events:all}.ndrop-section-label{padding:10px 14px 4px;color:#ffffff8c;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border-bottom:1px solid rgba(255,255,255,.06);margin-top:4px}.ndrop-section-label:first-child{margin-top:6px}.ndrop-item{padding:8px 14px;color:#ffffffe0;font-size:11px;-webkit-user-select:none;user-select:none;border:1px solid rgba(255,255,255,.12);margin:4px 10px;border-radius:var(--radius-sm);text-align:center;transition:background var(--transition-fast),color var(--transition-fast);box-shadow:var(--shadow-xs);cursor:pointer}.ndrop-item:hover{background-color:var(--color-primary-80);color:#e1e1e1}.navbar-overlay{position:fixed;inset:0;background-color:#0000002e;z-index:998}.navbar-logo-container{flex:0 0 auto;margin-left:20px;margin-right:0;display:flex;align-items:center;justify-content:flex-start}.navbar-logo{color:#fff;-webkit-user-select:none;user-select:none;text-align:left;white-space:nowrap}.navbar-logo:hover{cursor:pointer}.navbar-items-container{display:flex;align-items:center;justify-content:flex-end;padding-right:16px;flex-shrink:0;margin-left:auto;gap:10px}.navbar-theme-toggle{height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;color:#ffffffeb;font-size:10px;letter-spacing:.12em;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.navbar-theme-toggle .theme-mode-icon{display:block}.navbar-theme-toggle .theme-mode-icon *{vector-effect:non-scaling-stroke}.navbar-theme-toggle:hover{background:#ffffff2e;border-color:#ffffff8c;transform:translateY(-1px)}.navbar-theme-toggle:active{transform:translateY(0)}.navbar-theme-toggle:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}.navbar-profile-container{position:relative;width:30px;min-width:30px;height:30px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer}.navbar-profile-button{width:30px;height:30px;padding:0;border:0;border-radius:999px;background:transparent;color:#ffffffeb;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.navbar-profile-button:hover{background:#ffffff24;transform:translateY(-1px)}.navbar-profile-button:active{transform:translateY(0)}.navbar-profile-button:focus-visible{outline:2px solid rgba(255,255,255,.75);outline-offset:2px}.navbar-profile-icon{width:24px;height:24px;display:block}.navbar-profile-icon *{vector-effect:non-scaling-stroke}.navbar-profile-icon .profile-ring{opacity:.55;stroke-dasharray:62;stroke-dashoffset:0;transform-origin:12px 12px}.navbar-profile-button:hover .navbar-profile-icon{animation:navbarProfileWiggle .42s ease-out 1}.navbar-profile-button:hover .navbar-profile-icon .profile-ring{animation:navbarProfileRing .9s ease-in-out 1}@keyframes navbarProfileWiggle{0%{transform:rotate(0) scale(1)}35%{transform:rotate(-7deg) scale(1.04)}70%{transform:rotate(5deg) scale(1.04)}to{transform:rotate(0) scale(1)}}@keyframes navbarProfileRing{0%{stroke-dashoffset:0;opacity:.35}40%{stroke-dashoffset:18;opacity:.9}to{stroke-dashoffset:62;opacity:.55}}.navbar-profile-menu{position:absolute;top:52px;right:8px;width:240px;max-width:min(280px,calc(100vw - 24px));padding:10px;border-radius:12px;background:var(--surface-elevated);border:1px solid var(--card-border);box-shadow:var(--box-shadow-3);color:var(--text-primary);z-index:1002;transform:translateY(-6px) scale(.98);opacity:0;pointer-events:none;visibility:hidden;transition:opacity var(--transition-std),transform var(--transition-std),visibility 0s linear .22s;transform-origin:top right;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-profile-menu.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;visibility:visible;transition:opacity var(--transition-std),transform var(--transition-std),visibility 0s}.navbar-profile-menu-header{padding:8px 10px 10px;border-radius:10px;background:var(--surface-subtle);border:1px solid rgba(0,0,0,.04)}[data-theme=dark] .navbar-profile-menu-header{border-color:#ffffff14}.navbar-profile-username{font-size:13px;line-height:1.2;letter-spacing:.01em}.navbar-profile-role{margin-top:4px;font-size:12px;color:var(--text-secondary)}.navbar-profile-menu-item{width:100%;margin-top:8px;height:36px;padding:0 10px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.navbar-profile-menu-item:hover{background:var(--row-hover);border-color:#0000000f;transform:translateY(-1px)}[data-theme=dark] .navbar-profile-menu-item:hover{border-color:#ffffff1a}.navbar-profile-menu-item:active{transform:translateY(0)}.navbar-profile-menu-item-danger{color:#dc2626}[data-theme=dark] .navbar-profile-menu-item-danger{color:#ff6b6b}@media(max-width:800px){.navbar-container{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:0 8px}.navbar-left{grid-column:1;padding-left:4px}.navbar-logo-container{display:flex!important;grid-column:2;justify-self:start;align-items:center;justify-content:flex-start;min-width:80px;max-width:100%}.navbar-logo{font-size:14px;font-weight:600;letter-spacing:.02em;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-items-container{grid-column:3;justify-self:end;flex-shrink:0;width:auto;min-width:36px;padding-right:12px;z-index:1001}.navbar-profile-menu{position:fixed;left:50%;right:auto;transform:translate(-50%);top:80px;width:calc(100vw - 32px);max-width:420px;transform-origin:top center}}@media(max-width:380px){.navbar-left{padding-left:8px}.navbar-items-container{padding-right:8px}.navbar-logo{font-size:12px}}@media(min-width:801px){.navbar-logo-container{margin-left:20px}.navbar-items-container{padding-right:16px;flex-shrink:0;width:auto}}@media(min-width:481px){.navbar-logo-container{min-width:160px}}@media(min-width:769px){.navbar-container{height:50px}.layout-container{padding-top:50px}.navbar-logo-container{max-width:225px}.navbar-box{top:40px}}@media(min-width:1025px){.navbar-logo-container{max-width:200px}}@media(min-width:1201px){.navbar-logo-container{max-width:200px}}.layout-container{display:flex;flex-direction:column;background:var(--app-gradient);min-height:100vh;width:100%;max-width:100%}.app-loading-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:#0f172a1a;animation:app-fade-in .16s ease-out}.app-loading-spinner{width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:transparent;border:none;box-shadow:none;animation:app-pop-in .16s ease-out;will-change:transform,opacity}@keyframes app-fade-in{0%{opacity:0}to{opacity:1}}@keyframes app-pop-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.app-loading-overlay,.app-loading-spinner,.ec-spinner{animation:none!important}}.content-container{display:flex;flex-direction:column;flex:1}@media(min-width:481px){.content-container{flex-direction:row}}@media(min-width:769px){.content-container{flex-direction:row}}@media(min-width:1025px){.content-container{flex-direction:row}}@media(min-width:1201px){.content-container{flex-direction:row}}.ec-spinner{animation:ec-spin .85s linear infinite}.ec-spinner-track{stroke:#0f172a2e}.ec-spinner-head{stroke:var(--color-primary-100)}.ec-pdf-loading-text{font-size:12px;color:var(--text-secondary)}@keyframes ec-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}