.main-header{box-shadow:0 2px 10px rgba(0,0,0,.1);background:#0f172a}.top-toolbar{--background: #0f172a;--color: #ffffff;--min-height: 56px;padding:4px 12px}.brand-section{display:flex;align-items:center;gap:12px}.app-brand{font-weight:700;font-size:1.15rem;color:#fff;letter-spacing:.5px}.header-actions{display:flex;align-items:center;gap:12px}.user-badge{font-size:.85rem;color:#94a3b8}.user-badge b{color:#38bdf8}.logout-btn{--color: #f87171;--border-color: #f87171;--border-radius: 6px;font-weight:600;font-size:.8rem;height:32px}.search-toolbar{--background: #1e293b;--padding-top: 4px;--padding-bottom: 6px;--min-height: 48px}.custom-searchbar{--background: #334155;--color: #ffffff;--placeholder-color: #94a3b8;--icon-color: #94a3b8;--clear-button-color: #94a3b8;--border-radius: 8px;padding:0 8px}.table-container{max-width:1200px;margin:16px auto}.table-header{background:#1e293b;color:#f8fafc;font-weight:600;border-radius:8px 8px 0 0;text-transform:uppercase;font-size:.75rem;letter-spacing:.6px;align-items:center}.table-header ion-col{padding:12px 10px}.table-row{background:#fff;color:#334155;border-bottom:1px solid #e2e8f0;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;align-items:center}.table-row:hover{background-color:#f8fafc}.table-row ion-col{padding:10px;font-size:.88rem;word-break:break-word}.col-code{font-weight:700;color:#0284c7}.col-company{font-weight:600;color:#0f172a}.expiry-view{display:flex;align-items:center;gap:6px}.date-badge{background:#f1f5f9;border:1px solid #cbd5e1;padding:4px 8px;border-radius:6px;font-size:.8rem;font-family:monospace;color:#334155;white-space:nowrap}.yn-tag{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;font-weight:700;font-size:.75rem;padding:2px 6px;border-radius:4px}.action-container{display:flex;align-items:center;gap:6px;width:100%}.custom-date-input{--background: #ffffff;--color: #0f172a;--padding-start: 6px;--padding-end: 6px;border:1px solid #cbd5e1;border-radius:6px;font-size:.82rem;height:34px;flex:3;min-width:130px}.native-select{height:34px;border:1px solid #cbd5e1;border-radius:6px;background-color:#fff;color:#0f172a;font-size:.82rem;padding:0 6px;outline:none;cursor:pointer;flex:1.5;min-width:60px}.native-select:focus{border-color:#0284c7}.btn-update{--border-radius: 6px;font-weight:600;font-size:.78rem;height:34px;margin:0;flex-shrink:0}.confirm-modal{--background: #ffffff;--backdrop-opacity: .6}.confirm-modal::part(content){width:400px;max-width:90%;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.25);overflow:hidden}.confirm-box{background:#fff;color:#0f172a}.confirm-header{background:#0f172a;color:#fff;padding:14px 18px;font-size:1.05rem;font-weight:600}.confirm-body{padding:18px;font-size:.92rem;color:#334155}.confirm-body p{margin:0 0 6px;color:#0f172a}.confirm-date-diff{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;margin-top:10px;font-size:.86rem}.confirm-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;background:#f8fafc;border-top:1px solid #e2e8f0}@media (max-width: 768px){.table-header{display:none}.table-row{display:flex;flex-direction:column;margin-bottom:14px;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 2px 6px rgba(0,0,0,.05);padding:8px 12px}.table-row ion-col{display:flex;justify-content:space-between;align-items:center;width:100%!important;max-width:100%!important;flex:1 1 100%!important;padding:8px 0;border-bottom:1px dashed #f1f5f9}.table-row ion-col:last-child{border-bottom:none;padding-top:10px}.table-row ion-col:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:.78rem;text-transform:uppercase;flex-shrink:0;margin-right:12px}.table-row ion-col[data-label="Update Expiry"]{flex-direction:column;align-items:stretch}.table-row ion-col[data-label="Update Expiry"]:before{margin-bottom:8px}.action-container{display:flex;align-items:center;gap:8px;width:100%}.custom-date-input{flex:2;min-width:0}.native-select{flex:1;min-width:0}.btn-update{flex-shrink:0}.custom-top-header{background-color:#0b0f17;border-bottom:1px solid #1e293b;width:100%;position:relative;z-index:10}.header-inner{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.header-top-row{display:flex;justify-content:space-between;align-items:center;width:100%}.app-brand{font-size:1.35rem;font-weight:700;color:#fff;letter-spacing:-.3px}.header-actions{display:flex;align-items:center;gap:14px}.user-badge{font-size:.88rem;color:#94a3b8;white-space:nowrap}.user-badge b{color:#38bdf8}.header-logout-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;color:#94a3b8;border:1px solid #334155;border-radius:8px;padding:6px 12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease}.header-logout-btn:hover{color:#f87171;border-color:#f87171;background:rgba(248,113,113,.1)}.header-bottom-row{width:100%}.search-input-wrapper{max-width:380px;width:100%}.dark-native-search{width:100%;height:38px;background-color:#151c28;border:1px solid #1e293b;border-radius:8px;color:#fff;font-size:.88rem;padding:0 12px;outline:none;box-sizing:border-box;transition:border-color .2s ease}.dark-native-search::placeholder{color:#64748b}.dark-native-search:focus{border-color:#38bdf8}.header-inner{padding:12px 14px}.search-input-wrapper{max-width:100%}}.dark-login-page{--background: #18191a;background-color:#18191a}.login-wrapper{display:flex;min-height:100vh;justify-content:center;align-items:center;padding:20px}.dark-login-card{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;text-align:center}.login-title{font-size:2.2rem;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:2px}.login-subtitle{font-size:.95rem;color:#8b929a;margin:0 0 35px}.dark-login-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.pill-input-box{width:100%;position:relative;display:flex;align-items:center}.pill-input{width:100%;height:48px;border-radius:50px;background-color:transparent;border:2px solid #2980b9;color:#fff;font-size:.95rem;text-align:center;outline:none;transition:all .25s ease;box-sizing:border-box}.pill-input::placeholder{color:#8b929a}.pill-input:focus{border-color:#3498db;box-shadow:0 0 10px rgba(52,152,219,.4)}.password-eye{position:absolute;right:18px;color:#8b929a;font-size:1.2rem;cursor:pointer;display:flex;align-items:center}.password-eye:hover{color:#fff}.forgot-link{color:#8b929a;font-size:.85rem;text-decoration:underline;margin:8px 0 10px;transition:color .2s ease}.forgot-link:hover{color:#fff}.pill-submit-btn{width:150px;height:44px;border-radius:50px;background-color:transparent;border:2px solid #2ecc71;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;outline:none;transition:all .25s ease}.pill-submit-btn:hover{background-color:#2ecc71;color:#fff;box-shadow:0 0 12px rgba(46,204,113,.4)}.pill-submit-btn:disabled{opacity:.6;cursor:not-allowed}.social-links{display:flex;gap:24px;margin-top:35px}.social-icon{font-size:1.3rem;color:#fff;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.social-icon:hover{transform:translateY(-2px);opacity:.8}:root{--ion-color-primary: #0054e9;--ion-color-primary-rgb: 0, 84, 233;--ion-color-primary-contrast: #fff;--ion-color-primary-contrast-rgb: 255, 255, 255;--ion-color-primary-shade: #004acd;--ion-color-primary-tint: #1a65eb;--ion-color-secondary: #0163aa;--ion-color-secondary-rgb: 1, 99, 170;--ion-color-secondary-contrast: #fff;--ion-color-secondary-contrast-rgb: 255, 255, 255;--ion-color-secondary-shade: #015796;--ion-color-secondary-tint: #1a73b3;--ion-color-tertiary: #6030ff;--ion-color-tertiary-rgb: 96, 48, 255;--ion-color-tertiary-contrast: #fff;--ion-color-tertiary-contrast-rgb: 255, 255, 255;--ion-color-tertiary-shade: #542ae0;--ion-color-tertiary-tint: #7045ff;--ion-color-success: #2dd55b;--ion-color-success-rgb: 45, 213, 91;--ion-color-success-contrast: #000;--ion-color-success-contrast-rgb: 0, 0, 0;--ion-color-success-shade: #28bb50;--ion-color-success-tint: #42d96b;--ion-color-warning: #ffc409;--ion-color-warning-rgb: 255, 196, 9;--ion-color-warning-contrast: #000;--ion-color-warning-contrast-rgb: 0, 0, 0;--ion-color-warning-shade: #e0ac08;--ion-color-warning-tint: #ffca22;--ion-color-danger: #c5000f;--ion-color-danger-rgb: 197, 0, 15;--ion-color-danger-contrast: #fff;--ion-color-danger-contrast-rgb: 255, 255, 255;--ion-color-danger-shade: #ad000d;--ion-color-danger-tint: #cb1a27;--ion-color-light: #f4f5f8;--ion-color-light-rgb: 244, 245, 248;--ion-color-light-contrast: #000;--ion-color-light-contrast-rgb: 0, 0, 0;--ion-color-light-shade: #d7d8da;--ion-color-light-tint: #f5f6f9;--ion-color-medium: #636469;--ion-color-medium-rgb: 99, 100, 105;--ion-color-medium-contrast: #fff;--ion-color-medium-contrast-rgb: 255, 255, 255;--ion-color-medium-shade: #57585c;--ion-color-medium-tint: #737478;--ion-color-dark: #222428;--ion-color-dark-rgb: 34, 36, 40;--ion-color-dark-contrast: #fff;--ion-color-dark-contrast-rgb: 255, 255, 255;--ion-color-dark-shade: #1e2023;--ion-color-dark-tint: #383a3e}html.ios{--ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif}html.md{--ion-default-font: "Roboto", "Helvetica Neue", sans-serif}html{--ion-dynamic-font: -apple-system-body;--ion-font-family: var(--ion-default-font)}body{background:var(--ion-background-color);color:var(--ion-text-color)}body.backdrop-no-scroll{overflow:hidden}html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,html.ios ion-modal ion-footer ion-toolbar:first-of-type,html.ios ion-footer.modal-footer-moving ion-toolbar:first-of-type{padding-top:6px}html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type{padding-bottom:6px}html.ios ion-modal ion-toolbar,html.ios .modal-footer-moving ion-toolbar{padding-right:calc(var(--ion-safe-area-right) + 8px);padding-left:calc(var(--ion-safe-area-left) + 8px)}@media screen and (min-width: 768px){html.ios ion-modal.modal-card:first-of-type{--backdrop-opacity: .18}}ion-modal.modal-default.show-modal~ion-modal.modal-default{--backdrop-opacity: 0;--box-shadow: none}html.ios ion-modal.modal-card .ion-page{border-top-left-radius:var(--border-radius)}.ion-color-primary{--ion-color-base: var(--ion-color-primary, #0054e9) !important;--ion-color-base-rgb: var(--ion-color-primary-rgb, 0, 84, 233) !important;--ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-primary-shade, #004acd) !important;--ion-color-tint: var(--ion-color-primary-tint, #1a65eb) !important}.ion-color-secondary{--ion-color-base: var(--ion-color-secondary, #0163aa) !important;--ion-color-base-rgb: var(--ion-color-secondary-rgb, 1, 99, 170) !important;--ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-secondary-shade, #015796) !important;--ion-color-tint: var(--ion-color-secondary-tint, #1a73b3) !important}.ion-color-tertiary{--ion-color-base: var(--ion-color-tertiary, #6030ff) !important;--ion-color-base-rgb: var(--ion-color-tertiary-rgb, 96, 48, 255) !important;--ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-tertiary-shade, #542ae0) !important;--ion-color-tint: var(--ion-color-tertiary-tint, #7045ff) !important}.ion-color-success{--ion-color-base: var(--ion-color-success, #2dd55b) !important;--ion-color-base-rgb: var(--ion-color-success-rgb, 45, 213, 91) !important;--ion-color-contrast: var(--ion-color-success-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-success-shade, #28bb50) !important;--ion-color-tint: var(--ion-color-success-tint, #42d96b) !important}.ion-color-warning{--ion-color-base: var(--ion-color-warning, #ffc409) !important;--ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;--ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;--ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important}.ion-color-danger{--ion-color-base: var(--ion-color-danger, #c5000f) !important;--ion-color-base-rgb: var(--ion-color-danger-rgb, 197, 0, 15) !important;--ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-danger-shade, #ad000d) !important;--ion-color-tint: var(--ion-color-danger-tint, #cb1a27) !important}.ion-color-light{--ion-color-base: var(--ion-color-light, #f4f5f8) !important;--ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;--ion-color-contrast: var(--ion-color-light-contrast, #000) !important;--ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;--ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;--ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important}.ion-color-medium{--ion-color-base: var(--ion-color-medium, #636469) !important;--ion-color-base-rgb: var(--ion-color-medium-rgb, 99, 100, 105) !important;--ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-medium-shade, #57585c) !important;--ion-color-tint: var(--ion-color-medium-tint, #737478) !important}.ion-color-dark{--ion-color-base: var(--ion-color-dark, #222428) !important;--ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;--ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;--ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;--ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;--ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important}.ion-page{left:0;right:0;top:0;bottom:0;display:flex;position:absolute;flex-direction:column;justify-content:space-between;contain:layout size style;z-index:0}.ion-page.ion-page-overlay-passthrough{pointer-events:none}ion-modal>.ion-page{position:relative;contain:layout style;height:100%}.split-pane-visible>.ion-page.split-pane-main{position:relative}ion-route,ion-route-redirect,ion-router,ion-select-option,ion-nav-controller,ion-menu-controller,ion-action-sheet-controller,ion-alert-controller,ion-loading-controller,ion-modal-controller,ion-picker-controller,ion-popover-controller,ion-toast-controller,.ion-page-hidden{display:none!important}.ion-page-invisible{opacity:0}.can-go-back>ion-header ion-back-button{display:block}html.plt-ios.plt-hybrid,html.plt-ios.plt-pwa{--ion-statusbar-padding: 20px}@supports (padding-top: 20px){html{--ion-safe-area-top: var(--ion-statusbar-padding)}}@supports (padding-top: env(safe-area-inset-top)){html{--ion-safe-area-top: var(--safe-area-inset-top, env(safe-area-inset-top));--ion-safe-area-bottom: var(--safe-area-inset-bottom, env(safe-area-inset-bottom));--ion-safe-area-left: var(--safe-area-inset-left, env(safe-area-inset-left));--ion-safe-area-right: var(--safe-area-inset-right, env(safe-area-inset-right))}}ion-card.ion-color .ion-inherit-color,ion-card-header.ion-color .ion-inherit-color{color:inherit}.menu-content{transform:translateZ(0)}.menu-content-open{cursor:pointer;touch-action:manipulation;pointer-events:none;overflow-y:hidden}.menu-content-open ion-content{--overflow: hidden}.menu-content-open .ion-content-scroll-host{overflow:hidden}.ios .menu-content-reveal{box-shadow:-8px 0 42px rgba(0,0,0,.08)}[dir=rtl].ios .menu-content-reveal{box-shadow:8px 0 42px rgba(0,0,0,.08)}.md .menu-content-reveal,.md .menu-content-push{box-shadow:4px 0 16px rgba(0,0,0,.18)}ion-accordion-group.accordion-group-expand-inset>ion-accordion:first-of-type{border-top-left-radius:8px;border-top-right-radius:8px}ion-accordion-group.accordion-group-expand-inset>ion-accordion:last-of-type{border-bottom-left-radius:8px;border-bottom-right-radius:8px}ion-accordion-group>ion-accordion:last-of-type ion-item[slot=header]{--border-width: 0px}ion-accordion.accordion-animated>[slot=header] .ion-accordion-toggle-icon{transition:.3s transform cubic-bezier(.25,.8,.5,1)}@media (prefers-reduced-motion: reduce){ion-accordion .ion-accordion-toggle-icon{transition:none!important}}ion-accordion.accordion-expanding>[slot=header] .ion-accordion-toggle-icon,ion-accordion.accordion-expanded>[slot=header] .ion-accordion-toggle-icon{transform:rotate(180deg)}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-previous ion-item[slot=header]{--border-width: 0px;--inner-border-width: 0px}ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanding:first-of-type,ion-accordion-group.accordion-group-expand-inset.md>ion-accordion.accordion-expanded:first-of-type{margin-top:0}ion-input input::-webkit-date-and-time-value{text-align:start}.ion-datetime-button-overlay{--width: fit-content;--height: fit-content}.ion-datetime-button-overlay ion-datetime.datetime-grid{width:320px;min-height:320px}[ion-last-focus],header[tabindex="-1"]:focus,[role=banner][tabindex="-1"]:focus,main[tabindex="-1"]:focus,[role=main][tabindex="-1"]:focus,h1[tabindex="-1"]:focus,[role=heading][aria-level="1"][tabindex="-1"]:focus{outline:none}.popover-viewport:has(>ion-content){overflow:hidden}@supports not selector(:has(> ion-content)){.popover-viewport{overflow:hidden}}