@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--color-primary:#1a3a5c;--color-primary-light:#2563eb;--color-primary-soft:#dbeafe;--color-accent:#0ea5e9;--color-accent-glow:rgba(14,165,233,.15);--color-surface:#fff;--color-surface-hover:#f8fafc;--color-surface-elevated:#fff;--color-surface-glass:hsla(0,0%,100%,.72);--color-bg:#f0f4f8;--color-bg-gradient:linear-gradient(135deg,#667eea,#764ba2);--color-bg-hero:linear-gradient(135deg,#1a3a5c,#2563eb 50%,#0ea5e9);--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-text-on-primary:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);--shadow-glow:0 0 20px var(--color-accent-glow);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}a{color:var(--color-primary-light);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto}.page-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1 1;width:100%;max-width:1280px;margin:0 auto;padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column}.navbar{background:var(--color-bg-hero);padding:7px var(--space-xl) 7px 14px;min-height:64px;justify-content:space-between;gap:var(--space-md);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.navbar,.navbar__brand{display:flex;align-items:center}.navbar__brand{gap:14px;text-align:left}.navbar__logo{height:50px;max-height:50px;width:auto;object-fit:contain;display:block;flex-shrink:0}.navbar__divider{width:1.5px;height:30px;background-color:hsla(0,0%,100%,.75);border-radius:1px;flex-shrink:0}.navbar__text{display:flex;align-items:center;text-align:left}.navbar__title{color:var(--color-text-on-primary);font-size:1.18rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;white-space:nowrap}.navbar__sync{margin-left:auto;flex-shrink:0;text-align:right}.navbar__lastsync{font-size:.85rem;font-weight:400;color:#fff;text-align:right;white-space:nowrap}.profile-section{display:grid;grid-template-columns:320px 1fr;grid-gap:var(--space-xl);gap:var(--space-xl);margin-top:var(--space-xl);flex:1 1;align-items:stretch}@media (max-width:900px){.profile-section{grid-template-columns:1fr}}.profile-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:100px;background:var(--color-bg-hero);opacity:.9}.profile-card__avatar-wrapper{position:relative;z-index:1;display:flex;justify-content:center;margin-bottom:var(--space-lg)}.profile-card__avatar{width:140px;height:180px;border-radius:var(--radius-md);object-fit:cover;border:4px solid var(--color-surface);box-shadow:var(--shadow-xl);background:var(--color-bg);margin-top:20px}.profile-card__name{text-align:center;font-size:1.2rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em;margin-bottom:var(--space-xs);line-height:1.4}.profile-card__nidn{text-align:center;font-size:.85rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.profile-card__nidn span{background:var(--color-primary-soft);color:var(--color-primary-light);padding:2px 10px;border-radius:var(--radius-full);font-weight:500;font-size:.8rem}.profile-card__info{list-style:none}.profile-card__info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--color-border-light);font-size:.88rem;gap:var(--space-md)}.profile-card__info-item:last-child{border-bottom:none}.profile-card__info-label{color:var(--color-text-secondary);font-weight:500;white-space:nowrap;min-width:110px}.profile-card__info-value{color:var(--color-text);font-weight:400;text-align:right;word-break:break-word}.profile-card__link{color:var(--color-primary-light);font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.profile-card__link:hover{color:var(--color-accent);text-decoration:underline}.profile-card__info-item--block{flex-direction:column;gap:var(--space-sm)}.profile-card__info-item--block .profile-card__info-label{width:100%}.profile-card__research-list{list-style:none;padding:0;margin:0;width:100%}.profile-card__research-list li{position:relative;padding-left:16px;font-size:.85rem;color:var(--color-text);line-height:1.6}.profile-card__research-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary-light);font-weight:700}.tabs-container{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);overflow:hidden;display:flex;flex-direction:column;height:100%}.tabs{display:flex;border-bottom:2px solid var(--color-border-light)}.tabs__tab{flex:1 1;min-width:0;padding:var(--space-md) var(--space-lg);text-align:center;font-size:.9rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;position:relative;transition:color var(--transition-fast),background var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:6px}.tabs__tab:hover{color:var(--color-primary-light);background:var(--color-surface-hover)}.tabs__tab--active{color:var(--color-primary-light);font-weight:600}.tabs__tab--active:after{content:"";position:absolute;bottom:-2px;left:12px;right:12px;height:3px;background:var(--color-primary-light);border-radius:3px 3px 0 0}.tabs__icon{font-size:1.3rem}.tabs__panel{padding:var(--space-lg);animation:fadeSlideIn .35s ease;flex:1 1;display:flex;flex-direction:column;min-height:0}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.table-scroll-container{display:flex;flex-direction:column;gap:10px;width:100%;flex:1 1;min-height:0}.table-scrollbar-wrapper{display:flex;align-items:center;width:100%;padding:2px 0}.table-scrollbar-wrapper--top{margin-bottom:2px}.table-scrollbar-wrapper--bottom{margin-top:2px}.table-scrollbar-track{position:relative;width:100%;height:20px;background:#fff;border:2px solid #2563eb;border-radius:var(--radius-full);cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;box-shadow:inset 0 1px 2px rgba(37,99,235,.08)}.table-scrollbar-thumb{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#1e40af,#2563eb 50%,#1d4ed8);border-radius:var(--radius-full);cursor:-webkit-grab;cursor:grab;transition:filter var(--transition-fast)}.table-scrollbar-thumb:hover{filter:brightness(1.15)}.table-scrollbar-thumb.is-dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;background:#1e40af}.data-table-viewport{overflow-x:auto;overflow-y:auto;flex:1 1;min-height:480px;border-radius:var(--radius-md);border:1px solid var(--color-border);position:relative;background:var(--color-surface);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.data-table-viewport.is-scrollable{cursor:-webkit-grab;cursor:grab}.data-table-viewport.is-dragging,.data-table-viewport.is-dragging *{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.data-table-viewport::-webkit-scrollbar{width:8px;height:0}.data-table-viewport::-webkit-scrollbar-track{background:var(--color-surface)}.data-table-viewport::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.data-table-viewport::-webkit-scrollbar-thumb:hover{background:#94a3b8}.data-table-wrapper{overflow-x:auto;border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.data-table thead th{background:var(--color-primary);color:var(--color-text-on-primary);padding:12px 14px;text-align:left;font-weight:600;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.15)}.data-table thead th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table thead th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-accent-glow)}.data-table tbody tr:nth-child(2n){background:var(--color-surface-hover)}.data-table tbody tr:nth-child(2n):hover{background:var(--color-accent-glow)}.data-table td{padding:10px 14px;border-bottom:1px solid var(--color-border-light);vertical-align:top}.data-table .text-center{text-align:center}.data-table .text-right{text-align:right}.data-table td a{color:var(--color-primary-light);font-weight:500}.data-table td a:hover{text-decoration:underline;color:var(--color-accent)}.highlight-author{background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:1px 6px;border-radius:4px;font-weight:600}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-xl);color:var(--color-text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.4}.empty-state__text{font-size:1rem;font-weight:500}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-surface-hover) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:16px;margin-bottom:8px}.skeleton-avatar{width:140px;height:180px;border-radius:var(--radius-md);margin:20px auto var(--space-lg)}.footer{background:var(--color-primary);color:hsla(0,0%,100%,.7);text-align:center;padding:10px var(--space-xl);font-size:.8rem;flex-shrink:0}.footer strong{color:#fff}.footer__brand{color:var(--color-accent);font-weight:700}@media (min-width:901px){.page-wrapper{height:100vh;max-height:100vh;overflow:hidden}.main-content{flex:1 1;min-height:0;padding:var(--space-sm) var(--space-lg);overflow:hidden}.profile-section{flex:1 1;min-height:0;margin-top:0;margin-bottom:0;gap:var(--space-lg)}.profile-card{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.profile-card::-webkit-scrollbar{width:6px}.profile-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.tabs-container{height:100%;min-height:0}.tabs__panel{flex:1 1;min-height:0;padding:var(--space-md)}.table-scroll-container{height:100%;flex:1 1;min-height:0}.data-table-viewport{flex:1 1;min-height:0}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-2xl)}.error-page__code{font-size:5rem;font-weight:800;background:var(--color-bg-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-md)}.error-page__message{font-size:1.2rem;color:var(--color-text-secondary);max-width:400px}.badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1.4}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary-light)}.badge--accent{background:rgba(14,165,233,.12);color:var(--color-accent)}.num-col{width:40px;text-align:center;font-weight:600;color:var(--color-text-muted)}@media (max-width:640px){.navbar{padding:6px var(--space-md) 6px 10px;min-height:52px;gap:var(--space-sm)}.navbar__brand{gap:0}.navbar__logo{height:40px;max-height:40px}.navbar__divider,.navbar__text{display:none}.navbar__lastsync{font-size:.75rem;white-space:normal;line-height:1.25;max-width:170px;text-align:right}.main-content{padding:var(--space-md)}.tabs__tab{padding:var(--space-sm) var(--space-xs);font-size:.82rem;min-width:0}.tabs__icon{font-size:1.1rem}.profile-card{padding:var(--space-lg)}.profile-card__name{font-size:1.05rem}.data-table{font-size:.8rem}}