/* NOTE v26 · Reference-matched neon glass dashboard (GPU-conscious) */
:root{--v26-blue:#248cff;--v26-cyan:#1ee6ff;--v26-teal:#00e3ce;--v26-violet:#905cff;--v26-pink:#fa65ac}
html,body{margin:0!important;max-width:100%;overflow-x:hidden!important;background:#04122b!important;color:#d5e6ff!important}
body{background:radial-gradient(ellipse 88% 56% at 50% -14%,#073875 0%,#052555 35%,#03132f 72%,#030c20 100%)!important;background-attachment:scroll!important}
body::before,body::after{display:none!important}
#app.wrap{width:100%!important;max-width:none!important;margin:0 auto!important;padding:15px 18px!important}
.app-shell{width:100%!important;max-width:1720px!important;min-height:calc(100vh - 30px)!important;margin:auto!important;display:grid!important;grid-template-columns:245px minmax(0,1fr)!important;border:1px solid rgba(58,140,255,.46)!important;border-radius:19px!important;background:linear-gradient(130deg,#041a3b,#02122d 55%,#04152f)!important;box-shadow:0 10px 30px rgba(0,2,13,.35)!important;overflow:hidden!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.glass-sidebar{position:relative!important;display:flex!important;flex-direction:column!important;padding:18px 15px 20px!important;background:linear-gradient(180deg,#061e47 0%,#031733 65%,#071c42 100%)!important;border-right:1px solid rgba(71,149,255,.25)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.side-brand{display:flex!important;align-items:center!important;gap:11px!important;padding:5px 3px 21px!important;margin:0 0 18px!important;border-bottom:1px solid rgba(94,159,255,.19)!important}
.side-brand img{width:46px!important;height:46px!important;object-fit:cover;border-radius:14px!important;box-shadow:0 0 14px rgba(24,164,255,.36)!important}
.side-brand strong{font-size:20px!important;letter-spacing:.03em!important;color:#fff!important}
.side-brand span{font-size:11px!important;color:#a6c1ed!important;letter-spacing:0!important;text-transform:none!important;font-family:inherit!important}
.side-nav{gap:8px!important;margin:0!important}
.side-link{width:100%!important;min-height:48px!important;border-radius:12px!important;padding:9px 13px!important;gap:13px!important;color:#c4dcff!important;font-size:14px!important;font-weight:600!important;background:linear-gradient(180deg,#092c61,#08214a)!important;border:1px solid rgba(59,136,252,.14)!important;box-shadow:none!important;transition:border-color .12s,background .12s!important}
.side-link span{width:31px!important;height:31px!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;font-weight:500!important;color:#93c1ff!important;background:rgba(20,84,169,.25)!important;box-shadow:none!important}
.side-link:hover{color:#fff!important;border-color:rgba(76,160,255,.48)!important;background:linear-gradient(180deg,#0e3a7d,#082b63)!important}
.side-link.active{color:#fff!important;background:linear-gradient(100deg,#076fff,#1140b5)!important;border-color:#53b0ff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 0 2px rgba(20,92,250,.18),0 0 14px rgba(0,130,255,.28)!important}
.side-link.active span{color:#fff!important;background:rgba(129,197,255,.14)!important}
.side-foot{margin-top:auto!important;min-height:54px!important;gap:10px!important;background:#08224e!important;border:1px solid rgba(62,155,255,.48)!important;border-radius:12px!important;padding:12px!important;box-shadow:none!important}
.side-foot b{color:#dbeaff!important;font-size:11px!important}.side-foot span{color:#7999c6!important;font-size:10px!important}
.side-foot small{font-size:11px!important;color:#aecbf3!important}
.vault-dot{width:10px!important;height:10px!important;background:#26f7ae!important;box-shadow:0 0 9px rgba(38,247,174,.60)!important}
.main-stage{min-width:0!important;padding:20px 19px 26px!important;background:linear-gradient(180deg,#05204c 0%,#041731 26%,#04142d 100%)!important}
#app header{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important;border-bottom:1px solid rgba(59,127,216,.29)!important;padding:0 0 17px!important;margin:0 0 14px!important}
.title-block{gap:2px!important}.eyebrow{display:none!important}
#app h1{font-size:34px!important;font-weight:780!important;letter-spacing:0!important;margin:0!important;line-height:1.3!important;color:#fff!important}
#app h1::before{content:"";display:inline-block;width:6px;height:31px;margin-right:15px;border-radius:8px;vertical-align:-4px;background:linear-gradient(#2dfaff,#258cff);box-shadow:0 0 9px #2194ff}
.title-desc{margin:1px 0 0 21px!important;color:#a6bde3!important;font-size:12px!important;line-height:1.5!important}
.count{margin-left:auto!important;padding:11px 14px!important;border:1px solid rgba(77,150,255,.38)!important;background:#071d46!important;border-radius:13px!important;gap:13px!important;color:#c6daff!important;font-size:12px!important;box-shadow:none!important;max-width:100%}
.count .sep{color:#385c94!important}.count #count{color:#e3edff!important}.count #mode{color:#00e5b0!important}.count #version{color:#bed4ff!important}
.tabbar{margin:0 0 11px!important;padding:2px 3px 6px!important;gap:7px!important;border:none!important;background:transparent!important;border-radius:0!important;min-height:35px!important}
.tab{min-height:32px!important;padding:6px 15px!important;border-radius:10px!important;color:#9fbae4!important;background:#082149!important;border:1px solid rgba(52,126,229,.26)!important;font-size:13px!important}
.tab.on{background:linear-gradient(130deg,#0c61d9,#103477)!important;color:#fff!important;border-color:rgba(65,160,255,.67)!important;box-shadow:0 0 8px rgba(38,124,255,.2)!important}
.tab-add{font-size:20px!important;color:#82baff!important;min-width:34px!important}
.glass-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:9px!important;margin:0 0 15px!important;padding:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.glass-toolbar .search{flex:1 1 275px!important;min-width:150px!important;height:47px!important;min-height:47px!important;padding:10px 15px 10px 40px!important;border-radius:10px!important;background-color:#071c40!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2395bcfa' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E")!important;background-position:13px center!important;background-size:19px!important;background-repeat:no-repeat!important;border:1px solid rgba(111,173,255,.59)!important;color:#dfeaff!important;font-size:13px!important}
.glass-toolbar .filter,.glass-toolbar #cardCols,.glass-toolbar #mgr,.glass-toolbar #sec{height:47px!important;min-width:0!important;border-radius:9px!important;padding:0 12px!important;background:#082555!important;border:1px solid rgba(65,150,255,.63)!important;color:#dceaff!important;white-space:nowrap!important;font-size:13px!important}
.glass-toolbar #mgr,.glass-toolbar #sec{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:650!important}
.glass-toolbar #mgr::before{content:"▣";margin-right:7px;color:#94ccff}
.glass-toolbar #sec::before{content:"◇";margin-right:7px;color:#94ccff}
.glass-toolbar #add{height:47px!important;border-radius:9px!important;padding:0 20px!important;white-space:nowrap!important;background:linear-gradient(100deg,#078fff 0%,#1669ff 55%,#7049ff 100%)!important;border:1px solid #7b9dff!important;color:#fff!important;font-size:14px!important;font-weight:700!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 0 12px rgba(45,111,255,.17)!important}
#list.grid{width:100%!important;max-width:100%!important;gap:13px!important;margin:0!important;display:grid!important;justify-content:stretch!important;align-items:stretch!important}
#list.grid.manual-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}
#list.grid.manual-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#list.grid.manual-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
#list.grid.manual-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#list.grid.manual-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#list.grid.manual-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
#list .card{--edge:#238dff;--glow:rgba(29,122,255,.17);box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:260px!important;padding:14px 12px 12px!important;border:1px solid var(--edge)!important;border-radius:13px!important;background:linear-gradient(158deg,#072b5c,#041c3e 62%,#041630)!important;box-shadow:inset 0 0 0 1px rgba(124,180,255,.07),0 2px 15px var(--glow)!important;contain:paint;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;transition:border-color .12s!important}
#list .card:nth-child(6n+1){--edge:#168fff;--glow:rgba(19,104,255,.24)}
#list .card:nth-child(6n+2){--edge:#00ced7;--glow:rgba(0,225,222,.17);background:linear-gradient(156deg,#053d50,#041f40 72%,#041630)!important}
#list .card:nth-child(6n+3){--edge:#9c58ff;--glow:rgba(151,78,255,.20);background:linear-gradient(156deg,#1d2a60,#0a1e46 72%,#041630)!important}
#list .card:nth-child(6n+4){--edge:#00d4d0;--glow:rgba(0,224,208,.17)}
#list .card:nth-child(6n+5){--edge:#f761ab;--glow:rgba(247,97,171,.19);background:linear-gradient(156deg,#321b58,#0b2041 72%,#041630)!important}
#list .card:nth-child(6n){--edge:#f1b333;--glow:rgba(241,179,51,.18)}
#list .card::after,#list .card::before{display:none!important}
#list .card:hover{transform:none!important;border-color:var(--edge)!important;box-shadow:inset 0 0 0 1px rgba(180,213,255,.12),0 4px 18px var(--glow)!important}
#list .card.pinned{background:linear-gradient(156deg,#133b70,#09244b 70%,#041830)!important}
.note-card-top{display:flex;align-items:center;gap:10px;margin:0 0 12px!important;min-height:33px}
.note-card-symbol{width:34px;height:34px;display:flex;flex:0 0 34px;align-items:center;justify-content:center;border-radius:10px;background:rgba(53,125,255,.18);color:var(--edge);font-size:23px;text-shadow:0 0 11px var(--glow);line-height:1}
#list .name{flex:1;min-width:0;font-size:16px!important;margin:0!important;font-weight:750!important;line-height:1.35!important;color:#f0f7ff!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#list .tag{position:static!important;flex:0 0 auto;max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0!important;padding:5px 11px!important;border-radius:22px!important;border:1px solid var(--edge)!important;background:rgba(35,119,220,.16)!important;color:var(--edge)!important;opacity:1!important;font-size:11px!important;font-weight:650!important;letter-spacing:0!important}
#list .no{position:absolute!important;bottom:10px!important;right:11px!important;top:auto!important;color:#3b5b8c!important;font-size:9px!important;opacity:.9;pointer-events:none}
#list .copy{display:flex!important;align-items:center!important;gap:7px!important;min-height:32px!important;padding:4px 8px!important;margin:0 0 6px!important;box-sizing:border-box!important;border:1px solid rgba(66,129,210,.25)!important;border-radius:8px!important;background:rgba(4,21,47,.74)!important;transition:border-color .12s!important}
#list .copy:hover{border-color:rgba(62,160,255,.65)!important}
#list .copy b{font-size:11px!important;flex:0 0 36px!important;max-width:36px!important;color:#a4bce2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:500!important;letter-spacing:0!important}
#list .copy .val{min-width:0!important;flex:1 1 auto!important;color:#dde9ff!important;font-size:12px!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important}
#list .copy .hint{color:#43a7ff!important;flex:0 0 17px!important;font-size:0!important;text-align:center}
#list .copy .hint::before{content:"▢";font-size:20px!important;line-height:1}
#list .copy .eye,#list .copy .go{font-size:11px!important;padding:1px 2px!important;border:0!important;background:none!important;color:#81baff!important;flex:0 0 auto}
#list .totp .val{font-size:15px!important;color:#2fedb9!important}
#list .totp .tleft{font-size:10px!important;color:#9ebbea!important;flex:0 0 auto}
#list .note{display:flex!important;align-items:flex-start;gap:6px!important;margin:0 0 6px!important;padding:5px 8px!important;max-height:61px!important;min-height:30px!important;overflow:auto!important;border:1px solid rgba(66,129,210,.25)!important;border-radius:8px!important;background:rgba(4,21,47,.66)!important;font-size:11px!important;line-height:1.45!important;color:#cbdcf8!important;white-space:pre-wrap!important;overflow-wrap:anywhere}
#list .note::before{content:"备注";flex:0 0 36px!important;color:#a4bce2!important;font-size:11px}
#list .actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:5px!important;margin-top:auto!important;padding:11px 0 0!important;border-top:1px solid rgba(69,132,218,.19)!important;min-width:0!important}
#list .actions button{padding:5px 6px!important;min-width:27px!important;min-height:29px!important;height:29px!important;border-radius:7px!important;font-size:11px!important;white-space:nowrap!important}
#list .actions .pinbtn,#list .actions .ghost{color:#cce0ff!important;background:linear-gradient(180deg,#123f82,#092d63)!important;border:1px solid rgba(80,147,242,.48)!important}
#list .actions .pinbtn.on{background:linear-gradient(#147cff,#0752cf)!important;border-color:#278cff!important;color:#fff!important}
#list .actions .danger{color:#ff819c!important;border:1px solid rgba(255,97,134,.40)!important;background:rgba(255,65,114,.12)!important}
#list .actions .ghost.mv{padding:5px 6px!important}
#list .actions [style*="flex:1"]{min-width:0}
.veil{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(0,8,25,.87)!important}
.modal,.gatebox{border:1px solid rgba(82,160,255,.51)!important;border-radius:18px!important;background:linear-gradient(155deg,#082955,#061a3c)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 12px 32px rgba(0,0,0,.35)!important;color:#e8f2ff!important}
#gate{background:radial-gradient(circle at 55% 35%,#0a3474,#04132e 65%,#030b1d)!important}
#toast{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0b336c!important}
#app .main-stage .title-desc{max-width:850px}
#release-veil .modal{max-width:470px}
#release-veil h2{margin-bottom:10px!important}
.release-entry{padding:12px 2px;border-bottom:1px solid rgba(100,161,255,.20)}
.release-entry b{color:#8acbff}.release-entry p{margin:5px 0 0;color:#c3d9fa;font-size:13px;line-height:1.6}
@media(max-width:1450px){
  .app-shell{grid-template-columns:220px minmax(0,1fr)!important}
  .main-stage{padding:18px 15px!important}
  #list .actions{gap:3px!important}
  #list .actions button{font-size:10px!important;padding:4px 5px!important}
}
@media(max-width:1250px){
  #list.grid.manual-cols-4,#list.grid.manual-cols-5,#list.grid.manual-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .glass-toolbar #mgr,.glass-toolbar #sec{display:none!important}
}
@media(max-width:1000px){
  .app-shell{grid-template-columns:200px minmax(0,1fr)!important}
  #list.grid.manual-cols-3,#list.grid.manual-cols-4,#list.grid.manual-cols-5,#list.grid.manual-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .count{margin-left:0!important}
}
@media(max-width:900px){
  #app.wrap{padding:0!important}
  .app-shell{width:100%!important;min-height:100vh!important;grid-template-columns:minmax(0,1fr)!important;border:0!important;border-radius:0!important}
  .glass-sidebar{display:none!important}
  .main-stage{padding:14px 12px 28px!important}
  #app header{padding-top:max(8px,env(safe-area-inset-top))!important}
  .glass-toolbar #mgr,.glass-toolbar #sec{display:inline-flex!important}
}
@media(max-width:700px){
  #app h1{font-size:29px!important}
  .title-desc{font-size:11px!important}
  .count{font-size:10px!important;padding:8px 10px!important;white-space:normal!important}
  #list.grid[class*="manual-cols-"]{grid-template-columns:minmax(0,1fr)!important}
  #list .card{min-height:228px!important;padding:13px!important}
  .glass-toolbar .search{flex:1 1 100%!important;min-width:0!important;width:100%!important}
  .glass-toolbar .filter,.glass-toolbar #cardCols{flex:1 1 calc(50% - 5px)!important;width:auto!important}
  .glass-toolbar #mgr,.glass-toolbar #sec{flex:1 1 calc(50% - 5px)!important}
  .glass-toolbar #add{flex:1 1 100%!important}
}
