:root{color-scheme:light;--ys-blue: #00A2E9;--ys-blue-darker: #0089D0;--ys-dark-blue: #253A78;--ys-mint: #C0EEE3;--ys-turquoise: #6FD2BB;--ys-light-grey: #F5F5F7;--ys-ui-border: #F4F5F7;--ys-slate: #1F2937;--ys-success: #28A745;--ys-error: #DC3545;--ys-zalm: #E37B8C;--bg: #ffffff;--ink: var(--ys-slate);--muted: #6b7280;--line: #e4e7ec;--divider: var(--ys-ui-border);--card: #ffffff;--accent: var(--ys-blue);--accent-hover: var(--ys-blue-darker);--accent-ink: #ffffff;--warn: #c4536a;--warn-bg: #fbecf0;--bad: var(--ys-error);--bad-bg: #fdebec;--ok: var(--ys-success);--ok-bg: #e7f6ec;font-family:Avenir,Avenir Next,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button,.button{background:var(--accent);color:var(--accent-ink);border:1px solid transparent;border-radius:999px;padding:.45rem 1.1rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background-color .12s ease,box-shadow .12s ease,transform 80ms ease}button:hover,.button:hover{background:var(--accent-hover)}button:active,.button:active{transform:scale(.97)}button.quiet,a.quiet,.button.quiet{background:transparent;color:var(--ys-dark-blue);border-color:var(--ys-dark-blue)}button.quiet:hover,a.quiet:hover,.button.quiet:hover{background:#253a7814}button.warn{background:var(--bad)}button.warn:hover{background:#b02a37}button.small,.button.small{padding:.25rem .7rem;font-size:14px}a{color:var(--accent)}a:hover{color:var(--accent-hover)}header.app{display:flex;flex-direction:column;align-items:flex-start;gap:.7rem;padding:.9rem 1.2rem;background:var(--ys-dark-blue);color:#fff}header.app nav{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;width:100%}header.app nav a{text-decoration:none;color:#ffffffbf}header.app nav a:hover{color:#fff}header.app nav a.active{color:#fff;font-weight:700}header.app nav label{margin:0;width:auto;grid-template-columns:auto auto;align-items:center;gap:.4rem}header.app nav select{width:auto;color:var(--ink);background:#fff}header.app .muted{color:#fff9}header.app button.quiet{color:#fff;border-color:#ffffff80}header.app button.quiet:hover{background:#ffffff1f}header.app nav>label{margin-left:auto}main{max-width:1080px;margin:0 auto;padding:1.2rem}h1{font-weight:700;font-size:1.9rem;line-height:1.25;margin:0 0 1rem}h2{font-size:1.5rem;font-weight:600;line-height:1.3;margin:1.4rem 0 .6rem}form,.card{background:var(--card);border:1px solid var(--divider);border-radius:24px;padding:1rem 1.2rem;margin-bottom:1rem;box-shadow:0 1px 3px #253a7814,0 8px 24px #253a7814}label{display:grid;gap:.25rem;margin-bottom:.7rem;font-size:14px}input,select,textarea{border:1px solid var(--line);border-radius:12px;padding:.45rem .6rem;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid rgba(0,162,233,.35);outline-offset:1px;border-color:var(--accent)}textarea{min-height:6rem}.row{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}.row>*{flex:1 1 12rem}.row>label{margin-bottom:0}.row>button{flex:0 0 auto}.row>.shrink{flex:0 0 6.5rem}.row>.grow{flex:3 1 14rem}.tools{display:flex;justify-content:flex-end;gap:.4rem;margin:.6rem 0 1rem}.tools label{margin:0}table{width:100%;border-collapse:collapse;background:var(--card)}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--divider);vertical-align:top}th{font-size:14px;color:var(--muted);font-weight:600}.scroll{overflow-x:auto}.badge{display:inline-block;border-radius:999px;padding:.1rem .6rem;font-size:14px}.badge.soon{background:var(--warn-bg);color:var(--warn)}.badge.expired{background:var(--bad-bg);color:var(--bad)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.unknown{background:var(--ys-light-grey);color:var(--muted)}.error{color:var(--bad)}.tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tabs button{background:transparent;color:var(--ys-dark-blue);border:1px solid var(--ys-dark-blue)}.tabs button:hover{background:#253a7814}.tabs button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tabs button.active:hover{background:var(--accent-hover)}.secret{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;background:var(--ys-light-grey);padding:.6rem .8rem;border-radius:12px}.muted{color:var(--muted)}.login{max-width:28rem;margin:8vh auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}