@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root,[data-theme=landscape]{--color-teal-900: #004D4E;--color-teal-700: #007A7C;--color-teal-600: #009B9E;--color-teal-500: #00B5B8;--color-teal-400: #26D0D3;--color-teal-300: #5DE0E2;--color-teal-200: #9CEBEC;--color-teal-100: #D0F4F5;--color-teal-50: #E8FAFA;--color-gold-700: #B8860B;--color-gold-600: #D4A017;--color-gold-500: #E8A820;--color-gold-400: #F0BC42;--color-gold-300: #F5CF6E;--color-gold-200: #FADE96;--color-gold-100: #FDF0CC;--color-gold-50: #FEF8E8;--color-jade: #4A7C59;--color-vermilion: #C53D43;--color-warning: #D4A017;--color-mist: #C8C2B8;--color-ink-deep: #1A1A1A;--color-ink: #2D2D2D;--color-ink-light: #5C5C5C;--color-ink-faint: #8E8E8E;--color-ink-border: #D4D0C8;--color-paper: #F7F4EE;--color-paper-warm: #FBF9F5;--color-surface: #FFFFFF;--color-surface-warm: #FDFBF7;--color-surface-sunken: #F1EDE6;--font-display: "Noto Serif SC", "Source Han Serif CN", serif;--font-body: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-8: 24px;--space-10: 32px;--space-12: 40px;--space-16: 48px;--space-20: 64px;--space-24: 80px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 26, 26, .06);--shadow-md: 0 2px 8px rgba(26, 26, 26, .08);--shadow-focus: 0 0 0 3px var(--color-teal-100);--sidebar-width: 248px;--header-height: 60px;--content-max: 1280px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0;font-family:var(--font-display);color:var(--color-ink-deep);font-weight:600;letter-spacing:-.01em}h1{font-size:32px;line-height:1.25}h2{font-size:22px;font-weight:600}h3{font-size:15px;font-weight:600;color:var(--color-ink-light)}p{margin:0 0 var(--space-4);color:var(--color-ink-light)}a{color:var(--color-teal-600);text-decoration:none}a:hover{color:var(--color-teal-700)}small{font-size:12px;color:var(--color-ink-faint)}code,pre{font-family:var(--font-mono)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-5);font-family:var(--font-body);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:1px solid var(--color-teal-600);background:var(--color-teal-600);color:#fff;transition:background .15s ease,border-color .15s ease,color .15s ease}button:hover{background:var(--color-teal-700);border-color:var(--color-teal-700)}button:disabled{cursor:not-allowed;opacity:.5}button.secondary{background:var(--color-surface);color:var(--color-teal-700);border-color:var(--color-teal-200)}button.secondary:hover{background:var(--color-teal-50)}input,select,textarea{width:100%;height:40px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-ink-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-ink);outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-teal-400);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--color-mist)}textarea{height:auto;min-height:88px;padding:var(--space-3);resize:vertical;font-family:var(--font-mono);font-size:13px;line-height:1.6}label{display:grid;gap:var(--space-2);color:var(--color-ink-light);font-size:13px;font-weight:600}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}table{width:100%;border-collapse:collapse}th,td{text-align:left;vertical-align:top;padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-ink-border)}th{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-faint);background:var(--color-surface-warm)}tbody tr:hover{background:var(--color-surface-warm)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;background:var(--color-paper)}.app-sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) var(--space-4);background:var(--color-surface);border-right:1px solid var(--color-ink-border)}.app-brand{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3) var(--space-5);margin-bottom:var(--space-3);border-bottom:1px solid var(--color-ink-border)}.app-brand__name{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-teal-600);letter-spacing:.02em}.app-brand__tag{font-family:var(--font-mono);font-size:10px;color:var(--color-ink-faint);background:var(--color-paper);border:1px solid var(--color-ink-border);border-radius:var(--radius-full);padding:2px 8px}.app-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.app-nav__group{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-faint);padding:var(--space-4) var(--space-3) var(--space-2)}.app-nav__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-ink-light);font-size:14px;font-weight:500;border:1px solid transparent;background:transparent;width:100%;text-align:left;transition:background .15s ease,color .15s ease}.app-nav__item:hover{background:var(--color-teal-50);color:var(--color-teal-700)}.app-nav__item--active{background:var(--color-teal-50);color:var(--color-teal-700);border-color:var(--color-teal-200)}.app-nav__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-teal-500);flex-shrink:0}.app-main{display:flex;flex-direction:column;min-width:0}.shell{max-width:var(--content-max);width:100%;margin:0 auto;padding:var(--space-8)}.topbar{display:flex;align-items:stretch;justify-content:space-between;gap:var(--space-6);padding:var(--space-6);flex-wrap:wrap;border:1px solid var(--color-ink-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm)}.topbar__title{display:flex;flex-direction:column;gap:var(--space-2);min-width:220px}.topbar__title h1{font-size:28px}.topbar__meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;color:var(--color-ink-faint);font-size:13px}.topbar__controls{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.panel,.metrics,.topbar,.toolbar{border:1px solid var(--color-ink-border);border-radius:var(--radius-xl);background:var(--color-surface)}.panel{min-width:0;padding:var(--space-6);box-shadow:var(--shadow-sm)}.toolbar{display:grid;grid-template-columns:minmax(240px,360px) auto auto minmax(180px,240px) 1fr;align-items:end;gap:var(--space-4);margin-top:var(--space-5);padding:var(--space-5);box-shadow:var(--shadow-sm)}.toolbar.compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:0;padding:0;border:0;background:transparent;box-shadow:none}.auth-block{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3);margin:0;padding:0;border:0;min-width:0}.auth-block legend{width:100%;padding:0;margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.04em}.auth-signedin{display:flex;align-items:center;gap:var(--space-3)}.lookup-toolbar{margin-bottom:var(--space-4)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-ink-border)}.section-title h2{font-size:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4)}.metrics strong{display:block;border-left:3px solid var(--color-teal-600);background:var(--color-teal-50);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:13px;color:var(--color-teal-900)}.service-grid,.result-grid{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.service-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}.result-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.service-grid div,.result-grid div{border-left:3px solid var(--color-teal-600);padding-left:var(--space-3)}dl,dt,dd{margin:0}dt{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint)}dd{margin-top:var(--space-1);word-break:break-word;color:var(--color-ink)}.layout{display:grid;grid-template-columns:1.4fr .9fr;gap:var(--space-5);margin-top:var(--space-5)}.wide{grid-column:span 2}.table-wrap{overflow-x:auto}.table-wrap table{min-width:960px}td strong,td small{display:block}.status{display:inline-block;min-width:76px;border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);text-align:center;font-size:12px;font-weight:700;font-family:var(--font-body)}.status.active{background:color-mix(in srgb,var(--color-jade) 16%,white);color:var(--color-jade)}.status.suspended{background:var(--color-gold-50);color:var(--color-gold-700)}.status.revoked{background:color-mix(in srgb,var(--color-vermilion) 14%,white);color:var(--color-vermilion)}.history{display:grid;gap:var(--space-3)}.history article{border:1px solid var(--color-ink-border);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--color-surface-warm)}.history span{display:block;margin-top:var(--space-2);color:var(--color-ink-faint);font-size:13px}form.panel{display:grid;gap:var(--space-4)}.inline-editor{display:grid;gap:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--color-ink-border);padding-top:var(--space-4)}.signing-key-actions{margin-top:var(--space-3)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.message{color:var(--color-teal-700);min-height:24px;align-self:center;font-size:14px}.message.error{color:var(--color-vermilion)}.muted,small{color:var(--color-ink-faint)}.selected-row{background:var(--color-teal-50)}pre{overflow:auto;max-height:360px;border-radius:var(--radius-md);background:var(--color-ink-deep);color:var(--color-teal-100);padding:var(--space-4);font-size:13px;line-height:1.6}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:0;border-bottom:1px solid var(--color-ink-border)}.app-brand{border-bottom:0;margin-bottom:0;padding-bottom:0;flex:1 1 auto}.app-nav{flex-direction:row;flex-wrap:wrap;width:100%}.app-nav__group{display:none}}@media(max-width:900px){.shell{padding:var(--space-5)}.topbar,.toolbar,.layout,.metrics{grid-template-columns:1fr}.topbar{display:grid}.wide{grid-column:span 1}}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-5);font-family:var(--font-body);font-size:14px;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;outline:none;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-teal-600);color:#fff;border-color:var(--color-teal-600)}.btn-primary:hover:not(:disabled){background:var(--color-teal-700);border-color:var(--color-teal-700)}.btn-gold{background:var(--color-gold-500);color:var(--color-ink-deep);border-color:var(--color-gold-500)}.btn-gold:hover:not(:disabled){background:var(--color-gold-600)}.btn-outline{background:transparent;color:var(--color-teal-700);border-color:var(--color-teal-200)}.btn-outline:hover:not(:disabled){background:var(--color-teal-50)}.btn-ghost{background:transparent;color:var(--color-ink-light);border-color:var(--color-ink-border)}.btn-ghost:hover:not(:disabled){color:var(--color-ink);border-color:var(--color-ink-light);background:var(--color-paper)}.btn-sm{height:32px;padding:0 var(--space-4);font-size:13px}.btn-lg{height:48px;padding:0 var(--space-8);font-size:15px;border-radius:var(--radius-lg)}.tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:12px;font-weight:500}.tag-teal{background:var(--color-teal-50);color:var(--color-teal-700)}.tag-gold{background:var(--color-gold-50);color:var(--color-gold-700)}.tag-jade{background:color-mix(in srgb,var(--color-jade) 14%,white);color:var(--color-jade)}.tag-mist{background:var(--color-paper);color:var(--color-ink-light);border:1px solid var(--color-ink-border)}.tag-vermilion{background:color-mix(in srgb,var(--color-vermilion) 14%,white);color:var(--color-vermilion)}.tag-dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.card{background:var(--color-surface);border:1px solid var(--color-ink-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color .15s ease}.card:hover{border-color:var(--color-teal-200)}.card__title{font-size:15px;font-weight:600;color:var(--color-ink);margin-bottom:var(--space-2)}.card__desc{font-size:13px;color:var(--color-ink-faint);line-height:1.6}.field{display:grid;gap:var(--space-2)}.field>span{font-size:12px;font-weight:600;color:var(--color-ink-light)}.section-card{border:1px solid var(--color-ink-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:var(--space-6)}.section-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-ink-border)}