:root{color:#0f172a;font-family:PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#f7fbff,#edf4ff 35%,#e8effb);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:0;overflow-x:hidden}button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer}img{display:block;max-width:100%}.page-shell{min-height:100vh;padding:clamp(16px,3vw,40px)}.page{width:min(1440px,100%);min-height:calc(100vh - clamp(32px,6vw,80px));margin:0 auto;padding:clamp(20px,4vw,40px);border:1px solid #dce7fb;border-radius:28px;background:#ffffffc7;box-shadow:0 24px 80px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero,.toolbar,.table-card-header,.table-grid,.table-body,.cell-stack,.detail-header,.entry-section-header,.entry-card-top,.entry-grid,.entry-sections,.entry-card-headings,.field,.company-panel,.company-panel-info,.company-list,.modal-actions{display:grid}.filters,.env-selector,.toolbar-actions,.actions-cell,.detail-meta,.entry-tags,.entry-actions{display:flex;flex-wrap:wrap}.hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:24px;align-items:start}.eyebrow{margin:0 0 10px;color:#2563eb;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hero h1,.table-card-header h2,.modal-header h2,.empty-state h3{margin:0}.hero h1{font-size:clamp(30px,4vw,42px);line-height:1.08}.hero-text,.table-card-header p,.modal-header p,.empty-state p{margin:12px 0 0;color:#64748b}.hero-text{max-width:880px;font-size:15px}.hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{min-width:0;padding:14px 16px;border:1px solid #dbe7ff;border-radius:20px;background:#ffffffe0;box-shadow:0 12px 40px #2563eb14}.stat-card span{display:block;color:#64748b;font-size:12px;font-weight:700}.stat-card strong{display:block;margin-top:6px;font-size:14px;overflow-wrap:anywhere}.toolbar{grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-top:24px}.filters,.env-selector{gap:10px}.toolbar-actions{gap:12px;align-items:center;justify-content:flex-end}.counter-card{display:inline-flex;align-items:center;min-height:44px;padding:12px 16px;border:1px solid #d9e6fb;border-radius:14px;background:#fff;color:#335c99;font-weight:700}.chip,.ghost-button,.secondary-button{min-height:42px;padding:10px 16px;border:1px solid #d9e6fb;border-radius:999px;background:#fff;color:#4b6486;font-weight:700;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.chip.active{border-color:transparent;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.primary-button,.mini-primary-button{min-height:44px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:700;box-shadow:0 14px 28px #2563eb38}.primary-button{padding:12px 18px}.mini-primary-button{min-height:38px;padding:9px 14px;border-radius:12px;font-size:12px}.primary-button:disabled,.mini-primary-button:disabled{opacity:.65;cursor:not-allowed}.table-card{margin-top:24px;padding:20px;border:1px solid #dce7fb;border-radius:26px;background:#ffffffeb;box-shadow:0 18px 50px #0f172a14}.table-card-header{grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:18px}.table-card-header h2{font-size:20px}.table-tip{color:#64748b;font-size:13px;font-weight:700}.table-grid{grid-template-columns:minmax(88px,.9fr) minmax(120px,1.2fr) minmax(110px,1fr) minmax(180px,1.7fr) minmax(132px,1.15fr) minmax(78px,.82fr) minmax(220px,1.65fr)}.table-head{padding:0 4px;border-radius:16px;background:#eff5ff;color:#335c99;font-size:13px;font-weight:800}.table-head>div,.cell{min-width:0;padding:15px 14px}.cell{position:relative;color:#334155;font-size:14px}.cell:before{display:none;margin-bottom:6px;color:#64748b;font-size:12px;font-weight:700;content:attr(data-label)}.cell-stack{gap:4px}.cell-stack small{color:#64748b;font-size:12px}.table-body{gap:12px;margin-top:12px}.table-row{align-items:center;border:1px solid #e5eefb;border-radius:16px;background:#fff;box-shadow:0 10px 28px #0f172a0a}.table-row:nth-child(2n){background:#f8fbffe0}.cell.strong{color:#0f172a;font-weight:800}.token-cell{overflow:hidden;color:#2563eb;font-family:JetBrains Mono,Cascadia Code,monospace;text-overflow:ellipsis;white-space:nowrap}.actions-cell{gap:8px;align-items:center;justify-content:flex-start}.ghost-button{padding:9px 12px;border-radius:12px;background:#eef4ff;color:#335c99;font-size:12px}.env-tag{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800}.env-tag.dev{background:#dbeafe;color:#1d4ed8}.env-tag.test{background:#fef3c7;color:#b45309}.env-tag.pre{background:#ede9fe;color:#6d28d9}.env-tag.prod{background:#dcfce7;color:#15803d}.empty-state{padding:72px 24px;border:1px dashed #cddcf8;border-radius:20px;text-align:center}.modal-backdrop,.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px}.modal-backdrop{background:#0f172a2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;opacity:0;animation:backdrop-fade-in .26s ease forwards;overflow-y:auto}.detail-backdrop{background:#0f172a3d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:70;overflow-y:auto}.detail-panel{width:min(1160px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:28px;border:1px solid rgba(220,231,251,.9);border-radius:30px;background:linear-gradient(180deg,#fffffffa,#f4f8fff5);box-shadow:0 32px 100px #0f172a33}.detail-header{grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}.detail-subtitle{margin:12px 0 0;color:#64748b}.detail-meta{gap:12px;margin-top:18px}.detail-meta span,.entry-tags span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid #d8e5fb;border-radius:999px;background:#f8fbff;color:#4b6486;font-size:12px;font-weight:700}.entry-sections{gap:22px;margin-top:24px}.entry-section{padding:20px;border:1px solid #dce7fb;border-radius:24px;background:#ffffffd1}.entry-section-header{grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:16px}.entry-section-header h3,.entry-empty-state h3{margin:0}.entry-section-header span{color:#64748b;font-size:13px;font-weight:700}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.entry-card{padding:16px;border:1px solid #dfe9fb;border-radius:20px;background:#fff;box-shadow:0 10px 26px #0f172a0f}.entry-card-top{grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.entry-icon{width:52px;height:52px;border-radius:16px;object-fit:cover;background:#eef4ff}.entry-icon-placeholder{display:grid;place-items:center;color:#1d4ed8;font-size:20px;font-weight:800}.entry-card-headings{gap:6px}.entry-card-headings strong{color:#0f172a;font-size:16px}.entry-card-headings span,.entry-empty-state p{color:#64748b;font-size:13px}.entry-tags{gap:8px;margin-top:14px}.entry-url{margin:14px 0 0;color:#2563eb;font-family:JetBrains Mono,Cascadia Code,monospace;font-size:12px;line-height:1.6;word-break:break-all}.entry-actions{gap:10px;margin-top:14px}.entry-empty-state{padding:32px 18px;border:1px dashed #cddcf8;border-radius:18px;text-align:center}.modal-backdrop:before,.modal-backdrop:after{position:absolute;border-radius:999px;content:"";filter:blur(24px);pointer-events:none}.modal-backdrop:before{top:12%;left:18%;width:280px;height:280px;background:radial-gradient(circle,rgba(37,99,235,.22),transparent 70%);animation:orb-drift-left 7s ease-in-out infinite alternate}.modal-backdrop:after{right:14%;bottom:10%;width:360px;height:360px;background:radial-gradient(circle,rgba(59,130,246,.18),transparent 72%);animation:orb-drift-right 8s ease-in-out infinite alternate}.modal{position:relative;z-index:41;width:min(540px,100%);padding:28px;border-radius:28px;background:linear-gradient(180deg,#fffffffa,#f4f8fff0);box-shadow:0 32px 100px #0f172a3d,0 0 0 1px #ffffffbf inset,0 1px #ffffffe6 inset;opacity:0;transform:translateY(36px) scale(.9) rotateX(-12deg);transform-origin:center top;animation:modal-swoop-in .5s cubic-bezier(.16,1,.3,1) forwards}.modal:before{position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:27px;background:linear-gradient(115deg,#fffc,#ffffff24 28%,#ffffff80,#ffffff14 68%,#ffffffb8);opacity:.75;content:"";pointer-events:none;mix-blend-mode:screen}.modal:after{position:absolute;top:-120%;left:-35%;width:40%;height:320%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.7) 48%,rgba(255,255,255,.08) 66%,transparent 100%);transform:rotate(18deg);opacity:0;content:"";pointer-events:none}.modal-backdrop.is-leaving{animation:backdrop-fade-out .24s ease forwards}.modal.is-leaving{animation:modal-swoop-out .28s cubic-bezier(.4,0,1,1) forwards}.modal.is-visible:after{animation:modal-shine 1.05s ease .16s 1 forwards}.modal-header{margin-bottom:18px}.field{gap:8px;margin-top:14px}.field span{color:#334155;font-size:13px;font-weight:800}.field input{width:100%;padding:16px 18px;border:1px solid #d9e6fb;border-radius:16px;outline:0;background:#f8fbff;transition:border-color .2s ease,box-shadow .2s ease}.field input:focus{border-color:#7da9ff;box-shadow:0 0 0 4px #2563eb1a}.modal-tip{margin-top:18px;padding:14px 16px;border:1px solid #e3ecfa;border-radius:16px;background:#f8fbff;color:#64748b;font-size:13px}.company-panel{gap:14px}.company-panel-info{gap:4px;padding:14px 16px;border:1px solid #dbe7ff;border-radius:16px;background:#f8fbff}.company-panel-info span{color:#64748b;font-size:12px;font-weight:700}.company-panel-info strong{font-size:18px}.company-list{gap:12px;max-height:320px;overflow:auto}.company-card{display:grid;gap:4px;padding:16px;border:1px solid #d9e6fb;border-radius:18px;background:#fff;color:#334155;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.company-card strong{color:#0f172a;font-size:15px}.company-card span{color:#64748b;font-size:12px}.company-card.active{border-color:#2563eb;box-shadow:0 12px 32px #2563eb1f;transform:translateY(-1px)}.modal-actions{grid-template-columns:1fr auto;gap:12px;margin-top:18px;align-items:center}.secondary-button{justify-self:start}.toast{position:fixed;top:24px;right:24px;z-index:60;max-width:min(420px,calc(100vw - 32px));padding:14px 18px;border-radius:14px;background:#0f172ae0;color:#fff;font-size:14px;font-weight:700;box-shadow:0 16px 40px #0f172a38}@media(max-width:1200px){.hero,.toolbar,.table-card-header{grid-template-columns:1fr}.toolbar-actions{justify-content:flex-start}.detail-header,.entry-grid{grid-template-columns:1fr}}@media(max-width:900px){.page{border-radius:24px}.table-card,.detail-panel,.entry-section,.modal{padding:18px}.table-card-header,.entry-section-header,.modal-actions{grid-template-columns:1fr}.table-head{display:none}.table-body{margin-top:0}.table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:18px}.table-row .cell{padding:0}.table-row .cell:before{display:block}.table-row .token-cell,.table-row .actions-cell{grid-column:1 / -1}.table-row .token-cell{overflow:visible;text-overflow:initial;white-space:normal;overflow-wrap:anywhere}.detail-panel{max-height:calc(100vh - 32px)}.detail-meta{gap:10px}.entry-actions,.actions-cell{align-items:stretch}.modal-actions .primary-button,.modal-actions .secondary-button{width:100%}.secondary-button{justify-self:stretch}}@media(max-width:640px){.page-shell,.modal-backdrop,.detail-backdrop{padding:12px}.page{min-height:calc(100vh - 24px);padding:18px 16px 20px;border-radius:22px}.hero{gap:18px}.hero-stats,.table-row{grid-template-columns:1fr}.filters .chip,.env-selector .chip{flex:1 1 calc(50% - 10px);min-width:0}.toolbar-actions,.entry-actions,.actions-cell{flex-direction:column}.toolbar-actions>*,.entry-actions>*,.actions-cell>*{width:100%}.detail-meta span,.entry-tags span{width:100%;justify-content:flex-start}.entry-card-top{grid-template-columns:1fr}.modal{padding:18px 16px;border-radius:22px}.modal:after,.modal-backdrop:before,.modal-backdrop:after{display:none}.toast{top:auto;right:12px;bottom:12px;left:12px;max-width:none}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-swoop-in{0%{opacity:0;transform:translateY(36px) scale(.9) rotateX(-12deg)}45%{opacity:1;transform:translateY(-14px) scale(1.03) rotateX(2deg)}72%{opacity:1;transform:translateY(4px) scale(.995) rotateX(0)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes modal-swoop-out{0%{opacity:1;transform:translateY(0) scale(1) rotateX(0)}to{opacity:0;transform:translateY(26px) scale(.92) rotateX(8deg)}}@keyframes modal-shine{0%{opacity:0;left:-35%}18%{opacity:.9}to{opacity:0;left:120%}}@keyframes orb-drift-left{0%{transform:translate3d(-18px,-12px,0) scale(.96)}to{transform:translate3d(26px,18px,0) scale(1.08)}}@keyframes orb-drift-right{0%{transform:translate3d(22px,16px,0) scale(1)}to{transform:translate3d(-18px,-20px,0) scale(1.1)}}