*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:#f5f8ff;background:#02092a}body{min-height:100vh;background:radial-gradient(circle at 76% 5%,#1747ff55,transparent 28%),radial-gradient(circle at 65% 105%,#8b22ff30,transparent 35%),linear-gradient(135deg,#020a2c 0%,#041b4b 52%,#020a27 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,#3a8cff22 0 1px,transparent 2px),radial-gradient(circle at 70% 35%,#fff2 0 1px,transparent 2px);background-size:180px 180px,240px 240px;opacity:.45;z-index:-1}aside{position:fixed;left:0;top:0;bottom:0;width:194px;padding:17px 10px;background:linear-gradient(180deg,#03104a 0%,#041e58 55%,#082b80 100%);border-right:1px solid #2360d9;box-shadow:14px 0 45px #0008;z-index:50}.brand{padding:0 14px 25px;line-height:1}.brand strong{display:block;color:#fff;font-size:23px;font-style:italic;letter-spacing:.3px;text-shadow:0 0 18px #178bff88}.brand span{display:block;color:#36caff;font-size:13px;font-weight:900;letter-spacing:2px;margin-top:3px}.brand small{display:block;color:#d8e7ff;font-size:8px;letter-spacing:1.5px;margin-top:4px}.brand+nav a,.logout{display:flex;align-items:center;gap:12px;color:#f5f8ff;text-decoration:none;padding:13px 12px;border-radius:10px;margin:4px 0;font-size:14px;font-weight:700}.brand+nav a:first-child,.brand+nav a:hover,.logout:hover{background:linear-gradient(90deg,#1765f5,#1244bf);box-shadow:0 9px 22px #001b5e55}.brand+nav a span,.logout span{flex:1}.logout{position:absolute;left:10px;right:10px;bottom:18px}.logout:hover{background:#0b56cf}main{margin-left:194px;min-height:100vh;padding:0 20px 34px;max-width:1540px}.top-header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #15366e55}.header-actions{display:flex;align-items:center;gap:18px;margin-left:auto}.bell{position:relative;font-size:24px;color:#fff}.bell i{position:absolute;top:-6px;right:-8px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#ff3357;font-size:10px;font-style:normal}.user-pill{display:flex;align-items:center;gap:10px;min-width:205px;padding:7px 10px;border-radius:17px;background:#071b52aa;border:1px solid #214a98}.user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#2468ff;font-size:16px}.user-pill b{display:block;font-size:11px}.user-pill small{display:block;color:#9ebbf1;font-size:10px;margin-top:2px}.page-head{display:flex;align-items:end;justify-content:space-between;padding:22px 0 18px}.eyebrow{font-size:10px;color:#56c9ff;letter-spacing:2px;font-weight:900}.page-head h1{margin:3px 0 0;font-size:32px;line-height:1.05}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{height:126px;border-radius:15px;padding:17px;display:flex;align-items:flex-start;gap:12px;position:relative;overflow:hidden;border:1px solid #ffffff22;box-shadow:0 15px 34px #0005}.metric:after{content:"";position:absolute;right:-30px;top:-48px;width:125px;height:125px;border-radius:50%;background:#fff1}.metric-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:23px;background:#ffffff25;z-index:1}.metric small{display:block;color:#dbeaff;font-size:12px}.metric strong{display:block;font-size:24px;margin-top:5px;z-index:1}.metric em{display:block;font-style:normal;color:#d0e0fa;font-size:11px;margin-top:5px}.metric a{position:absolute;bottom:12px;right:11px;color:#fff;text-decoration:none;background:#0f70ef;padding:8px 11px;border-radius:8px;font-size:11px;font-weight:800;z-index:2}.metric.wallet{background:linear-gradient(135deg,#0871f0,#063aa7)}.metric.green{background:linear-gradient(135deg,#00a17f,#05614f)}.metric.purple{background:linear-gradient(135deg,#7925e7,#4813a8)}.metric.orange{background:linear-gradient(135deg,#f06a25,#a52a0d)}.dashboard-columns{display:grid;grid-template-columns:1.06fr .94fr;gap:12px}.panel{background:linear-gradient(180deg,#041a48ee,#03153be8);border:1px solid #1e4d9b;border-radius:16px;padding:15px;margin-top:12px;box-shadow:0 14px 35px #0006}.panel h2{margin:0;font-size:19px;color:#fff}.panel-subtitle{display:block;color:#87a9dc;font-size:10px;margin-top:4px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head a{color:#6acfff;text-decoration:none;font-size:12px}.select-chip{border:1px solid #315d9f;background:#071e4e;padding:7px 11px;border-radius:8px;color:#c4dcff;font-size:11px}.chart-area{height:250px;position:relative;padding-left:42px}.chart-y{position:absolute;left:0;top:15px;bottom:29px;display:flex;flex-direction:column;justify-content:space-between;color:#8ca8d7;font-size:9px}.area-chart{position:absolute;left:42px;right:0;top:8px;width:calc(100% - 42px);height:210px}.chart-grid line{stroke:#2b589322;stroke-width:1}.chart-fill{fill:url(#chartFill)}.chart-line{fill:none;stroke:#b44cff;stroke-width:4;filter:drop-shadow(0 0 7px #813dff)}.chart-x{position:absolute;left:42px;right:0;bottom:0;display:flex;justify-content:space-between;color:#7898c9;font-size:9px}.recent-panel{min-width:0}.recent-table{display:grid;gap:5px}.recent-head,.recent-row{display:grid;grid-template-columns:24px 1.1fr .9fr .7fr .7fr;gap:7px;align-items:center;padding:8px 7px;border-bottom:1px solid #153a73}.recent-head{color:#88a8d8;font-size:9px}.recent-row{font-size:10px}.recent-row strong{font-size:11px}.status{padding:5px 8px;border-radius:7px;background:#0cc86b;color:#fff;font-size:9px;font-weight:900;display:inline-block;text-align:center}.pending,.processing,.recovered,.expired{background:#e4a400}.failed,.reversed,.error{background:#ef3c58}.esukli,.esukli_refunded{background:#8c3dff}.online{background:#0bc96b}.offline{background:#ef3c58}.empty{padding:25px;text-align:center;color:#8ca9d8;font-size:12px}.table-wrap{overflow:auto;border-radius:11px}table{border-collapse:collapse;width:100%;min-width:920px;background:#061a46}th,td{padding:10px;border-bottom:1px solid #18386f;text-align:left;white-space:nowrap}th{background:#08275e;color:#c5defe;font-size:10px}td{font-size:11px}.devices-panel .button{margin-left:auto}.button,.small-button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 15px;background:linear-gradient(180deg,#168cff,#075de8);color:#fff;text-decoration:none;font-weight:800;cursor:pointer;box-shadow:0 8px 18px #005cff35}.small-button{padding:7px 10px;font-size:10px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-card{display:block;color:#fff;text-decoration:none;padding:14px;border-radius:12px;border:1px solid #28518f;background:#061e4f}.quick-card b{display:block;font-size:13px}.quick-card span{display:block;color:#9fbee9;font-size:10px;margin-top:5px}.wallet-card{background:linear-gradient(135deg,#007e69,#073c4b)}.device-card{background:linear-gradient(135deg,#075de6,#1735a7)}.tx-card{background:linear-gradient(135deg,#7020d9,#42129d)}.rate-card{background:linear-gradient(135deg,#e95b1d,#9f290e)}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary-grid>div{padding:14px;border-radius:11px;background:#061e4f;border:1px solid #234784}.summary-grid b{display:block;color:#9db9e7;font-size:11px}.summary-grid strong{display:block;margin-top:6px;font-size:19px}.notice{padding:12px;border-radius:10px;background:#09285c;border:1px solid #28539a}.notice.error{background:#4d1628;color:#ffdce4}.add-device,.transfer-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:15px 0}.add-device input,.transfer-form input,.transfer-form select,input{padding:12px;border-radius:10px;border:1px solid #345b9f;background:#071d4b;color:#fff;width:100%;font:inherit}input::placeholder{color:#7898c8}.topup-page{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 0,#0b55d944,transparent 35%),linear-gradient(135deg,#020a28,#041b49 55%,#020a27)}.topup-shell{width:min(720px,96vw);background:linear-gradient(180deg,#fff,#eef6ff);color:#09204e;border-radius:24px;padding:28px;box-shadow:0 25px 80px #0008;text-align:center}.topup-brand{font-weight:900;letter-spacing:1.5px;color:#075be8;font-size:13px}.topup-shell h1{margin:8px 0;color:#061c50}.topup-amount{font-size:44px;font-weight:950;color:#075be8}.topup-qr{display:grid;place-items:center;margin:18px auto}.topup-qr #qrcode{background:#fff;padding:14px;border-radius:18px;box-shadow:0 10px 35px #0002;width:max-content;max-width:100%}.topup-status{margin:14px auto;padding:13px;border-radius:12px;background:#eaf3ff;color:#153b72}.topup-timer{font-size:18px;font-weight:900}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login-shell{width:min(1180px,96vw);display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center}.login-brand{padding:18px 8px}.mini-brand{margin-bottom:52px;line-height:1}.mini-brand strong{display:block;font-size:29px;font-style:italic;color:#fff;text-shadow:0 0 15px #188aff88}.mini-brand span{display:block;color:#4ccaff;letter-spacing:3px;font-size:14px;font-weight:900;margin-top:4px}.mini-brand small{display:block;color:#c9ddff;font-size:9px;letter-spacing:2px;margin-top:5px}.login-brand h1{font-size:47px;line-height:1.03;margin:10px 0;color:#fff}.login-brand h1 span{color:#40c8ff}.login-brand>p{max-width:590px;color:#b6cdf3;font-size:16px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:28px}.feature-grid div{min-height:116px;padding:14px 10px;text-align:center;border:1px solid #2a59a4;background:#061a46aa;border-radius:13px;box-shadow:0 8px 25px #0003}.feature-grid b{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 9px;border-radius:12px;background:linear-gradient(135deg,#7024e8,#075de8);font-size:21px}.feature-grid strong{display:block;font-size:11px}.feature-grid small{display:block;color:#8eacd9;margin-top:5px;font-size:9px}.login-card{background:linear-gradient(180deg,#071e55f7,#03143df5);border:1px solid #3d73d0;padding:30px;border-radius:24px;width:100%;display:grid;gap:11px;box-shadow:0 20px 70px #0009}.login-card h2{margin:0;font-size:28px;color:#fff;text-align:center}.login-help{color:#a6c2ee;font-size:13px;text-align:center;margin:0 0 5px}.login-card label{font-weight:700;color:#cfe5ff;font-size:12px}.login-lock{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:linear-gradient(135deg,#19b8ff,#075be8);box-shadow:0 0 30px #0b78ff88;font-size:22px}.input-wrap{height:54px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #3671c6;border-radius:11px;background:#041b4b}.input-wrap span{color:#83cfff}.input-wrap input{border:0;background:transparent;padding:0;outline:0}.login-card button{height:54px;font-size:16px;margin-top:5px}.secure-note{color:#7fa2d9;text-align:center;margin-top:4px}.mobile-top{display:none}.mobile-brand b{display:block;color:#fff;font-style:italic;font-size:14px}.mobile-brand span{display:block;color:#39c8ff;font-size:8px;letter-spacing:1.5px;font-weight:900}.mobile-brand small{display:block;color:#c8dcff;font-size:6px;letter-spacing:1px;margin-top:2px}.mobile-account{color:#fff}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.login-shell{grid-template-columns:1fr;gap:18px}.login-brand{text-align:center}.login-brand>p{margin-left:auto;margin-right:auto}.mini-brand{margin-bottom:28px}}@media(max-width:760px){aside{transform:translateX(-105%);transition:.2s}.nav-open aside{transform:translateX(0)}.mobile-top{display:flex;position:sticky;top:0;z-index:60;background:#031641ee;padding:10px 12px;align-items:center;gap:12px;box-shadow:0 5px 20px #0008}.mobile-brand{flex:1}.menu-btn{padding:8px 10px;background:#0a55d9}main{margin:0;padding:0 12px 24px}.top-header{display:none}.page-head{padding:18px 0 12px}.page-head h1{font-size:26px}.hero-grid{grid-template-columns:1fr}.metric{height:112px}.quick-grid{grid-template-columns:1fr}.panel{padding:12px}.recent-head,.recent-row{grid-template-columns:22px 1fr .75fr .75fr}.recent-row span:nth-child(3){display:none}.recent-head span:nth-child(3){display:none}.table-wrap table{min-width:820px}.login{padding:12px}.login-shell{width:100%}.login-brand{padding:4px}.login-brand h1{font-size:31px}.feature-grid{grid-template-columns:1fr 1fr;gap:8px}.feature-grid div{min-height:98px;padding:9px 6px}.login-card{padding:22px}.topup-shell{padding:18px;border-radius:20px}.topup-amount{font-size:38px}}

