/* CP Crypto Market v1.1.27 — premium animated responsive passbook */
.passbook-page{position:relative;isolation:isolate;padding-bottom:18px!important}
.passbook-page:before,.passbook-page:after{content:"";position:absolute;z-index:-2;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.22}
.passbook-page:before{width:360px;height:360px;right:-130px;top:30px;background:#633cff;animation:pb27-orb-one 11s ease-in-out infinite}
.passbook-page:after{width:300px;height:300px;left:-150px;bottom:80px;background:#00d9ff;animation:pb27-orb-two 13s ease-in-out infinite}
.passbook-page .section-title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px!important;margin:0 0 18px!important;border:1px solid rgba(93,145,255,.22)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(7,23,52,.96),rgba(10,17,43,.88) 55%,rgba(30,15,74,.82))!important;box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)!important;overflow:hidden}
.passbook-page .section-title:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.035) 42%,transparent 58%);transform:translateX(-120%);animation:pb27-sheen 7s ease-in-out infinite;pointer-events:none}
.passbook-page .section-title>div:first-child{min-width:0}
.passbook-page .section-title .pill{display:inline-flex!important;align-items:center;gap:7px;padding:7px 11px!important;border:1px solid rgba(91,136,255,.5)!important;border-radius:999px!important;background:rgba(47,86,188,.18)!important;color:#8db7ff!important;font-size:10px!important;font-weight:900!important;letter-spacing:1.2px!important;box-shadow:0 0 22px rgba(58,113,255,.12)!important}
.passbook-page .section-title h1{margin:12px 0 6px!important;font-size:clamp(28px,3vw,42px)!important;line-height:1!important;font-weight:900!important;letter-spacing:-1px!important;color:#f7fbff!important}
.passbook-page .section-title p{margin:0!important;max-width:760px!important;color:#91a9cf!important;font-size:13px!important;line-height:1.65!important}
.passbook-user{position:relative;z-index:2;min-width:235px!important;padding:13px 15px!important;border:1px solid rgba(82,141,255,.24)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(9,27,60,.85),rgba(6,15,34,.72))!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important;backdrop-filter:blur(10px)!important}
.passbook-user>span{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(135deg,#ffe05b,#ff9e1c)!important;color:#10172a!important;box-shadow:0 0 22px rgba(255,196,28,.24)!important;animation:pb27-avatar 3.5s ease-in-out infinite!important}
.passbook-user small{color:#7793be!important;font-size:10px!important;letter-spacing:.5px!important}.passbook-user b{color:#f5f8ff!important;font-size:13px!important}
.passbook-stats{position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;margin:0 0 18px!important}
.passbook-stats .stat-card{position:relative;min-height:130px;padding:22px!important;border:1px solid rgba(83,132,228,.22)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(9,25,56,.94),rgba(7,16,37,.92))!important;box-shadow:0 15px 35px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;animation:pb27-card-in .65s both}
.passbook-stats .stat-card:nth-child(2){animation-delay:.08s}.passbook-stats .stat-card:nth-child(3){animation-delay:.16s}.passbook-stats .stat-card:nth-child(4){animation-delay:.24s}
.passbook-stats .stat-card:before{content:"";position:absolute;right:-35px;top:-45px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(0,217,255,.18),transparent 68%);animation:pb27-float 6s ease-in-out infinite}
.passbook-stats .stat-card:nth-child(2):before{background:radial-gradient(circle,rgba(255,91,119,.16),transparent 68%)}.passbook-stats .stat-card:nth-child(3):before{background:radial-gradient(circle,rgba(255,197,28,.15),transparent 68%)}.passbook-stats .stat-card:nth-child(4):before{background:radial-gradient(circle,rgba(122,88,255,.18),transparent 68%)}
.passbook-stats .stat-card:hover{transform:translateY(-5px);border-color:rgba(72,159,255,.45)!important;box-shadow:0 20px 45px rgba(0,0,0,.24),0 0 30px rgba(44,115,255,.08)!important}
.passbook-stats .stat-card small{position:relative;z-index:1;color:#829bc3!important;font-size:11px!important;font-weight:700!important;letter-spacing:.5px!important}.passbook-stats .stat-card strong{position:relative;z-index:1;display:block;margin:8px 0 3px!important;font-size:26px!important;line-height:1.05!important;font-weight:900!important;color:#f5f8ff!important}.passbook-stats .stat-card span{position:relative;z-index:1;color:#7289ad!important;font-size:10px!important}.passbook-stats .positive{color:#18eca0!important;text-shadow:0 0 18px rgba(24,236,160,.16)}.passbook-stats .negative{color:#ff647e!important;text-shadow:0 0 18px rgba(255,100,126,.14)}
.passbook-filter{position:relative!important;margin:0 0 18px!important;padding:20px!important;border:1px solid rgba(83,132,228,.23)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(8,25,57,.94),rgba(6,16,37,.93))!important;box-shadow:0 18px 42px rgba(0,0,0,.17)!important;overflow:hidden!important}
.passbook-filter:before{content:"";position:absolute;left:-20%;top:0;width:45%;height:1px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);animation:pb27-filter-line 6s linear infinite;opacity:.85}
.passbook-filter form{position:relative;display:grid!important;grid-template-columns:1.05fr 1fr 1.15fr 1fr 1fr auto auto!important;gap:11px!important;align-items:end!important}
.passbook-filter form>div{min-width:0}.passbook-filter label{display:flex!important;align-items:center;gap:6px;margin:0 0 7px!important;color:#87a0c7!important;font-size:10px!important;font-weight:800!important;letter-spacing:.5px!important;text-transform:uppercase!important}.passbook-filter label:before{content:"";width:4px;height:4px;border-radius:50%;background:#00d9ff;box-shadow:0 0 8px rgba(0,217,255,.6)}
.passbook-filter input,.passbook-filter select{height:44px!important;width:100%!important;box-sizing:border-box!important;border:1px solid rgba(82,135,226,.25)!important;border-radius:11px!important;background:rgba(4,14,32,.9)!important;color:#eaf2ff!important;padding:0 12px!important;outline:none!important;font:600 12px Inter,system-ui,sans-serif!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}.passbook-filter input::placeholder{color:#5e769c!important}.passbook-filter input:focus,.passbook-filter select:focus{border-color:#ffc51c!important;box-shadow:0 0 0 3px rgba(255,197,28,.08),0 0 22px rgba(255,197,28,.07)!important;transform:translateY(-1px)}
.passbook-filter .btn{height:44px!important;min-width:112px!important;border-radius:11px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important;transition:transform .22s ease,box-shadow .22s ease!important}.passbook-filter .btn:hover{transform:translateY(-2px)!important}.passbook-filter .btn.yellow{background:linear-gradient(135deg,#ffc51c,#ffdf58)!important;color:#10182a!important;box-shadow:0 10px 25px rgba(255,197,28,.16)!important}.passbook-filter .btn.ghost{border:1px solid rgba(81,133,226,.28)!important;background:rgba(11,27,57,.72)!important;color:#dce9ff!important}
.passbook-card{position:relative!important;margin:0!important;padding:0!important;border:1px solid rgba(83,132,228,.23)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(7,23,52,.97),rgba(6,15,34,.96))!important;box-shadow:0 22px 55px rgba(0,0,0,.2)!important;overflow:hidden!important}
.passbook-card>.section-title{margin:0!important;padding:22px 22px 18px!important;border:0!important;border-bottom:1px solid rgba(83,132,228,.15)!important;border-radius:0!important;background:linear-gradient(90deg,rgba(9,30,66,.72),rgba(12,20,49,.36))!important;box-shadow:none!important}.passbook-card>.section-title:after{display:none}.passbook-card>.section-title h2{margin:10px 0 0!important;font-size:20px!important;color:#f6f9ff!important}.passbook-note{font-size:11px!important;color:#7891b7!important;display:flex!important;align-items:center!important;gap:7px!important}.passbook-note i{color:#6d8fc5!important}
.table-wrap{position:relative!important;overflow:auto!important;scrollbar-width:thin!important;scrollbar-color:#31558e transparent!important}.passbook-table{width:100%!important;min-width:980px!important;border-collapse:separate!important;border-spacing:0!important}.passbook-table thead th{position:sticky!important;top:0!important;z-index:2!important;padding:13px 14px!important;background:rgba(7,20,44,.98)!important;border-bottom:1px solid rgba(83,132,228,.18)!important;color:#7f9ac3!important;font-size:9px!important;font-weight:900!important;letter-spacing:.65px!important;text-transform:uppercase!important;white-space:nowrap!important}.passbook-table tbody td{padding:15px 14px!important;border-bottom:1px solid rgba(83,132,228,.10)!important;color:#dbe8ff!important;font-size:11px!important;background:rgba(5,14,31,.2)!important;vertical-align:middle!important}.passbook-table tbody tr{transition:transform .22s ease,background .22s ease!important}.passbook-table tbody tr:not(:has(.empty-row)):hover{background:rgba(23,62,121,.18)!important;transform:translateX(3px)}.passbook-table tbody tr:not(:has(.empty-row)):hover td{background:rgba(16,48,94,.13)!important}.passbook-table td b{font-weight:800!important;color:#edf4ff!important}.passbook-table small{display:block!important;margin-top:4px!important;color:#657fa8!important;font-size:9px!important;line-height:1.35!important}.asset-chip{display:inline-flex!important;align-items:center!important;padding:6px 9px!important;border-radius:8px!important;background:linear-gradient(135deg,rgba(255,207,64,.13),rgba(255,158,25,.06))!important;border:1px solid rgba(255,207,64,.23)!important;color:#ffd84d!important;font-weight:900!important}.direction{display:inline-flex!important;padding:6px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;letter-spacing:.3px!important}.direction.credit{color:#18eca0!important;background:rgba(24,236,160,.08)!important;border:1px solid rgba(24,236,160,.14)!important}.direction.debit{color:#ff647e!important;background:rgba(255,100,126,.08)!important;border:1px solid rgba(255,100,126,.14)!important}.status-badge{display:inline-flex!important;padding:6px 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:900!important;background:rgba(104,137,187,.10)!important;color:#9bb1d2!important;border:1px solid rgba(104,137,187,.16)!important}.status-filled,.status-completed,.status-success{color:#18eca0!important;background:rgba(24,236,160,.08)!important;border-color:rgba(24,236,160,.14)!important}.empty-row{padding:70px 20px!important;text-align:center!important;color:#7189ad!important;font-size:12px!important;background:radial-gradient(circle at 50% 35%,rgba(57,107,196,.12),transparent 38%)!important}.empty-row:before{content:"\\f328";display:block;margin:0 auto 12px;font-family:"Font Awesome 6 Free";font-weight:900;font-size:32px;color:#5f83bd;opacity:.65}
@media(max-width:1200px){.passbook-filter form{grid-template-columns:repeat(4,minmax(0,1fr))!important}.passbook-filter form>.btn{width:100%!important}.passbook-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.passbook-user{min-width:205px!important}}
@media(max-width:780px){.passbook-page .section-title{align-items:flex-start!important;flex-direction:column!important;padding:20px!important}.passbook-user{width:100%!important;min-width:0!important}.passbook-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.passbook-filter{padding:15px!important}.passbook-filter form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.passbook-filter form>.btn{width:100%!important}.passbook-card>.section-title{padding:18px!important}.passbook-note{display:none!important}}
@media(max-width:520px){.passbook-page .section-title h1{font-size:30px!important}.passbook-page .section-title p{font-size:12px!important}.passbook-stats{grid-template-columns:1fr!important}.passbook-stats .stat-card{min-height:112px;padding:18px!important}.passbook-stats .stat-card strong{font-size:23px!important}.passbook-filter form{grid-template-columns:1fr!important}.passbook-filter .btn{width:100%!important}.passbook-table{min-width:0!important}.passbook-table thead{display:none!important}.passbook-table,.passbook-table tbody,.passbook-table tr,.passbook-table td{display:block!important;width:100%!important;box-sizing:border-box!important}.passbook-table tbody{padding:10px!important}.passbook-table tbody tr{margin:0 0 12px!important;padding:7px 0!important;border:1px solid rgba(83,132,228,.15)!important;border-radius:14px!important;background:rgba(8,22,48,.72)!important;overflow:hidden!important;transform:none!important}.passbook-table tbody tr:not(:has(.empty-row)):hover{transform:translateY(-2px)!important}.passbook-table tbody td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 12px!important;border-bottom:1px solid rgba(83,132,228,.08)!important;text-align:right!important}.passbook-table tbody td:last-child{border-bottom:0!important}.passbook-table tbody td:before{content:"";flex:0 0 auto;color:#718bb3!important;font-size:9px!important;font-weight:900!important;letter-spacing:.5px!important;text-transform:uppercase!important;text-align:left!important}.passbook-table tbody td:nth-child(1):before{content:"Date / Time"}.passbook-table tbody td:nth-child(2):before{content:"Transaction"}.passbook-table tbody td:nth-child(3):before{content:"Asset"}.passbook-table tbody td:nth-child(4):before{content:"Quantity"}.passbook-table tbody td:nth-child(5):before{content:"Amount"}.passbook-table tbody td:nth-child(6):before{content:"Fee"}.passbook-table tbody td:nth-child(7):before{content:"Direction"}.passbook-table tbody td:nth-child(8):before{content:"Status"}.passbook-table tbody td:nth-child(9):before{content:"Reference"}.passbook-table .empty-row{display:block!important;padding:55px 15px!important;text-align:center!important}.passbook-table .empty-row:before{content:"\\f328";display:block!important;margin:0 auto 10px!important}.passbook-table tbody tr:has(.empty-row){border:0!important;background:transparent!important}.passbook-table tbody tr:has(.empty-row) td{display:block!important;text-align:center!important;border:0!important}.passbook-table tbody tr:has(.empty-row) td:before{display:none!important}}
@keyframes pb27-card-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes pb27-orb-one{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-70px,35px,0) scale(1.18)}}
@keyframes pb27-orb-two{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(80px,-30px,0) scale(1.2)}}
@keyframes pb27-sheen{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
@keyframes pb27-avatar{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(3deg)}}
@keyframes pb27-float{0%,100%{transform:translate(0,0)}50%{transform:translate(-15px,13px)}}
@keyframes pb27-filter-line{0%{left:-45%}100%{left:110%}}
@media(prefers-reduced-motion:reduce){.passbook-page:before,.passbook-page:after,.passbook-page .section-title:after,.passbook-user>span,.passbook-stats .stat-card,.passbook-stats .stat-card:before,.passbook-filter:before{animation:none!important}.passbook-stats .stat-card,.passbook-table tbody tr{transition:none!important}}
