:root{color-scheme:dark;--vault-bg: #070c16;--vault-surface: #0c1424;--vault-surface-raised: #111d31;--vault-surface-soft: #15233a;--vault-border: rgba(160, 183, 218, .17);--vault-border-strong: rgba(160, 183, 218, .3);--vault-text: #edf4ff;--vault-text-muted: #9bacc5;--vault-cyan: #56d9e8;--vault-blue: #6c8cff;--vault-green: #50d7a2;--vault-amber: #f7bd5b;--vault-red: #ff7387;--vault-shadow: 0 1.4rem 3.5rem rgba(0, 0, 0, .32);--lumo-base-color: var(--vault-bg);--lumo-body-text-color: var(--vault-text);--lumo-secondary-text-color: var(--vault-text-muted);--lumo-tertiary-text-color: #71839f;--lumo-primary-color: var(--vault-cyan);--lumo-primary-text-color: #71e3ef;--lumo-primary-color-10pct: rgba(86, 217, 232, .12);--lumo-primary-color-50pct: rgba(86, 217, 232, .5);--lumo-error-color: var(--vault-red);--lumo-error-text-color: #ff96a5;--lumo-success-color: var(--vault-green);--lumo-success-text-color: #72e4b7;--lumo-contrast-5pct: rgba(213, 227, 250, .055);--lumo-contrast-10pct: rgba(213, 227, 250, .1);--lumo-contrast-20pct: rgba(213, 227, 250, .18);--lumo-contrast-30pct: rgba(213, 227, 250, .28);--lumo-contrast-60pct: rgba(229, 238, 253, .65);--lumo-contrast-80pct: rgba(237, 244, 255, .86);--lumo-contrast-90pct: var(--vault-text);--lumo-font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lumo-border-radius-s: .45rem;--lumo-border-radius-m: .7rem;--lumo-border-radius-l: 1rem;--lumo-box-shadow-s: 0 0 0 1px var(--vault-border), 0 .5rem 1.25rem rgba(0, 0, 0, .18);--lumo-box-shadow-m: var(--vault-shadow)}html,body{background:radial-gradient(circle at 85% 0%,rgba(61,104,180,.16),transparent 34rem),radial-gradient(circle at 0% 100%,rgba(44,153,151,.1),transparent 32rem),var(--vault-bg);color:var(--vault-text);min-height:100%}body{margin:0}*{box-sizing:border-box}::selection{background:#56d9e847;color:#fff}a,button,[tabindex]{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--vault-cyan);outline-offset:2px}.skip-link{background:var(--vault-cyan);border-radius:.5rem;color:#07121a;font-weight:800;inset:.75rem auto auto .75rem;padding:.65rem .9rem;position:fixed;transform:translateY(-160%);transition:transform .12s ease;z-index:10000}.skip-link:focus{transform:translateY(0)}.brand-mark{align-items:center;background:linear-gradient(145deg,var(--vault-cyan),var(--vault-blue));border:1px solid rgba(255,255,255,.24);border-radius:.75rem;box-shadow:0 .55rem 1.6rem #43b5ce33,inset 0 1px #ffffff47;color:#061019;display:inline-flex;flex:0 0 auto;font-size:1rem;font-weight:900;height:2.5rem;justify-content:center;letter-spacing:-.04em;width:2.5rem}vaadin-app-layout.vault-shell{--vaadin-app-layout-drawer-width: 16.5rem;background:transparent}vaadin-app-layout.vault-shell::part(navbar){backdrop-filter:blur(18px);background:#070c16d1;border-bottom:1px solid var(--vault-border);min-height:4.25rem}vaadin-app-layout.vault-shell::part(drawer){background:linear-gradient(180deg,#0d1728,#09111f);border-right:1px solid var(--vault-border)}vaadin-app-layout.vault-shell::part(content){background:transparent}.shell-topbar{min-width:0;padding:.5rem clamp(.7rem,2vw,1.4rem) .5rem .3rem}.shell-view-title{font-size:clamp(1rem,2vw,1.2rem);font-weight:680;letter-spacing:-.02em;margin:0 0 0 .35rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-user-tools{gap:.25rem;min-width:0}.shell-user-copy{display:flex;flex-direction:column;margin-right:.5rem;max-width:13rem;min-width:0;text-align:right}.shell-user-name,.shell-user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-user-name{color:var(--vault-text);font-size:var(--lumo-font-size-s);font-weight:700}.shell-user-role{color:var(--vault-text-muted);font-size:var(--lumo-font-size-xs);letter-spacing:.02em}.shell-drawer{display:flex;flex-direction:column;height:100%;min-height:0}.shell-brand{align-items:center;border-bottom:1px solid var(--vault-border);display:flex;gap:.75rem;min-height:5rem;padding:1rem 1.15rem}.shell-brand-copy{display:flex;flex-direction:column;min-width:0}.shell-brand-name{color:var(--vault-text);font-size:1rem;font-weight:760;letter-spacing:-.02em}.shell-brand-context{color:var(--vault-cyan);font-size:.63rem;font-weight:800;letter-spacing:.14em;margin-top:.18rem}.shell-nav-scroller{flex:1 1 auto;min-height:0;padding:.8rem}.shell-nav-scroller vaadin-side-nav-item{--vaadin-side-nav-item-border-radius: .6rem;font-size:.91rem;font-weight:600;margin:.12rem 0}.shell-footer{align-items:center;border-top:1px solid var(--vault-border);color:var(--vault-text-muted);display:flex;font-size:.72rem;gap:.55rem;padding:1rem 1.1rem}.status-dot{background:var(--vault-green);border-radius:50%;box-shadow:0 0 .65rem #50d7a2b3;height:.5rem;width:.5rem}.vault-view{gap:1rem;overflow:auto;padding:clamp(1rem,2.4vw,2rem)!important}.page-header{align-items:flex-end;display:flex;gap:1.5rem;justify-content:space-between;width:100%}.page-heading-copy{max-width:52rem;min-width:0}.page-eyebrow{color:var(--vault-cyan);display:block;font-size:.68rem;font-weight:850;letter-spacing:.14em;margin-bottom:.45rem}.page-heading{color:var(--vault-text);font-size:clamp(1.7rem,4vw,2.45rem);font-weight:760;letter-spacing:-.045em;line-height:1.05;margin:0}.page-summary{color:var(--vault-text-muted);font-size:.95rem;line-height:1.55;margin:.65rem 0 0;max-width:48rem}.page-actions{flex:0 0 auto;flex-wrap:wrap}.vault-section{background:linear-gradient(145deg,#111d31eb,#0b1423eb);border:1px solid var(--vault-border);border-radius:1rem;box-shadow:0 .8rem 2rem #00000021;display:flex;flex-direction:column;gap:1rem;min-width:0;padding:clamp(1rem,2vw,1.35rem);width:100%}.credentials-workspace{flex:1 1 auto;min-height:34rem;min-height:clamp(34rem,calc(100dvh - 13rem),64rem)}.credentials-workspace>.vault-grid{flex:1 1 auto;min-height:28rem}.section-title{color:var(--vault-text);display:block;font-size:1.02rem;font-weight:730;letter-spacing:-.015em}.section-description{color:var(--vault-text-muted);font-size:.82rem;line-height:1.45;margin:.3rem 0 0}.full-width{width:100%}.metric-grid{display:grid;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.metric-card{background:linear-gradient(145deg,#132137f5,#0c1525f5);border:1px solid var(--vault-border);border-radius:.9rem;min-height:9rem;overflow:hidden;padding:1.1rem;position:relative}.metric-card:before{background:var(--vault-border-strong);content:"";height:.18rem;inset:0 0 auto;position:absolute}.metric-card.tone-success:before{background:var(--vault-green)}.metric-card.tone-warning:before{background:var(--vault-amber)}.metric-card.tone-info:before{background:var(--vault-cyan)}.metric-card.tone-danger:before{background:var(--vault-red)}.metric-label{color:var(--vault-text-muted);display:block;font-size:.72rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.metric-value{color:var(--vault-text);display:block;font-size:2.2rem;font-weight:780;letter-spacing:-.05em;line-height:1;margin-top:1rem}.metric-detail{color:var(--vault-text-muted);font-size:.76rem;line-height:1.35;margin:.6rem 0 0}.dashboard-lower-grid,.two-column-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.workflow-grid,.security-list{display:grid;gap:.9rem}.workflow-grid>vaadin-horizontal-layout,.security-list>vaadin-horizontal-layout{align-items:flex-start;gap:.8rem}.workflow-index{align-items:center;background:#56d9e81a;border:1px solid rgba(86,217,232,.22);border-radius:50%;color:var(--vault-cyan);display:inline-flex;flex:0 0 auto;font-size:.75rem;font-weight:800;height:1.8rem;justify-content:center;width:1.8rem}.workflow-title,.security-line-title{color:var(--vault-text);display:block;font-size:.86rem;font-weight:700}.workflow-copy,.security-line-copy{color:var(--vault-text-muted);font-size:.78rem;line-height:1.4;margin:.18rem 0 0}.security-line-icon{color:var(--vault-green);flex:0 0 auto;line-height:1}.security-line-icon vaadin-icon{height:1.1rem;width:1.1rem}.admin-note{background:#6c8cff14;border:1px solid rgba(108,140,255,.2);border-radius:.7rem;color:var(--vault-text-muted);font-size:.82rem;margin:0;padding:.8rem 1rem;width:100%}.vault-grid{--vaadin-grid-border-color: var(--vault-border);--vaadin-grid-cell-background: transparent;background:transparent;border:1px solid var(--vault-border);border-radius:.7rem;overflow:hidden}.vault-grid::part(header-cell){background:#060c16b8;color:var(--vault-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.vault-grid::part(body-cell){color:var(--vault-text);font-size:.82rem}.vault-grid::part(row):hover{--vaadin-grid-cell-background: rgba(86, 217, 232, .045)}.status-badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:.68rem;font-weight:780;letter-spacing:.025em;line-height:1;min-height:1.55rem;padding:0 .55rem;white-space:nowrap}.status-badge.tone-success{background:#50d7a21a;border-color:#50d7a240;color:#75eabb}.status-badge.tone-warning{background:#f7bd5b1a;border-color:#f7bd5b40;color:#ffd080}.status-badge.tone-danger{background:#ff73871a;border-color:#ff738740;color:#ff9dac}.status-badge.tone-info{background:#56d9e817;border-color:#56d9e83b;color:#75e7f1}.status-badge.tone-muted{background:#a8b9d314;border-color:var(--vault-border);color:var(--vault-text-muted)}.detail-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.detail-item{background:#050b146b;border:1px solid var(--vault-border);border-radius:.65rem;display:flex;flex-direction:column;gap:.28rem;min-width:0;padding:.72rem .8rem}.detail-label{color:var(--vault-text-muted);font-size:.65rem;font-weight:780;letter-spacing:.07em;text-transform:uppercase}.detail-value{color:var(--vault-text);font-size:.84rem;line-height:1.42;overflow-wrap:anywhere;white-space:pre-wrap}.detail-description{background:#050b144d;border-left:3px solid var(--vault-border-strong);color:var(--vault-text-muted);font-size:.84rem;line-height:1.55;margin:0;overflow-wrap:anywhere;padding:.75rem .9rem;width:100%}.monospace,.sensitive-output,.sensitive-output::part(input-field){font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.sensitive-output::part(input-field){background:#050912;border:1px solid rgba(255,115,135,.32);color:#fff}.compact-form{width:100%}.dialog-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-left:auto;width:100%}.security-callout{border:1px solid var(--vault-border);border-radius:.65rem;color:var(--vault-text-muted);font-size:.8rem;line-height:1.5;margin:0;padding:.72rem .85rem;width:100%}.security-callout.tone-warning{background:#f7bd5b12;border-color:#f7bd5b38}.security-callout.tone-danger{background:#ff738712;border-color:#ff738740}.security-callout.tone-info{background:#56d9e812;border-color:#56d9e838}.role-picker{background:#050b1452;border:1px solid var(--vault-border);border-radius:.65rem;padding:.6rem .75rem}.verification-card{align-items:center;background:linear-gradient(90deg,#111d31f5,#0b1423f5);border:1px solid var(--vault-border);border-radius:.75rem;display:flex;gap:.9rem;padding:.85rem 1rem;width:100%}.verification-detail{color:var(--vault-text-muted);font-size:.8rem;margin:0}vaadin-dialog-overlay::part(overlay),vaadin-confirm-dialog-overlay::part(overlay){background:linear-gradient(145deg,#121e32,#0b1424);border:1px solid var(--vault-border-strong);box-shadow:var(--vault-shadow)}vaadin-dialog-overlay::part(header),vaadin-confirm-dialog-overlay::part(header){color:var(--vault-text)}vaadin-text-field::part(input-field),vaadin-password-field::part(input-field),vaadin-text-area::part(input-field),vaadin-integer-field::part(input-field),vaadin-combo-box::part(input-field),vaadin-date-time-picker-date-picker::part(input-field),vaadin-date-time-picker-time-picker::part(input-field){background:#050b14a3;border:1px solid var(--vault-border)}.login-view{background:radial-gradient(circle at 50% -12rem,rgba(86,217,232,.17),transparent 35rem),linear-gradient(150deg,#080e19,#050912);min-height:100vh;overflow:auto}.login-card{background:linear-gradient(145deg,#121f34f5,#09111efa);border:1px solid var(--vault-border-strong);border-radius:1.1rem;box-shadow:var(--vault-shadow);max-width:31rem;overflow:hidden;padding:clamp(1.35rem,4vw,2.25rem);width:calc(100% - 1.5rem)}.login-identity{align-items:center;display:flex;gap:.75rem;margin-bottom:1.8rem}.login-product{color:var(--vault-cyan);font-size:.72rem;font-weight:850;letter-spacing:.14em}.login-card h1{font-size:clamp(1.75rem,6vw,2.35rem);letter-spacing:-.045em;line-height:1.08;margin:0}.login-description{color:var(--vault-text-muted);font-size:.88rem;line-height:1.55;margin:.8rem 0 1.2rem}.login-card vaadin-login-form{max-width:none;width:100%}.login-footer{color:#71839f;font-size:.7rem;letter-spacing:.03em;margin:1.1rem 0 0;text-align:center}@media(max-width:74rem){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:48rem){.vault-view{padding:1rem!important}.page-header{align-items:stretch;flex-direction:column;gap:.9rem}.page-actions{width:100%}.page-actions>vaadin-button{flex:1 1 auto}.dashboard-lower-grid,.two-column-grid,.detail-grid{grid-template-columns:1fr}.shell-user-copy{display:none}.vault-grid{min-height:22rem}.credentials-workspace{flex:0 0 auto;min-height:0}.credentials-workspace>.vault-grid{height:30rem!important;height:62dvh!important;min-height:26rem}}@media(max-width:32rem){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:7.5rem}.login-card{padding:1.2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(forced-colors:active){.brand-mark,.status-badge,.vault-section,.metric-card,.detail-item,.security-callout{border:1px solid CanvasText}}