/* V14.2.4 responsive wallet/rates/settings/login fixes */
.eye-btn{border:0!important;background:transparent!important;box-shadow:none!important;padding:6px!important;min-width:36px;color:#65cfff!important;font-size:18px}.input-wrap input{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:16px!important;font-weight:700}.input-wrap input::placeholder{color:#8da9d4!important;-webkit-text-fill-color:#8da9d4!important}.device-wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.device-wallet-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #28549a;border-radius:13px;background:#061e4f}.device-wallet-card small{color:#7fa6dc}.device-wallet-card h3{margin:5px 0}.device-wallet-card strong{font-size:22px}.transfer-form{grid-template-columns:1fr 1fr 160px auto}.standalone-topup{margin:0;background:radial-gradient(circle at 50% 0,#126eff33,transparent 38%),linear-gradient(145deg,#020a28,#03194b 60%,#020a27);color:#fff;min-height:100vh;overflow-x:hidden}.web-topup-wrap{min-height:100dvh;display:grid;place-items:center;padding:16px}.web-topup-card{width:min(430px,100%);box-sizing:border-box;background:linear-gradient(180deg,#071f55,#03143d);border:1px solid #3470c9;border-radius:22px;padding:20px;text-align:center;box-shadow:0 24px 70px #0009}.web-topup-kicker{font-size:11px;letter-spacing:1.8px;color:#55cfff;font-weight:900}.web-topup-card h1{margin:7px 0 3px;font-size:27px}.web-topup-device,.web-topup-help{color:#a9c5ed;font-size:13px;line-height:1.45}.web-topup-form{text-align:left;margin-top:16px}.web-topup-form label{display:block;font-size:12px;font-weight:800;color:#cfe5ff;margin-bottom:7px}.money-input{display:flex;align-items:center;border:1px solid #3a6fbb;border-radius:12px;background:#061b48;padding:0 12px;margin-bottom:12px}.money-input span{font-size:20px;color:#55cfff}.money-input input{border:0!important;background:transparent!important;box-shadow:none!important;font-size:24px!important;font-weight:900;color:#fff!important}.web-topup-form button,#newBtn{width:100%;height:48px}.web-topup-back{display:inline-block;margin-top:14px;color:#79cfff;text-decoration:none;font-size:12px}.web-topup-amount{font-size:36px;font-weight:950;color:#52caff;margin:8px 0}.fixed-qr{width:270px;height:270px;max-width:78vw;max-height:78vw;margin:10px auto;display:grid;place-items:center;background:#fff;border-radius:18px;padding:10px;box-sizing:border-box;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden}.fixed-qr #qrcode,.fixed-qr canvas,.fixed-qr img{width:100%!important;height:100%!important;max-width:250px!important;max-height:250px!important;object-fit:contain;pointer-events:none}.topup-footnote{color:#7f9fcf;font-size:11px}.rates-panel{max-width:1100px}.rate-list{display:grid;gap:8px}.rate-head,.rate-row{display:grid;grid-template-columns:2fr .8fr .7fr 1fr;gap:12px;align-items:center}.rate-head{padding:9px 12px;border-radius:9px;background:#08275e;color:#a9c9f5;font-size:10px;font-weight:800}.rate-row{padding:10px 12px;border:1px solid #1d417c;border-radius:11px;background:#061b49}.rate-range,.rate-fee,.rate-actions{display:flex;align-items:center;gap:7px}.rate-row input[type=number]{min-width:0;height:40px;padding:8px}.rate-active{display:flex;align-items:center;gap:7px}.rate-active input{width:auto}.rate-actions button{padding:9px 12px}.danger-btn{background:linear-gradient(180deg,#ef4764,#bb1e3a)!important}.add-rate{margin-top:18px;padding-top:15px;border-top:1px solid #1d417c}.rate-add-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px}.summary-grid>div{min-width:0}.summary-grid strong{overflow-wrap:anywhere}.panel p{overflow-wrap:anywhere}
@media(max-width:760px){.web-topup-wrap{padding:8px}.web-topup-card{padding:14px;border-radius:17px}.web-topup-card h1{font-size:23px}.web-topup-amount{font-size:30px}.fixed-qr{width:238px;height:238px;max-width:72vw;max-height:72vw;padding:8px}.transfer-form{grid-template-columns:1fr}.device-wallet-card{padding:13px}.rate-head{display:none}.rate-row{grid-template-columns:1fr 1fr;gap:9px}.rate-range{grid-column:1/-1}.rate-actions{justify-content:flex-end}.rate-actions button{flex:1}.rate-add-form{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr 1fr!important}.summary-grid>div{padding:11px}.summary-grid strong{font-size:15px}.login-card{max-width:100%;box-sizing:border-box}.input-wrap{width:100%;box-sizing:border-box}.input-wrap input{min-width:0}.feature-grid strong{font-size:10px}}
@media(max-width:390px){.summary-grid{grid-template-columns:1fr!important}.rate-row{grid-template-columns:1fr}.rate-range,.rate-actions{grid-column:1}.fixed-qr{width:220px;height:220px}.web-topup-card{padding:12px}.login-brand h1{font-size:27px}.feature-grid{grid-template-columns:1fr 1fr}}

/* V14.2.5 final visual corrections */
.input-wrap{min-width:0;overflow:hidden}.input-wrap input{color:#071d4b!important;-webkit-text-fill-color:#071d4b!important;font-size:16px!important;font-weight:800!important;letter-spacing:.2px!important;padding:0 8px!important;margin-left:3px!important;min-width:0!important}.input-wrap input::placeholder{color:#6d84a8!important;-webkit-text-fill-color:#6d84a8!important}.eye-btn{flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;color:#079cff!important;font-size:19px!important}.mobile-account{display:flex;align-items:center;gap:8px;min-width:0;margin-left:auto;padding:5px 9px;border:1px solid #214a98;border-radius:16px;background:#071b52}.mobile-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2468ff;color:#fff;flex:none}.mobile-account-text{min-width:0;line-height:1.05}.mobile-account-text b{display:block;color:#fff;font-size:9px;white-space:nowrap}.mobile-account-text small{display:block;color:#9ebbf1;font-size:8px;margin-top:2px}.mobile-chevron{color:#d9e8ff;font-weight:900;margin-left:3px}.web-topup-card{max-height:calc(100dvh - 12px);overflow:hidden}.fixed-qr{touch-action:none;pointer-events:none}.fixed-qr #qrcode{pointer-events:none}
@media(max-width:760px){.mobile-top{padding:8px 9px}.mobile-brand{min-width:92px}.mobile-account{max-width:210px}.login-card{width:100%;overflow:hidden}.login-card .input-wrap{height:56px}.login-card .input-wrap input{font-size:15px!important}.login-card label{margin-top:2px}}
@media(max-width:390px){.mobile-account{max-width:176px}.mobile-account-text b{font-size:8px}.mobile-account-text small{font-size:7px}.mobile-brand b{font-size:12px}.mobile-brand span{font-size:7px}.mobile-brand small{font-size:5px}}

/* V14.2.14 live transaction notifications and simplified account header */
.notification-button{position:relative;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:12px;background:#071b52;color:#fff;font-size:19px;padding:0;box-shadow:none;cursor:pointer}.notification-button:hover,.notification-button[aria-expanded=true]{background:#0b347e}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 4px;border-radius:10px;display:grid;place-items:center;background:#ff3357;color:#fff;border:2px solid #031641;font-size:9px;font-style:normal;font-weight:900}.notification-badge[hidden]{display:none!important}.notification-panel{position:fixed;z-index:200;right:230px;top:62px;width:min(360px,calc(100vw - 24px));overflow:hidden;border:1px solid #2b64bd;border-radius:16px;background:linear-gradient(180deg,#08225a,#041538);box-shadow:0 20px 60px #000b}.notification-panel[hidden]{display:none}.notification-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #1c4382}.notification-head b{display:block;font-size:14px}.notification-head small{display:block;color:#93b5e7;font-size:10px;margin-top:2px}.notification-head a{color:#55cfff;text-decoration:none;font-size:11px;font-weight:800}.notification-list{max-height:420px;overflow:auto}.notification-item{display:flex;align-items:center;gap:11px;padding:12px 14px;color:#fff;text-decoration:none;border-bottom:1px solid #12366d}.notification-item:hover{background:#0b2b6a}.notification-dot{width:10px;height:10px;border-radius:50%;flex:none;background:#ffb52e;box-shadow:0 0 10px #ffb52e77}.notification-dot.success{background:#20dd98;box-shadow:0 0 10px #20dd9877}.notification-dot.failed,.notification-dot.cancelled,.notification-dot.expired{background:#ff5374;box-shadow:0 0 10px #ff537477}.notification-copy{min-width:0}.notification-copy b,.notification-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-copy b{font-size:12px}.notification-copy small{color:#9db9e5;font-size:10px;margin-top:4px}.notification-empty{padding:24px 16px;text-align:center;color:#9db9e5;font-size:12px}.mobile-notification{display:none;flex:none}.user-pill{min-width:190px}.mobile-account{padding-right:12px}
@media(max-width:760px){.mobile-notification{display:grid;width:36px;height:36px;font-size:16px}.notification-panel{right:8px;top:58px}.mobile-brand{min-width:74px}.mobile-account{max-width:195px}.mobile-account-text b{max-width:130px;overflow:hidden;text-overflow:ellipsis}.notification-list{max-height:65vh}}
@media(max-width:390px){.mobile-top{gap:7px}.mobile-notification{width:34px;height:34px}.mobile-account{max-width:158px;padding:4px 7px}.mobile-avatar{width:27px;height:27px}.mobile-account-text b{max-width:102px}.notification-panel{top:54px}}