:root{--brand-primary: #0284c7;--brand-primary-hover: #0369a1;--brand-primary-light: #e0f2fe;--brand-primary-glow: rgba(2, 132, 199, .35);--brand-cyan: #06b6d4;--brand-cyan-glow: rgba(6, 182, 212, .4);--brand-teal: #0d9488;--brand-teal-hover: #0f766e;--brand-teal-light: #ccfbf1;--brand-emerald: #10b981;--brand-emerald-dark: #059669;--brand-emerald-light: #d1fae5;--brand-emerald-glow: rgba(16, 185, 129, .35);--brand-amber: #f59e0b;--brand-amber-light: #fef3c7;--brand-rose: #f43f5e;--brand-rose-light: #ffe4e6;--brand-rose-glow: rgba(244, 63, 94, .35);--brand-indigo: #6366f1;--brand-indigo-light: #e0e7ff;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .06), 0 2px 6px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .08), 0 4px 8px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 32px -6px rgba(0, 0, 0, .1), 0 8px 12px -3px rgba(0, 0, 0, .05);--shadow-neon-blue: 0 0 25px -4px rgba(2, 132, 199, .45);--shadow-neon-emerald: 0 0 25px -4px rgba(16, 185, 129, .45);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .22s cubic-bezier(.16, 1, .3, 1);--transition-slow: .35s cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=light]{color-scheme:light;--bg-app: #f5f7fa;--bg-surface: #ffffff;--bg-surface-secondary: #f3f5f8;--bg-surface-elevated: #ffffff;--bg-hover: #eef2f6;--bg-glass: rgba(255, 255, 255, .88);--bg-glass-card: rgba(255, 255, 255, .92);--border-subtle: #e5e9ef;--border-default: #d3dae3;--border-strong: #b8c2cf;--border-focus: #0284c7;--border-accent: rgba(2, 132, 199, .22);--text-main: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-faint: #94a3b8;--text-white: #ffffff;--card-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .04);--card-hover-shadow: 0 8px 24px -6px rgba(15, 23, 42, .12);--focus-ring: 0 0 0 3px rgba(2, 132, 199, .28);--header-bg: rgba(255, 255, 255, .92);--header-border: rgba(226, 232, 240, .9);--hero-bg: radial-gradient(ellipse 90% 70% at 50% -20%, rgba(2, 132, 199, .12), transparent 75%), radial-gradient(circle at 90% 40%, rgba(6, 182, 212, .1), transparent 60%), #f8fafc;--hero-card-bg: rgba(255, 255, 255, .95);--badge-bg: #e0f2fe;--badge-text: #0369a1;--card-header-bg: #f8fafc;--input-bg: #ffffff;--scrollbar-track: transparent;--scrollbar-thumb: #cfd6df;--shell-sidebar-bg: #ffffff;--shell-sidebar-border: #e5e9ef;--shell-topbar-bg: rgba(255, 255, 255, .86);--shell-nav-text: #475569;--shell-nav-hover-bg: #f1f4f8;--shell-nav-active-bg: #e8f3fb;--shell-nav-active-text: #0369a1;--shell-section-text: #94a3b8;--overlay-bg: rgba(15, 23, 42, .45);--tone-info-bg: #e6f3fb;--tone-info-fg: #075985;--tone-info-border: #bfe0f4;--tone-success-bg: #e7f7ef;--tone-success-fg: #0f6b45;--tone-success-border: #bde8d1;--tone-warning-bg: #fdf4e3;--tone-warning-fg: #8a4b06;--tone-warning-border: #f6dcaa;--tone-danger-bg: #fdeced;--tone-danger-fg: #a1182d;--tone-danger-border: #f8c9cf;--tone-violet-bg: #f1ecfd;--tone-violet-fg: #5b2bb5;--tone-violet-border: #dccffa;--tone-neutral-bg: #f1f4f8;--tone-neutral-fg: #3f4b5c;--tone-neutral-border: #dde3ea}[data-theme=dark]{color-scheme:dark;--bg-app: #0a101c;--bg-surface: #111a2a;--bg-surface-secondary: #0e1624;--bg-surface-elevated: #172236;--bg-hover: #182438;--bg-glass: rgba(17, 26, 42, .88);--bg-glass-card: rgba(17, 26, 42, .8);--border-subtle: rgba(148, 163, 184, .13);--border-default: rgba(148, 163, 184, .22);--border-strong: rgba(148, 163, 184, .34);--border-focus: #38bdf8;--border-accent: rgba(56, 189, 248, .35);--text-main: #e8eef7;--text-secondary: #c2cddd;--text-muted: #8c9bb1;--text-faint: #65748a;--text-white: #ffffff;--card-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 0 0 1px rgba(148, 163, 184, .04);--card-hover-shadow: 0 12px 28px -8px rgba(0, 0, 0, .55);--focus-ring: 0 0 0 3px rgba(56, 189, 248, .32);--header-bg: rgba(10, 16, 28, .92);--header-border: rgba(56, 189, 248, .15);--hero-bg: radial-gradient(ellipse 90% 70% at 50% -20%, rgba(2, 132, 199, .24), transparent 75%), radial-gradient(circle at 90% 40%, rgba(6, 182, 212, .16), transparent 60%), #0a101c;--hero-card-bg: rgba(17, 26, 42, .92);--badge-bg: rgba(2, 132, 199, .2);--badge-text: #38bdf8;--card-header-bg: #0e1624;--input-bg: #0c1422;--scrollbar-track: transparent;--scrollbar-thumb: #243149;--shell-sidebar-bg: #0d1523;--shell-sidebar-border: rgba(148, 163, 184, .12);--shell-topbar-bg: rgba(10, 16, 28, .82);--shell-nav-text: #a3b1c4;--shell-nav-hover-bg: rgba(148, 163, 184, .08);--shell-nav-active-bg: rgba(56, 189, 248, .12);--shell-nav-active-text: #7dd3fc;--shell-section-text: #5f6e84;--overlay-bg: rgba(0, 0, 0, .6);--tone-info-bg: rgba(56, 189, 248, .12);--tone-info-fg: #7dd3fc;--tone-info-border: rgba(56, 189, 248, .28);--tone-success-bg: rgba(52, 211, 153, .12);--tone-success-fg: #6ee7b7;--tone-success-border: rgba(52, 211, 153, .28);--tone-warning-bg: rgba(251, 191, 36, .12);--tone-warning-fg: #fcd34d;--tone-warning-border: rgba(251, 191, 36, .28);--tone-danger-bg: rgba(251, 113, 133, .12);--tone-danger-fg: #fda4af;--tone-danger-border: rgba(251, 113, 133, .28);--tone-violet-bg: rgba(167, 139, 250, .13);--tone-violet-fg: #c4b5fd;--tone-violet-border: rgba(167, 139, 250, .3);--tone-neutral-bg: rgba(148, 163, 184, .1);--tone-neutral-fg: #c2cddd;--tone-neutral-border: rgba(148, 163, 184, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{height:100%;font-family:var(--font-body);color:var(--text-main);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";line-height:1.55;letter-spacing:-.011em;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}body.portal-active{overflow:hidden!important;height:100vh!important;max-height:100vh!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25;letter-spacing:-.028em;color:var(--text-main)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-hover)}button,input,select,textarea{font-family:inherit;font-size:.95rem}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes floatAnim{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes floatReverse{0%{transform:translateY(0)}50%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(.5deg)}}@keyframes pulseGlow{0%{box-shadow:0 0 #0284c780}70%{box-shadow:0 0 0 16px #0284c700}to{box-shadow:0 0 #0284c700}}@keyframes pulseEmeraldGlow{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 14px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulseRoseGlow{0%{box-shadow:0 0 #f43f5e99}70%{box-shadow:0 0 0 14px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes auraOrbit{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,20px) scale(.95)}to{transform:translate(0) scale(1)}}@keyframes ecgScan{0%{stroke-dashoffset:600;opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:.3}}@keyframes beaconRadar{0%{transform:scale(.9);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes textGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-weight:600;font-size:.85rem;line-height:1.2;padding:.55rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;letter-spacing:-.005em}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 1px 2px #0284c740,inset 0 1px #ffffff1f}.btn-primary:hover{background:var(--brand-primary-hover);color:#fff}.btn-teal{background:var(--brand-teal);color:#fff;box-shadow:0 1px 2px #0d948840}.btn-teal:hover{background:var(--brand-teal-hover)}.btn-emerald{background:var(--brand-emerald-dark);color:#fff;box-shadow:0 1px 2px #05966940}.btn-emerald:hover{background:#047857}.btn-danger{background:#e11d48;color:#fff;box-shadow:0 1px 2px #e11d4840}.btn-danger:hover{background:#be123c}.btn-outline{background:var(--bg-surface);border-color:var(--border-default);color:var(--text-secondary);box-shadow:var(--shadow-xs)}.btn-outline:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-strong)}.btn-outline-primary{background:transparent;border-color:var(--brand-primary);color:var(--brand-primary)}.btn-outline-primary:hover{background:var(--tone-info-bg);color:var(--brand-primary-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-main)}.btn-sm{padding:.38rem .7rem;font-size:.8rem;border-radius:var(--radius-sm)}.btn-lg{padding:.8rem 1.5rem;font-size:.95rem;border-radius:var(--radius-lg)}.btn-icon{padding:0;width:36px;height:36px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.22rem .6rem;border-radius:5px;font-size:.725rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1}.badge-blue{background:var(--tone-info-bg);color:var(--tone-info-fg);border:1px solid var(--tone-info-border)}.badge-green,.badge-teal{background:var(--tone-success-bg);color:var(--tone-success-fg);border:1px solid var(--tone-success-border)}.badge-amber{background:var(--tone-warning-bg);color:var(--tone-warning-fg);border:1px solid var(--tone-warning-border)}.badge-rose{background:var(--tone-danger-bg);color:var(--tone-danger-fg);border:1px solid var(--tone-danger-border)}.badge-purple{background:var(--tone-violet-bg);color:var(--tone-violet-fg);border:1px solid var(--tone-violet-border)}.badge-slate{background:var(--tone-neutral-bg);color:var(--tone-neutral-fg);border:1px solid var(--tone-neutral-border)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--card-hover-shadow)}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.card-body{padding:1.25rem}.card-footer{padding:.85rem 1.25rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--card-shadow);color:var(--text-main)}.dark-glass-card{background:#0d1726d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(56,189,248,.2);box-shadow:0 16px 36px -8px #0006;color:#fff}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.35rem;letter-spacing:-.01em}.form-control{width:100%;padding:.6rem .95rem;font-size:.885rem;color:var(--text-main);background:var(--input-bg);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control:focus{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.form-control::placeholder{color:var(--text-muted)}textarea.form-control{min-height:80px;resize:vertical}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface)}.tabular-nums,.font-tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.table-custom{width:100%;border-collapse:collapse;text-align:left}.table-custom th{background:var(--bg-surface-secondary);color:var(--text-muted);font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.85rem 1.15rem;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.table-custom td{padding:.95rem 1.15rem;font-size:.875rem;font-weight:500;color:var(--text-main);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.table-custom tr:last-child td{border-bottom:none}.table-custom tr:hover td{background:var(--bg-hover)}.stat-card{padding:1.35rem 1.5rem;border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:0 1px 3px #0000000d,0 1px 2px -1px #00000008;display:flex;align-items:center;gap:1.15rem;transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--card-hover-shadow);border-color:var(--border-default)}.stat-icon-wrapper{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex-shrink:0;box-shadow:inset 0 1px 1px #fff9}.stat-value{font-family:var(--font-display);font-size:1.85rem;font-weight:800;color:var(--text-main);line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:.25rem}.page-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.executive-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.28rem .8rem;background:#0284c714;border:1px solid rgba(2,132,199,.22);border-radius:9999px;font-family:var(--font-display);font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);margin-bottom:.45rem}.executive-kicker.kicker-purple{background:#9333ea14;border-color:#9333ea38;color:#9333ea}.executive-kicker.kicker-teal{background:#0d948814;border-color:#0d948838;color:#0d9488}.live-pulse-dot{width:6.5px;height:6.5px;border-radius:50%;background:currentColor;box-shadow:0 0 #0284c7b3;animation:pulseDot 2s infinite}@keyframes pulseDot{0%{box-shadow:0 0 #0284c7b3}70%{box-shadow:0 0 0 7px #0284c700}to{box-shadow:0 0 #0284c700}}.page-title{font-family:var(--font-display);font-size:1.85rem;font-weight:800;letter-spacing:-.035em;color:var(--text-main);margin:0 0 .25rem;line-height:1.2}.page-desc{font-family:var(--font-body);font-size:.9rem;color:var(--text-muted);margin:0;line-height:1.5}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.75rem}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.kpi-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;inset:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-dialog{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:660px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:1.35rem 1.75rem;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:1.35rem;font-weight:800}.modal-body{padding:1.75rem}.modal-footer{padding:1.25rem 1.75rem;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;background:var(--bg-surface-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.w-100{width:100%}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)!important}.text-secondary{color:var(--text-secondary)}.text-main{color:var(--text-main)}.text-primary{color:var(--brand-primary)}.text-danger{color:var(--tone-danger-fg)}.text-warning{color:var(--tone-warning-fg)}.text-success,.text-emerald{color:var(--tone-success-fg)}.text-xs{font-size:.75rem}.text-sm{font-size:.85rem}.font-mono{font-family:var(--font-mono)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.nowrap{white-space:nowrap}.form-control-sm{padding:.4rem .65rem;font-size:.82rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field-error{font-size:.76rem;color:var(--tone-danger-fg)}.form-control.is-invalid,.form-control[aria-invalid=true]{border-color:var(--tone-danger-fg)}.empty-state{padding:2.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.88rem}html{scroll-padding-top:110px}.print-only{display:none}@media print{body{background:#fff!important;color:#000!important}.app-root-shell.portal-mode,.app-root-shell.portal-mode .app-main-content,body.portal-active{height:auto!important;max-height:none!important;overflow:visible!important}.no-print,nav,aside,.role-bar,.util-bar,app-portal-topbar,app-toast-container{display:none!important}.print-only{display:block!important}.card,.modal-dialog{box-shadow:none!important;border:none!important}body.print-isolated *{visibility:hidden!important}body.print-isolated .print-target,body.print-isolated .print-target *{visibility:visible!important}body.print-isolated .print-target{position:absolute!important;inset:0 auto auto 0!important;width:100%!important;max-width:100%!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important;transform:none!important}body.print-isolated .print-target .btn,body.print-isolated .print-target .no-print{display:none!important}body.print-isolated .modal-backdrop,body.print-isolated .shell,body.print-isolated .shell-main,body.print-isolated app-portal-shell,body.print-isolated .cs,body.print-isolated .cs-main,body.print-isolated app-console-shell{position:static!important;height:auto!important;overflow:visible!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.print-isolated .modal-dialog{max-height:none!important;overflow:visible!important;animation:none!important}}.chip-indigo{background:#6366f11f;color:#4338ca}.chip-emerald{background:#10b9811f;color:#047857}[data-theme=dark] .chip-indigo{background:#818cf829;color:#a5b4fc}[data-theme=dark] .chip-emerald{background:#34d39924;color:#6ee7b7}.ws-dot.tone-indigo{background:#6366f1}.ws-dot.tone-emerald{background:#10b981}.perm-denied{opacity:.5;cursor:not-allowed!important;filter:grayscale(.35);box-shadow:none!important}.btn.perm-denied:before{content:"";width:12px;height:12px;flex-shrink:0;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat}