@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--spacing: .25rem;--font-weight-semibold: 600;--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.size-18{width:calc(var(--spacing) * 18);height:calc(var(--spacing) * 18)}.size-20{width:calc(var(--spacing) * 20);height:calc(var(--spacing) * 20)}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.border{border-style:var(--tw-border-style);border-width:1px}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-ink{color:var(--text)}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}}:root{--primary: #1a237e;--primary-light: #283593;--primary-dark: #0d1442;--accent: #00897b;--accent-light: #4db6ac;--danger: #c62828;--danger-dark: #b71c1c;--success: #2e7d32;--bg: #f0f2f8;--surface: #ffffff;--border: #e2e8f0;--border-hover: #cbd5e1;--text: #1e293b;--text-muted: #64748b;--sidebar-width: 250px;--sidebar-width-collapsed: 76px;--topbar-height: 2.75rem;--topbar-control: 2rem;--content-max: min(1280px, calc(100vw - var(--sidebar-width) - 1.5rem));--content-padding-x: 1rem;--content-padding-y: .9rem;--space-xs: .25rem;--space-sm: .55rem;--space-md: .8rem;--space-lg: 1.05rem;--card-padding: .95rem;--table-cell-y: .45rem;--table-cell-x: .6rem;--control-height: 2.3rem;--radius: 8px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 2px 8px rgba(15, 23, 42, .04);--shadow-lg: 0 8px 30px rgba(15, 23, 42, .12);--transition: .2s ease;font-size:14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.45;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}h1,h2,h3{margin:0 0 .35rem;font-weight:600;color:var(--primary-dark);line-height:1.25}h1{font-size:clamp(1.2rem,.55vw + 1rem,1.85rem)}h2{font-size:clamp(1.05rem,.35vw + .95rem,1.35rem)}h3{font-size:clamp(.95rem,.25vw + .88rem,1.15rem)}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;row-gap:.25rem;align-items:start;margin-bottom:var(--space-md)}.page-header>div:first-child{grid-column:1;min-width:0}.page-header>h1{grid-column:1;margin:0 0 .25rem}.page-header h1{margin:0 0 .25rem}.page-header>p{grid-column:1}.page-header p{margin:0;color:var(--text-muted);font-size:clamp(.85rem,.2vw + .8rem,1rem);line-height:1.45}.header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;grid-column:2;grid-row:1 / span 2;align-self:start}.header-actions .btn{display:inline-flex;align-items:center;justify-content:center}.page-header>.btn,.page-header>a.btn{grid-column:2;grid-row:1 / span 2;align-self:start}.sort-btn{display:inline-flex;align-items:center;gap:.15rem;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-weight:650;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;min-height:2.2rem}.sort-btn:hover,.sort-btn:focus-visible{color:var(--primary);outline:none}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,monospace;font-size:.86em;word-break:break-all}.customer-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.22rem;min-width:0}.customer-stack .customer-name{font-weight:600;line-height:1.3;overflow-wrap:anywhere}.product-chip{display:inline-flex;align-items:center;max-width:100%;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;font-weight:650;letter-spacing:.01em;line-height:1.3;white-space:nowrap}.product-chip-moip{background:#eef2ff;color:#1a237e;border:1px solid #c7d2fe}.product-chip-eid{background:#e0f2f1;color:#00695c;border:1px solid #b2dfdb}.product-chip-vds{background:#fff7ed;color:#9a3412;border:1px solid #fdba74}.mono-block{background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-md);overflow-x:auto;font-family:ui-monospace,monospace;font-size:clamp(.72rem,1.5vw,.8rem);line-height:1.45;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--card-padding)}.card h3{font-size:.95em;margin:0 0 var(--space-sm)}.card ul{margin:0;padding-left:1.1rem;line-height:1.45}.card-title{font-size:.72em;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:.25rem}.card-value{font-size:clamp(1.1rem,.8vw + .85rem,1.75rem);font-weight:600;color:var(--primary-dark);word-break:break-word;line-height:1.2}.card .muted{margin:.25rem 0 0;font-size:.84em}.section{margin-top:var(--space-md)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-md)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem;padding:0 .25rem}.card>.table-wrap{margin:0;padding:0}.data-table{width:100%;min-width:640px;border-collapse:collapse;font-size:.88em}.data-table th,.data-table td{padding:var(--table-cell-y) var(--table-cell-x);border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;overflow-wrap:anywhere;line-height:1.35}.data-table th{background:#f8fafc;color:var(--text-muted);font-weight:600;font-size:.72em;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table a,a.table-link{color:var(--primary);font-weight:600;text-decoration:none}.data-table a:hover,.data-table a:focus-visible,a.table-link:hover,a.table-link:focus-visible{color:var(--primary-light);text-decoration:none}.muted a,.crumb a,.card .muted a{color:var(--primary);font-weight:600;text-decoration:none}.muted a:hover,.crumb a:hover,.card .muted a:hover{color:var(--primary-light);text-decoration:none}.filters .filter-row{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.filters label{display:flex;flex-direction:column;gap:.3rem;flex:1 1 10.5rem;max-width:15rem;min-width:0;font-size:.82rem;font-weight:600}.filters .filter-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;flex:0 0 auto;margin-left:auto}.filters .filter-actions .btn{white-space:nowrap}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.badge{display:inline-block;padding:.12rem .45rem;border-radius:999px;background:#e8eaf6;color:var(--primary);font-size:.76em;line-height:1.35;white-space:nowrap}.badge-active{background:#e8f5e9;color:var(--success)}.badge-revoked{background:#ffebee;color:var(--danger)}.badge-pending{background:#fff8e1;color:#f57f17}.badge-success{background:#e8f5e9;color:var(--success)}.badge-danger{background:#ffebee;color:var(--danger)}.badge-warn{background:#fff8e1;color:#f57f17}.badge-info{background:#e3f2fd;color:#1565c0}.btn-sm{padding:.28rem .6rem;min-height:1.9rem;font-size:.82em;margin-top:0}.progress-bar{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:.5rem 0 .25rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#4db6ac);border-radius:999px}.data-table-compact{min-width:480px}.shipment-flow{display:flex;flex-wrap:wrap;gap:.35rem .5rem;align-items:center;margin-top:.75rem}.flow-step{display:inline-block;padding:.2rem .5rem;border-radius:999px;background:#e8eaf6;color:var(--primary);font-size:.72rem;font-weight:500;white-space:nowrap}.flow-arrow{color:var(--text-muted);font-size:.78rem}.tracking-search-card{padding-bottom:var(--space-md)}.tracking-search-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center;margin-bottom:var(--space-sm)}.tracking-search-input{flex:1;min-width:200px;height:var(--control-height)}.filter-pill{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:.28rem .65rem;font:inherit;font-size:.82em;line-height:1.35;cursor:pointer}.filter-pill.active{background:#e8eaf6;border-color:var(--primary);color:var(--primary);font-weight:600}.row-attention{background:#fff8e1}.attention-note{font-size:.7rem;margin-top:.15rem;color:#f57f17}.timeline-list{list-style:none;margin:var(--space-sm) 0 0;padding:0}.intake-upload-grid{display:grid;width:100%;max-width:100%;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.8fr);gap:var(--space-md);margin-top:var(--space-sm);align-items:end}.intake-upload-grid>*{min-width:0}.intake-upload-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.5rem;grid-column:1 / -1;justify-content:flex-end}.form-group label{display:block;font-size:.72rem;font-weight:600;margin-bottom:.25rem;color:var(--text-muted)}.form-group input[type=file]{width:100%;font-size:.78rem}.form-group .muted{margin-top:.15rem;font-size:.72rem}.form-control{width:100%;max-width:100%;min-width:0;height:var(--control-height);min-height:var(--control-height);padding:.35rem .6rem;border:1px solid var(--border);border-radius:6px;font:inherit;font-size:.92em;background:var(--surface)}select.form-control{appearance:auto}.upload-success{margin-top:var(--space-sm);color:#2e7d32;font-size:.8rem}.upload-error{margin-top:var(--space-sm);color:#c62828;font-size:.8rem}.qc-header-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.qc-header-row h3{margin:0}.config-customer-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-sm)}.config-customer-header h3{margin:0 0 .15rem}.timeline-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .5rem;align-items:center;padding:.4rem 0;border-bottom:1px solid var(--border);font-size:.9em}.timeline-item:last-child{border-bottom:none}.timeline-time{grid-column:1 / -1;font-size:.72rem;color:var(--text-muted)}.timeline-stage{font-weight:500;min-width:0}.timeline-status{justify-self:start;width:max-content;max-width:100%;padding:.1rem .4rem;font-size:.78em;line-height:1.3;white-space:nowrap}.timeline-actor{grid-column:1 / -1;font-size:.72rem}.table-wrap--scroll{position:relative}.alert-success{background:#e8f5e9;color:var(--success);border:1px solid #c8e6c9}.detail-list{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:.35rem 1rem;margin:0;font-size:.875rem}.detail-list dt{color:var(--text-muted);margin:0}.detail-list dd{margin:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-md);margin-bottom:var(--space-md)}.form-grid label{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.form-grid .full-width{grid-column:1 / -1}.form-row{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-end}.form-row label{flex:1;min-width:180px;display:flex;flex-direction:column;gap:.25rem}.pill-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:var(--space-sm)}.overall-status{font-size:1.25rem;font-weight:700;margin:.35rem 0 .75rem}.overall-status.ok{color:var(--success)}.overall-status.warn{color:#f57f17}.overall-status.bad{color:var(--danger)}.alert{padding:.55rem .75rem;border-radius:var(--radius);margin-bottom:var(--space-md);line-height:1.4;font-size:.85rem}.alert-error{background:#ffebee;color:var(--danger);border:1px solid #ffcdd2}.btn{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.4rem .85rem;cursor:pointer;font:inherit;font-size:.9em;font-weight:500;min-height:var(--control-height);margin-top:0;line-height:1.25;text-decoration:none}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.section{margin-bottom:var(--space-md)}@media (min-width: 1024px){:root{font-size:15px;--sidebar-width: 260px;--content-padding-x: 1.2rem;--content-padding-y: 1.05rem;--card-padding: 1.1rem;--control-height: 2.4rem;--table-cell-y: .5rem;--table-cell-x: .7rem;--space-md: .9rem;--space-lg: 1.15rem;--content-max: min(1360px, calc(100vw - var(--sidebar-width) - 2rem))}}@media (min-width: 1280px){:root{font-size:16px;--sidebar-width: 272px;--content-padding-x: 1.45rem;--content-padding-y: 1.2rem;--card-padding: 1.2rem;--control-height: 2.5rem;--table-cell-y: .55rem;--table-cell-x: .75rem;--space-md: 1rem;--space-lg: 1.25rem;--content-max: min(1520px, calc(100vw - var(--sidebar-width) - 2.25rem))}.grid-2,.grid-3{gap:var(--space-md)}}@media (min-width: 1536px){:root{font-size:17px;--sidebar-width: 284px;--content-padding-x: 1.6rem;--content-padding-y: 1.35rem;--card-padding: 1.35rem;--control-height: 2.65rem;--table-cell-y: .6rem;--table-cell-x: .8rem;--space-md: 1.05rem;--space-lg: 1.35rem;--content-max: min(1680px, calc(100vw - var(--sidebar-width) - 2.5rem))}.data-table,.data-table-compact{min-width:0}}@media (min-width: 1920px){:root{font-size:18px;--sidebar-width: 296px;--content-padding-x: 1.75rem;--content-padding-y: 1.5rem;--card-padding: 1.45rem;--control-height: 2.8rem;--content-max: min(1840px, calc(100vw - var(--sidebar-width) - 3rem))}}@media (max-width: 1279px) and (min-width: 1025px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.filters label{flex-basis:calc(50% - .5rem);max-width:none}}@media (max-width: 768px){:root{--sidebar-width: 250px;--content-padding-x: .85rem;--content-padding-y: .85rem;--content-max: 100%;--card-padding: .9rem;--control-height: 2.75rem;font-size:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.filters label{flex:1 1 100%;max-width:none}.filters .filter-actions{flex:1 1 100%;width:100%;margin-left:0;justify-content:stretch}.filters .filter-actions .btn{flex:1 1 calc(50% - .25rem);min-width:0}.page-header{grid-template-columns:1fr}.page-header .header-actions,.page-header>.btn{justify-self:stretch}.page-header .header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.page-header .header-actions .btn{flex:1 1 auto}.tracking-search-row{flex-direction:column;align-items:stretch}.tracking-search-input{min-width:0;width:100%}.tracking-search-row .btn{width:100%}.pill-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.35rem;padding-bottom:.15rem;margin-inline:-.15rem;padding-inline:.15rem;scrollbar-width:none}.pill-list::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0}.intake-upload-grid{grid-template-columns:1fr}.intake-upload-actions .btn{width:100%}.qc-header-row{flex-direction:column;align-items:stretch}.qc-header-row .btn{width:100%}.config-customer-header{flex-direction:column;align-items:flex-start}.detail-list{grid-template-columns:1fr;gap:.15rem 0}.detail-list dt{margin-top:.35rem}.detail-list dt:first-child{margin-top:0}.timeline-item{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .45rem;padding:.45rem 0}.timeline-time,.timeline-actor{flex:1 1 100%;grid-column:unset}.timeline-stage{flex:1 1 auto;min-width:0}.timeline-status{flex:0 0 auto;margin-left:auto;justify-self:unset;padding:.05rem .28rem;font-size:.66em;line-height:1.15;width:max-content;max-width:min(100%,8.5rem)}.badge{padding:.06rem .32rem;font-size:.68em;line-height:1.2;width:max-content;max-width:100%}.filter-pill{padding:.2rem .48rem;font-size:.76em}.col-mobile-hide{display:none}.data-table{min-width:520px;font-size:.86em}.data-table-compact{min-width:420px}.table-wrap{margin:0 -.35rem;padding:0 .35rem}.table-wrap--scroll:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1.25rem;background:linear-gradient(to right,transparent,rgba(240,242,248,.95));pointer-events:none}.data-table th,.data-table td{padding:.45rem .5rem}.btn:not(.btn-sm):not(.filter-pill){min-height:2.35rem}.shipment-flow{gap:.25rem .35rem}}@media (max-width: 640px){.data-table-responsive{min-width:0}.data-table-responsive thead{display:none}.data-table-responsive tbody tr{display:block;padding:.55rem 0;border-bottom:1px solid var(--border)}.data-table-responsive tbody tr:last-child{border-bottom:none}.data-table-responsive tbody td{display:grid;grid-template-columns:minmax(6.25rem,36%) 1fr;gap:.35rem .65rem;align-items:start;padding:.18rem 0;border:none;text-align:left;vertical-align:top}.data-table-responsive tbody td:before{content:attr(data-label);font-weight:600;color:var(--text-muted);font-size:.72em;text-transform:uppercase;letter-spacing:.02em;line-height:1.35}.data-table-responsive tbody td .badge{justify-self:start;align-self:center;width:max-content;max-width:100%;padding:.05rem .28rem;font-size:.66em;line-height:1.15}.data-table-responsive tbody td .cell-actions{justify-content:flex-start}.table-wrap:has(.data-table-responsive):after{display:none}}@media (max-width: 480px){:root{--content-padding-x: .7rem;--content-padding-y: .7rem;--card-padding: .8rem;font-size:14px}.page-header{margin-bottom:.75rem}.intake-upload-actions .btn,.tracking-search-row .btn,.qc-header-row .btn{width:100%}}.sidebar nav .nav-icon,.sidebar .brand-icon{color:#fff}.sidebar .nav-flyout .nav-icon{color:var(--primary)}.nav-collapse-btn,.nav-collapse-toggle{display:none}.nav-collapse-btn{margin-left:auto;background:#ffffff1f;border:none;color:#fff;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:1rem;line-height:1;flex-shrink:0}.nav-collapse-btn:hover{background:#ffffff38}@media (min-width: 769px){.nav-collapse-btn,.nav-collapse-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-collapse-toggle{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:var(--topbar-control, 2rem);height:var(--topbar-control, 2rem);cursor:pointer;font-size:1rem;color:var(--primary);flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.nav-collapse-toggle:hover{background:#f1f5f9;border-color:var(--primary)}.shell.nav-collapsed{--sidebar-width: var(--sidebar-width-collapsed)}.shell.nav-collapsed .brand-sub,.shell.nav-collapsed .nav-label,.shell.nav-collapsed .user-info,.shell.nav-collapsed .brand-mark,.shell.nav-collapsed .nav-chevron,.shell.nav-collapsed .nav-section-title{opacity:0;width:0;max-width:0;overflow:hidden;white-space:nowrap;pointer-events:none}.shell.nav-collapsed .brand{flex-direction:row;align-items:center;justify-content:center;gap:0;height:var(--topbar-height, 2.75rem);min-height:var(--topbar-height, 2.75rem);max-height:var(--topbar-height, 2.75rem);padding:0 .35rem;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.14)}.shell.nav-collapsed .brand-text{display:none}.shell.nav-collapsed .brand-icon,.shell.nav-collapsed .brand-icon app-nav-icon{width:1.25rem;height:1.25rem}.shell.nav-collapsed .sidebar-close,.shell.nav-collapsed .nav-collapse-btn{display:none}.shell.nav-collapsed .sidebar{overflow:visible}.shell.nav-collapsed nav{padding:.35rem .3rem .55rem;gap:.35rem;overflow:visible;scrollbar-width:none;-ms-overflow-style:none}.shell.nav-collapsed nav::-webkit-scrollbar{width:0;height:0;display:none}.shell.nav-collapsed .nav-group+.nav-group{margin-top:.15rem}.shell.nav-collapsed .nav-item{justify-content:center;align-items:center;min-height:2.45rem;margin:0 .1rem;padding:.4rem .25rem;gap:0;border-radius:10px}.shell.nav-collapsed .nav-item--hub{min-height:2.55rem}.shell.nav-collapsed .nav-children{margin:.2rem 0 .1rem;padding:.35rem 0 .1rem;border-left:none;border-top:1px solid rgba(255,255,255,.18);gap:.12rem}.shell.nav-collapsed .nav-item--child{min-height:2rem;opacity:1}.shell.nav-collapsed .nav-item--child:hover,.shell.nav-collapsed .nav-item--child.active{opacity:1}.shell.nav-collapsed .nav-icon{width:1.45rem;height:1.45rem;display:inline-grid;place-items:center}.shell.nav-collapsed .nav-icon app-nav-icon{width:1.25rem;height:1.25rem}.shell.nav-collapsed .nav-item--child .nav-icon,.shell.nav-collapsed .nav-item--child .nav-icon app-nav-icon{width:1.1rem;height:1.1rem}.shell.nav-collapsed .nav-item--child .nav-icon app-nav-icon.size-18,.shell.nav-collapsed .nav-item--child .nav-icon app-nav-icon.size-20{width:18px;height:18px}.shell.nav-collapsed .nav-flyout{display:block;pointer-events:none;visibility:hidden;position:absolute;top:0;left:calc(100% + .4rem);z-index:80;width:14.5rem;padding:.45rem;border-radius:12px;background:#fff;color:var(--text);box-shadow:var(--shadow-lg);border:1px solid var(--border);opacity:0;transform:translate(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease}.shell.nav-collapsed .nav-flyout:before{content:"";position:absolute;right:100%;top:0;width:.55rem;height:100%}.shell.nav-collapsed .nav-item--hub:hover~.nav-flyout:not(.nav-flyout--dismissed),.shell.nav-collapsed .nav-item--hub:focus-visible~.nav-flyout:not(.nav-flyout--dismissed),.shell.nav-collapsed .nav-group:focus-within .nav-flyout:not(.nav-flyout--dismissed),.shell.nav-collapsed .nav-flyout:hover:not(.nav-flyout--dismissed),.shell.nav-collapsed .nav-flyout:focus-within:not(.nav-flyout--dismissed){pointer-events:auto;visibility:visible;opacity:1;transform:translate(0)}.shell.nav-collapsed .nav-flyout.nav-flyout--dismissed,.shell.nav-collapsed .nav-group--dismissed .nav-flyout{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-4px)!important}.shell.nav-collapsed .nav-flyout-heading{padding:.4rem .55rem .35rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.shell.nav-collapsed .nav-flyout-list{display:flex;flex-direction:column;gap:.12rem}.shell.nav-collapsed .nav-flyout-link{display:flex;align-items:center;gap:.45rem;padding:.42rem .55rem;border-radius:8px;color:var(--text);text-decoration:none;font-size:.82rem;font-weight:500}.shell.nav-collapsed .nav-flyout-link:hover{background:#f1f5f9;color:var(--primary-dark)}.shell.nav-collapsed .nav-flyout-link--active{background:#e0f2f1;color:var(--accent);font-weight:650}.shell.nav-collapsed .nav-flyout-link .nav-icon,.shell.nav-collapsed .nav-flyout-link .nav-icon app-nav-icon{width:1.05rem;height:1.05rem}.shell.nav-collapsed .nav-flyout-link .nav-icon app-nav-icon.size-18,.shell.nav-collapsed .nav-flyout-link .nav-icon app-nav-icon.size-20{width:18px;height:18px}.shell.nav-collapsed .nav-flyout-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell.nav-collapsed .sidebar-footer{padding:.55rem .35rem .7rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.shell.nav-collapsed .user-card{justify-content:center}.shell.nav-collapsed .user-card-link{margin-left:0;margin-right:0;width:100%;justify-content:center}.shell.nav-collapsed .logout-btn{width:100%;max-width:3rem;min-height:2.25rem;padding:.35rem .25rem;font-size:1.05rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;gap:0}.shell.nav-collapsed .logout-ico{display:block;width:1.15rem;height:1.15rem}.shell.nav-collapsed .logout-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media (max-width: 768px){.nav-collapse-btn,.nav-collapse-toggle{display:none!important}.shell.nav-collapsed{--sidebar-width: 240px}}.filter-bar,.search-panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.65rem .75rem}.filter-bar{align-items:center}.filter-bar>input.form-control.filter-search{flex:0 1 18rem;width:100%;min-width:12rem;max-width:22rem}.filter-bar>select.form-control.filter-select{flex:0 1 13rem;width:100%;min-width:10rem;max-width:15rem}.filter-bar .filter-actions,.search-panel .search-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:0 0 auto}.search-panel>label{display:flex;flex-direction:column;gap:.35rem;min-width:0;font-size:.82rem;font-weight:600;color:var(--text-muted)}.search-panel>label.search-id{flex:1 1 14rem;min-width:12rem;max-width:22rem}.search-panel>label.search-date{flex:0 1 12rem;max-width:14rem}.search-card{max-width:48rem;width:100%}.form-card{max-width:52rem;width:100%}.cell-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem}@media (max-width: 720px){.page-header{grid-template-columns:1fr}.header-actions,.page-header>.btn,.page-header>a.btn{grid-column:1;grid-row:auto;justify-self:start}.filter-bar>input.form-control.filter-search,.filter-bar>select.form-control.filter-select,.search-panel>label.search-id,.search-panel>label.search-date{flex:1 1 100%;min-width:0;max-width:none}.filter-bar .filter-actions,.search-panel .search-actions{width:100%}.filter-bar .filter-actions .btn,.search-panel .search-actions .btn,.search-panel .search-actions a.btn{flex:1 1 auto;min-width:7.5rem;justify-content:center}.search-card,.form-card{max-width:none}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: initial;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}:root{--control-radius: 7px;--control-pad-y: .35rem;--control-pad-x: .6rem;--control-font: .9em;--btn-sm-height: 1.9rem;--list-search-width: 12rem;--surface-2: #f8fafc;--control-focus: var(--primary-light, var(--primary, #1a237e));--control-focus-ring: color-mix(in srgb, var(--control-focus) 16%, transparent)}body.theme-dark{--surface-2: #1e293b;--control-focus-ring: color-mix(in srgb, var(--control-focus, #9fa8da) 28%, transparent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;box-sizing:border-box;margin-top:0;min-height:var(--control-height, 2.3rem);padding:var(--control-pad-y) .85rem;border:1px solid transparent;border-radius:var(--control-radius);background:var(--surface, #fff);color:var(--text, #1e293b);font-family:inherit;font-size:var(--control-font);font-weight:500;line-height:1.25;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--transition, .2s ease),color var(--transition, .2s ease),border-color var(--transition, .2s ease),box-shadow var(--transition, .2s ease),transform .1s ease}a.btn,a.btn:hover,a.btn:focus,a.btn:active{text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px}.btn-primary{background:var(--primary, #1a237e);border-color:var(--primary, #1a237e);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light, var(--primary-dark, #0d1442));border-color:var(--primary-light, var(--primary-dark, #0d1442));box-shadow:0 2px 8px color-mix(in srgb,var(--primary, #1a237e) 28%,transparent)}.btn-accent{background:var(--accent, #00897b);border-color:var(--accent, #00897b);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-light, var(--accent, #00897b));border-color:var(--accent-light, var(--accent, #00897b))}.btn-outline,.btn-secondary{background:var(--surface, #fff);border-color:var(--border, #e2e8f0);color:var(--primary, var(--text, #1e293b))}.btn-outline:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--surface-2, #f8fafc);border-color:var(--control-focus);color:var(--primary, #1a237e);box-shadow:var(--shadow, 0 1px 2px rgba(15, 23, 42, .06))}.btn-danger{background:var(--danger, #c62828);border-color:var(--danger, #c62828);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark, #b71c1c);border-color:var(--danger-dark, #b71c1c)}.btn-sm{min-height:var(--btn-sm-height);padding:.28rem .6rem;font-size:.82em}.toolbar .btn,.toolbar-actions .btn,.toolbar-row .btn,.toolbar-refresh-group .btn{margin-top:0}.form-control,input.form-control,select.form-control,textarea.form-control{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:var(--control-height, 2.3rem);padding:var(--control-pad-y) var(--control-pad-x);border:1px solid var(--border, #e2e8f0);border-radius:var(--control-radius);background:var(--surface, #fff);color:var(--text, #1e293b);font-family:inherit;font-size:.875rem;line-height:1.3;transition:border-color var(--transition, .2s ease),box-shadow var(--transition, .2s ease),background var(--transition, .2s ease)}.form-control:hover:not(:disabled):not(:focus){border-color:var(--border-hover, #cbd5e1);background:color-mix(in srgb,var(--surface, #fff) 88%,var(--surface-2, #f8fafc))}.form-control:focus{outline:none;border-color:var(--control-focus);box-shadow:0 0 0 3px var(--control-focus-ring);background:var(--surface, #fff)}.form-control:disabled{opacity:.65;cursor:not-allowed;background:var(--surface-2, #f8fafc)}select.form-control{cursor:pointer}textarea.form-control{min-height:5.5rem;resize:vertical;height:auto}input[type=file],input[type=file].form-control{min-height:var(--control-height, 2.3rem);height:var(--control-height, 2.3rem);padding:.28rem .45rem;line-height:1.2}body.theme-dark .form-control{background:#0f172a;color:var(--text, #f1f5f9)}body.theme-dark .form-control:hover:not(:disabled):not(:focus){background:#1e293b}body.theme-dark .btn-outline,body.theme-dark .btn-secondary{color:var(--primary-light, #c5cae9)}body.theme-dark .btn-outline:hover:not(:disabled),body.theme-dark .btn-secondary:hover:not(:disabled){background:#334155;color:#fff}.form-group{margin-bottom:var(--space-sm, .55rem);min-width:0}.form-group label,.form-grid label,.form-row label,.field{display:flex;flex-direction:column;gap:.3rem;min-width:0;font-size:.8125rem;font-weight:500;color:var(--text-muted, #64748b)}.form-group .form-control,.form-grid .form-control,.form-row .form-control,.field .form-control{width:100%;max-width:100%;min-width:0}.form-grid,.form-row{min-width:0}.form-grid>*,.form-row>*{min-width:0}.card{box-sizing:border-box;min-width:0;background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius, 8px);box-shadow:var(--shadow, 0 1px 2px rgba(15, 23, 42, .06), 0 2px 8px rgba(15, 23, 42, .04));padding:var(--card-padding, .95rem)}.card h3{margin:0 0 .65rem;font-size:1rem;font-weight:600}.alert{padding:.65rem .85rem;border-radius:var(--control-radius);margin-bottom:var(--space-md, .8rem);line-height:1.4;font-size:.875rem}.alert-error{background:#ffebee;color:var(--danger, #c62828);border:1px solid #ffcdd2}.alert-success{background:#e8f5e9;color:var(--success, #2e7d32);border:1px solid #c8e6c9}.toolbar>.form-control,.toolbar-actions>.form-control,.toolbar-row>.form-control{width:auto;min-width:10rem;max-width:18rem}.toolbar,.toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem}.toolbar{justify-content:space-between}.toolbar h3{margin:0;font-size:1rem}.toolbar-actions,.toolbar-refresh-group{display:flex;align-items:center;gap:.45rem}.toolbar-actions{flex-wrap:wrap}.toolbar-refresh-group{flex-wrap:nowrap;min-width:0}input.form-control.list-search{box-sizing:border-box;width:var(--list-search-width, 12rem);min-width:var(--list-search-width, 12rem);max-width:var(--list-search-width, 12rem);flex:0 0 var(--list-search-width, 12rem)}.toolbar-refresh-group .btn,.toolbar-refresh-group .btn-sm{min-height:var(--control-height, 2.3rem);height:var(--control-height, 2.3rem)}.loading-row{display:flex;align-items:center;gap:.5rem;color:var(--text-muted, #64748b)}.spinner{display:inline-block;box-sizing:border-box;width:1rem;height:1rem;flex-shrink:0;border:2px solid var(--border, #e2e8f0);border-top-color:var(--accent, var(--primary, #1a237e));border-radius:50%;animation:portal-spin .7s linear infinite}@keyframes portal-spin{to{transform:rotate(360deg)}}.dashboard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.dashboard-header p{margin-bottom:0}.dashboard-header .btn{flex-shrink:0;margin-top:.15rem}.config-card{transition:box-shadow var(--transition, .2s ease),border-color var(--transition, .2s ease)}.config-card:hover{box-shadow:var(--shadow-lg, 0 8px 30px rgba(15, 23, 42, .12));border-color:var(--border-hover, #cbd5e1)}.config-card--compact{padding:.6rem .75rem}.config-card--compact .card-title{margin-bottom:.2rem}.config-card--compact .config-value{font-size:1.05rem;margin-bottom:.15rem;line-height:1.25}.config-card--compact .config-desc{font-size:.75rem;line-height:1.35}.config-card--hsm{min-width:0}.config-value{font-size:1.25rem;font-weight:700;color:var(--primary, #1a237e);margin-bottom:.35rem}.config-desc{font-size:.8rem;color:var(--text-muted, #64748b);margin:0}:root{--kpi-blue: #1d4ed8;--kpi-teal: #0f766e;--kpi-violet: #6d28d9;--kpi-amber: #b45309;--kpi-rose: #be123c;--kpi-sky: #0369a1}html,body{background:radial-gradient(920px 440px at 100% -8%,rgba(0,137,123,.09),transparent 52%),radial-gradient(760px 380px at 0% 0%,rgba(26,35,126,.1),transparent 50%),var(--bg, #f0f2f8)}.card:has(>.card-title):has(>.card-value),.grid-3>.card:has(>.card-title),.grid-stats>.card,.stat-card,.stat-grid>.stat-card{--kpi-accent: var(--kpi-blue);--kpi-wash: color-mix(in srgb, var(--kpi-accent) 10%, #ffffff);position:relative;overflow:hidden;isolation:isolate;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.96),var(--surface, #fff) 48%),linear-gradient(145deg,var(--kpi-wash),transparent 64%);border:1px solid color-mix(in srgb,var(--kpi-accent) 18%,var(--border, #e2e8f0));box-shadow:0 1px 2px #0f172a0a,0 10px 26px #0f172a0f;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:has(>.card-title):has(>.card-value):before,.grid-3>.card:has(>.card-title):before,.grid-stats>.card:before,.stat-card:before,.stat-grid>.stat-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--kpi-accent),color-mix(in srgb,var(--kpi-accent) 40%,#22d3ee))}.grid-3>.card:nth-child(3n+1),.grid-stats>.card:nth-child(3n+1),.stat-grid>.stat-card:nth-child(3n+1){--kpi-accent: var(--kpi-blue)}.grid-3>.card:nth-child(3n+2),.grid-stats>.card:nth-child(3n+2),.stat-grid>.stat-card:nth-child(3n+2){--kpi-accent: var(--kpi-teal)}.grid-3>.card:nth-child(3n+3),.grid-stats>.card:nth-child(3n+3),.stat-grid>.stat-card:nth-child(3n+3){--kpi-accent: var(--kpi-violet)}.grid-stats>.card:nth-child(4){--kpi-accent: var(--kpi-amber)}.grid-stats>.card:nth-child(5){--kpi-accent: var(--kpi-rose)}.grid-stats>.card:nth-child(6){--kpi-accent: var(--kpi-sky)}.card:has(>.card-title):has(>.card-value) .card-title,.grid-3>.card:has(>.card-title) .card-title,.stat-card .card-title{color:color-mix(in srgb,var(--kpi-accent) 72%,var(--text-muted, #64748b));letter-spacing:.06em}.card:has(>.card-title):has(>.card-value) .card-value,.grid-3>.card:has(>.card-title) .card-value,.stat-card .card-value,.stat-card .stat-value{color:var(--kpi-accent);letter-spacing:-.03em}@media (hover: hover) and (pointer: fine){.card:has(>.card-title):has(>.card-value):hover,.grid-3>.card:has(>.card-title):hover,.grid-stats>.card:hover,.stat-card:hover,.stat-grid>.stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kpi-accent) 38%,var(--border, #e2e8f0));box-shadow:0 8px 24px color-mix(in srgb,var(--kpi-accent) 18%,rgba(15,23,42,.08))}}.badge,.status-pill,.status-badge{box-shadow:inset 0 0 0 1px #ffffff59}@media (max-width: 768px){.card:has(>.card-title):has(>.card-value),.grid-3>.card:has(>.card-title),.stat-card{border-radius:10px}}@media (prefers-reduced-motion: reduce){.card:has(>.card-title):has(>.card-value),.grid-3>.card:has(>.card-title),.grid-stats>.card,.stat-card{transition:none}}:root{--tooltip-bg: #0f172a;--tooltip-fg: #f8fafc;--tooltip-muted: rgba(248, 250, 252, .72);--tooltip-radius: 10px;--tooltip-pad-y: .45rem;--tooltip-pad-x: .7rem;--tooltip-font-size: .78rem;--tooltip-line-height: 1.35;--tooltip-max-width: min(18rem, calc(100vw - 1.5rem) );--tooltip-z: 12000;--tooltip-shadow: 0 10px 28px rgba(15, 23, 42, .28), 0 2px 8px rgba(15, 23, 42, .16);--tooltip-arrow: 6px;--tooltip-offset: 10px}.pai-tooltip{position:fixed;z-index:var(--tooltip-z);max-width:var(--tooltip-max-width);padding:var(--tooltip-pad-y) var(--tooltip-pad-x);border-radius:var(--tooltip-radius);background:var(--tooltip-bg);color:var(--tooltip-fg);font-size:var(--tooltip-font-size);font-weight:600;line-height:var(--tooltip-line-height);letter-spacing:.01em;text-align:left;box-shadow:var(--tooltip-shadow);pointer-events:none;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .14s ease,transform .14s ease;word-break:break-word;overflow-wrap:anywhere}.pai-tooltip.is-visible{opacity:1;transform:translateY(0) scale(1)}.pai-tooltip:after{content:"";position:absolute;width:0;height:0;border:var(--tooltip-arrow) solid transparent}.pai-tooltip[data-placement=top]:after{top:100%;left:var(--tooltip-arrow-x, 50%);transform:translate(-50%);border-top-color:var(--tooltip-bg)}.pai-tooltip[data-placement=bottom]:after{bottom:100%;left:var(--tooltip-arrow-x, 50%);transform:translate(-50%);border-bottom-color:var(--tooltip-bg)}.pai-tooltip[data-placement=left]:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--tooltip-bg)}.pai-tooltip[data-placement=right]:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--tooltip-bg)}@media (min-width: 1024px){:root{--tooltip-font-size: .82rem;--tooltip-pad-y: .5rem;--tooltip-pad-x: .8rem;--tooltip-max-width: min(22rem, calc(100vw - 2rem) )}}@media (max-width: 640px){:root{--tooltip-max-width: min(16rem, calc(100vw - 1rem) );--tooltip-font-size: .76rem}}.pai-tooltip.pai-tooltip--rail{white-space:nowrap;max-width:min(16rem,calc(100vw - 5rem));padding:.4rem .75rem;font-size:.8rem;font-weight:600;letter-spacing:.015em;border:1px solid rgba(148,163,184,.22);transform:translate(-4px) scale(.98)}.pai-tooltip.pai-tooltip--rail.is-visible{transform:translate(0) scale(1)}.pai-tooltip.pai-tooltip--rail[data-placement=right]{transform:translate(-4px) scale(.98)}.pai-tooltip.pai-tooltip--rail[data-placement=right].is-visible{transform:translate(0) scale(1)}@media (prefers-reduced-motion: reduce){.pai-tooltip{transition:none}}