:root{--bg-light:#f8fafc;--bg-panel:#fff;--text-main:#334155;--text-muted:#64748b;--accent-blue:#0284c7;--border-color:#cbd5e1;--grid-line:#e2e8f0;--font-sans:"Inter", sans-serif;--font-mono:"Roboto Mono", monospace}*{box-sizing:border-box}body{background-color:var(--bg-light);color:var(--text-main);font-family:var(--font-sans);justify-content:center;align-items:center;height:100vh;margin:0;padding:0;line-height:1.6;display:flex;overflow-x:hidden}.grid-background{background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);z-index:-1;background-size:40px 40px;position:fixed;inset:0}a{color:var(--accent-blue);text-decoration:none;transition:all .2s}a:hover{color:#0369a1}.mono-text,.sys-label,.timeline-year,.patent-id,code{font-family:var(--font-mono);font-size:.85rem}.dossier-wrapper{width:100%;max-width:900px;padding:20px}.id-card{background:var(--bg-panel);border:1px solid var(--border-color);grid-template:"header header""nav content"1fr"footer footer"/220px 1fr;min-height:500px;display:grid;box-shadow:15px 15px #0000000a}.card-header{border-bottom:1px solid var(--border-color);background:var(--bg-light);grid-area:header;justify-content:space-between;align-items:center;padding:15px 25px;display:flex}.status-indicator{color:#10b981;margin-right:10px;font-weight:700}.panel-id{color:var(--text-muted)}.sys-controls{gap:8px;display:flex}.control-box{border:1px solid var(--border-color);background:#fff;width:12px;height:12px;display:inline-block}.card-nav{border-right:1px solid var(--border-color);background:var(--bg-light);flex-direction:column;grid-area:nav;display:flex}.tab-btn{border:none;border-bottom:1px solid var(--border-color);text-align:left;font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border-left:3px solid #0000;padding:20px;font-size:.95rem;font-weight:600;transition:all .2s}.tab-btn:hover{background:#fff}.tab-btn.active{color:var(--accent-blue);border-left-color:var(--accent-blue);background:#fff}.tab-btn .mono-text{opacity:.6;margin-right:8px}.card-content{grid-area:content;padding:40px;position:relative;overflow-y:auto}.tab-panel{animation:.3s forwards fadeIn;display:none}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.main-title{font-family:var(--font-mono);color:var(--text-main);letter-spacing:-1px;margin:0 0 5px;font-size:2.2rem;font-weight:700}.subtitle{color:var(--text-muted);margin:0 0 30px;font-size:1.1rem}.bio-text{margin-bottom:40px;font-size:1.05rem}.action-links{flex-wrap:wrap;gap:15px;display:flex}.btn-outline{border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-main);padding:8px 16px;font-size:.85rem}.btn-outline:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.section-title{font-family:var(--font-mono);color:var(--text-main);margin-bottom:25px;font-size:1.2rem}.timeline{border-left:2px solid var(--grid-line);padding-left:20px}.timeline-item{margin-bottom:25px;position:relative}.timeline-item:before{content:"";background:var(--bg-panel);border:2px solid var(--accent-blue);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-27px}.timeline-year{color:var(--accent-blue);margin-bottom:5px;font-weight:700;display:block}.timeline-item strong{color:var(--text-main);font-size:1.05rem;display:block}.timeline-detail{color:var(--text-muted);font-size:.95rem}.ongoing-list{color:var(--text-muted);margin:5px 0 0;padding-left:20px}.patent-grid{flex-direction:column;gap:20px;display:flex}.patent-card{border:1px solid var(--border-color);background:var(--bg-light);padding:20px}.patent-id{color:var(--accent-blue);margin-bottom:5px;display:block}.patent-card strong{margin-bottom:5px;font-size:1.1rem;display:block}.patent-card p{color:var(--text-muted);margin:0;font-size:.95rem}.card-footer{border-top:1px dashed var(--border-color);background:var(--bg-light);color:var(--text-muted);flex-wrap:wrap;grid-area:footer;justify-content:space-between;align-items:center;gap:10px;padding:15px 25px;display:flex}.footer-contacts code{color:var(--text-main);margin-right:15px}@media (width<=768px){body{height:auto;padding:20px 0}.id-card{grid-template-columns:1fr;grid-template-areas:"header""nav""content""footer"}.card-nav{border-right:none;border-bottom:1px solid var(--border-color);flex-direction:row;overflow-x:auto}.tab-btn{white-space:nowrap;border-bottom:3px solid #0000;border-left:none;padding:15px}.tab-btn.active{border-bottom-color:var(--accent-blue)}.card-content{padding:25px}}
