@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#d4af37;--primary-hover:#f0c84a;--primary-dim:#a8892a;--bg-color:#060608;--sidebar-bg:#07070a;--sidebar-text:#fff;--sidebar-hover:#121218;--card-bg:#12121abf;--text-main:#f0f0f0;--text-muted:#6b7280;--border-color:#ffffff12;--neon-sm:0 0 8px #d4af3766;--neon-md:0 0 16px #d4af3780, 0 0 32px #d4af3733}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html,body,#root{background-color:var(--bg-color);min-height:100vh}body{color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--primary:#d4af37;--primary-hover:#f0c84a;--primary-dim:#a8892a;--bg-color:#04040a;--sidebar-bg:#06060d;--card-bg:#0e0e18cc;--card-border:#d4af371a;--text-main:#f2f2f2;--text-muted:#5a6075;--border-color:#ffffff0e;--neon-xs:0 0 6px #d4af374d;--neon-sm:0 0 10px #d4af3773;--neon-md:0 0 20px #d4af3780, 0 0 40px #d4af372e;--neon-lg:0 0 30px #d4af37a6, 0 0 80px #d4af3733, 0 0 120px #d4af3714;--glass-bg:#0c0c16b8;--radius-card:18px;--radius-btn:10px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-color);min-height:100vh}body{color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4af372e;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4af3759}::selection{color:#fff;background:#d4af3738}#nomad-particles{pointer-events:none;z-index:0;opacity:.5;position:fixed;inset:0}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -10%,#d4af3712 0%,#0000 60%),radial-gradient(60% 40% at 100% 100%,#d4af370a 0%,#0000 55%),radial-gradient(60% 40% at 0 100%,#785a140a 0%,#0000 55%);position:fixed;inset:0}.welcome-splash{z-index:9999;background:#04040a;flex-direction:column;justify-content:center;align-items:center;gap:28px;animation:.6s 2.4s forwards splashFadeOut;display:flex;position:fixed;inset:0}@keyframes splashFadeOut{to{opacity:0;pointer-events:none}}.welcome-splash .splash-logo{letter-spacing:4px;font-size:38px;font-weight:300;animation:.7s .2s both splashLogoIn}@keyframes splashLogoIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.welcome-splash .splash-greeting{color:var(--text-muted);letter-spacing:1px;font-size:18px;font-weight:300;animation:.6s .55s both splashGreetIn}@keyframes splashGreetIn{0%{opacity:0}to{opacity:1}}.welcome-splash .splash-bar{background:#d4af371f;border-radius:2px;width:180px;height:2px;animation:.5s .7s both splashGreetIn;overflow:hidden}.welcome-splash .splash-bar-fill{background:linear-gradient(90deg, transparent, var(--primary), transparent);height:100%;animation:2s .8s both splashBarSlide}@keyframes splashBarSlide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.app-container{z-index:1;min-height:100vh;display:flex;position:relative}.sidebar{z-index:10;background:linear-gradient(#06060d 0%,#08080f 60%,#06060d 100%);border-right:1px solid #d4af3714;flex-direction:column;flex-shrink:0;width:255px;min-width:255px;display:flex;position:relative}.sidebar:after{content:"";background:linear-gradient(#0000 0%,#d4af3740 25%,#d4af3766 50%,#d4af3740 75%,#0000 100%);width:1px;height:100%;position:absolute;top:0;right:-1px}.logo-container{align-items:center;gap:2px;padding:32px 24px 24px;display:flex}.logo-white{color:#fff;letter-spacing:3px;font-size:22px;font-weight:300}.logo-gold{color:var(--primary);letter-spacing:3px;text-shadow:var(--neon-sm);font-size:22px;font-weight:700}.sidebar-section-label{letter-spacing:2.5px;color:#d4af3759;text-transform:uppercase;-webkit-user-select:none;user-select:none;padding:16px 20px 6px;font-size:9px;font-weight:700}.sidebar-divider{background:linear-gradient(90deg,#0000,#d4af371f,#0000);height:1px;margin:10px 16px}.menu{flex-direction:column;flex:1;gap:2px;padding:8px 10px;display:flex}.menu-item{cursor:pointer;letter-spacing:.3px;color:var(--text-muted);border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:400;transition:all .22s;display:flex;position:relative}.menu-item .menu-icon{opacity:.5;flex-shrink:0;width:18px;height:18px;transition:opacity .2s}.menu-item:hover{color:#f2f2f2e6;background:#ffffff08;border-color:#ffffff0a}.menu-item:hover .menu-icon{opacity:.8}.menu-item.active{color:var(--primary);text-shadow:var(--neon-xs);background:linear-gradient(135deg,#d4af3714 0%,#d4af370a 100%);border-color:#d4af372e;font-weight:500}.menu-item.active .menu-icon{opacity:1}.user-profile{background:#ffffff06;border:1px solid #ffffff0a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.user-avatar{color:#000;width:34px;height:34px;box-shadow:var(--neon-xs);background:linear-gradient(135deg,#d4af37,#8b6914);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.user-info{flex-direction:column;min-width:0;display:flex}.user-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-company{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.logout-btn{color:#ff4d4f8c;cursor:pointer;text-align:left;letter-spacing:.3px;background:0 0;border:1px solid #ff4d4f26;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-family:Outfit,sans-serif;font-size:12px;transition:all .2s;display:flex}.logout-btn:hover{color:#ff4d4f;background:#ff4d4f0d;border-color:#ff4d4f4d}.main-content{z-index:1;flex-direction:column;flex:1;gap:28px;min-width:0;padding:40px 52px;display:flex;position:relative}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.btn-primary{color:#000;border-radius:var(--radius-btn);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;box-shadow:0 4px 18px #d4af3738, var(--neon-xs);white-space:nowrap;background:linear-gradient(135deg,#d4af37 0%,#b8941f 100%);border:none;padding:12px 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .22s}.btn-primary:hover{box-shadow:0 6px 28px #d4af3766, var(--neon-md);background:linear-gradient(135deg,#f0c84a 0%,#d4af37 100%);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--neon-sm);transform:translateY(0)}.btn-outline{color:var(--primary);border-radius:var(--radius-btn);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;background:0 0;border:1px solid #d4af374d;padding:12px 22px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .22s}.btn-outline:hover{border-color:var(--primary);box-shadow:var(--neon-sm);text-shadow:var(--neon-xs);background:#d4af370f;transform:translateY(-1px)}.btn-cancel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:12px 20px;font-family:Outfit,sans-serif;font-size:14px;transition:color .2s}.btn-cancel:hover{color:var(--text-main)}.btn-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-family:Outfit,sans-serif;font-size:13px;text-decoration:underline}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-btn-pix{color:#000;cursor:pointer;min-width:140px;box-shadow:0 6px 24px #d4af374d, var(--neon-sm);background:linear-gradient(135deg,#d4af37 0%,#a8892a 100%);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;transition:all .25s;display:flex}.hero-btn-pix:hover{box-shadow:0 10px 36px #d4af3773, var(--neon-md);transform:translateY(-2px)}.hero-btn-saque{min-width:140px;color:var(--primary);cursor:pointer;background:0 0;border:1px solid #d4af3740;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-family:Outfit,sans-serif;font-size:14px;font-weight:600;transition:all .25s;display:flex}.hero-btn-saque:hover{border-color:var(--primary);box-shadow:var(--neon-sm);background:#d4af3712;transform:translateY(-2px)}.cards-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-card);border:1px solid var(--card-border);padding:26px;transition:transform .28s,border-color .28s,box-shadow .28s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff09}.card:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000 0%,#d4af3780 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.card:after{content:"";border-radius:inherit;opacity:0;background:linear-gradient(135deg,#d4af370a 0%,#0000 60%);transition:opacity .28s;position:absolute;inset:0}.card:hover{border-color:#d4af3738;transform:translateY(-4px);box-shadow:0 16px 48px #000000a6,0 0 24px #d4af3712,inset 0 1px #ffffff0d}.card:hover:after{opacity:1}.card h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:14px;font-size:10px;font-weight:700;position:relative}.card .value{color:var(--text-main);letter-spacing:-.5px;font-size:32px;font-weight:300;line-height:1;position:relative}.card .value.neon-gold{color:var(--primary);text-shadow:var(--neon-md);font-weight:400}.card .sub-label{color:var(--text-muted);margin-top:10px;font-size:12px;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cards-container .card{animation:.45s both cardIn}.cards-container .card:first-child{animation-delay:40ms}.cards-container .card:nth-child(2){animation-delay:90ms}.cards-container .card:nth-child(3){animation-delay:.14s}.cards-container .card:nth-child(4){animation-delay:.19s}.list-section{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-card);border:1px solid var(--card-border);padding:28px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000008c,inset 0 1px #ffffff08}.list-section:before{content:"";background:linear-gradient(90deg,#0000,#d4af3759,#0000);height:1px;position:absolute;top:0;left:0;right:0}.list-section h2{letter-spacing:.5px;color:var(--text-main);align-items:center;gap:10px;margin-bottom:22px;font-size:15px;font-weight:500;display:flex}.list-section h2:after{content:"";background:linear-gradient(90deg,#d4af3726 0%,#0000 100%);flex:1;height:1px}.table-container{overflow-x:auto}.billing-table,.table{border-collapse:collapse;text-align:left;width:100%}.billing-table th,.table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;white-space:nowrap;border-bottom:1px solid #d4af3714;padding:12px 14px;font-size:10px;font-weight:700}.billing-table td,.table td{vertical-align:middle;border-bottom:1px solid #ffffff06;padding:14px;font-size:13.5px;font-weight:300}.clickable-row,.hover-row{cursor:pointer;transition:background .18s}.clickable-row:hover,.hover-row:hover{background:#d4af3707}.status-badge,.status-badge-small{text-transform:uppercase;letter-spacing:1.5px;border-radius:100px;padding:5px 11px;font-size:10px;font-weight:700;display:inline-block}.status-badge-small{border-radius:6px;padding:3px 8px;font-size:9px}.status-badge.pending,.status-badge-small.pending{color:var(--primary);background:#d4af3714;border:1px solid #d4af3738}.status-badge.paid,.status-badge.completed,.status-badge-small.paid,.status-badge-small.completed{color:#10b981;background:#10b98114;border:1px solid #10b98138;box-shadow:0 0 8px #10b9811f}.status-badge.processing,.status-badge-small.processing{color:#60a5fa;background:#3b82f614;border:1px solid #3b82f638}.status-badge.failed,.status-badge.cancelled,.status-badge-small.failed,.status-badge-small.cancelled{color:#f87171;background:#ef444414;border:1px solid #ef444438}.status-rejected{color:#f87171;letter-spacing:1px;background:#ef444414;border:1px solid #ef444433;border-radius:100px;padding:5px 11px;font-size:10px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);background:#ffffff02;border:1px dashed #d4af3714;border-radius:12px;padding:56px 0;font-size:14px;font-weight:300}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(160deg,#0c0c1c 0%,#09091a 100%);border:1px solid #d4af372e;border-radius:22px;width:100%;max-width:520px;animation:.32s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative;overflow:hidden;box-shadow:0 28px 90px #000000d9,0 0 50px #d4af370d}@keyframes modalIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-content:before{content:"";background:linear-gradient(90deg,#0000,#d4af378c,#0000);height:1px;position:absolute;top:0;left:0;right:0}.modal-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:26px 30px;display:flex}.modal-header h2{color:var(--primary);text-shadow:var(--neon-sm);letter-spacing:.5px;font-size:17px;font-weight:600}.btn-close{color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:all .2s;display:flex}.btn-close:hover{color:var(--primary);background:#d4af3714;border-color:#d4af3733}.modal-body{flex-direction:column;gap:18px;padding:26px 30px;display:flex}.modal-footer{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700}.form-group input,.form-group select{color:var(--text-main);background:#00000073;border:1px solid #ffffff12;border-radius:10px;outline:none;padding:13px 15px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #d4af370d, var(--neon-xs);border-color:#d4af3766}.form-group input::placeholder{color:#ffffff2e}.toast{color:#000;box-shadow:0 8px 36px #d4af3773, var(--neon-md);z-index:2000;background:linear-gradient(135deg,#d4af37,#a8892a);border-radius:12px;max-width:320px;padding:13px 26px;font-size:13px;font-weight:700;animation:.38s cubic-bezier(.34,1.56,.64,1) toastIn;position:fixed;bottom:28px;right:28px}@keyframes toastIn{0%{opacity:0;transform:translateY(50px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}.pix-details-body{text-align:center;align-items:center;padding-top:8px}.pix-amount{color:var(--primary);text-shadow:var(--neon-lg);letter-spacing:-1px;margin-bottom:10px;font-size:46px;font-weight:300}.pix-loading{flex-direction:column;align-items:center;gap:20px;padding:32px 0;display:flex}.pix-spinner{border:3px solid #d4af371f;border-top-color:var(--primary);width:46px;height:46px;box-shadow:var(--neon-sm);border-radius:50%;animation:.75s linear infinite spinPix}@keyframes spinPix{to{transform:rotate(360deg)}}.pix-loading-text{color:var(--text-muted);font-size:14px}.pix-status-wrapper{margin-bottom:18px}.qr-container{justify-content:center;margin-bottom:26px;display:flex}.qr-box{box-shadow:0 12px 48px #000000a6, var(--neon-md);background:#fff;border:3px solid #d4af378c;border-radius:16px;padding:16px;animation:.4s cubic-bezier(.34,1.3,.64,1) qrAppear}@keyframes qrAppear{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.details-grid{text-align:left;background:#ffffff05;border:1px solid #d4af3717;border-radius:12px;grid-template-columns:1fr 1fr 1fr;gap:14px;width:100%;margin-bottom:24px;padding:18px;display:grid}.detail-item{flex-direction:column;gap:4px;display:flex}.detail-item label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:700}.detail-item span{color:var(--text-main);font-size:13px;font-weight:500}.copy-paste-section{text-align:left;width:100%}.copy-paste-section label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.pix-code-block{margin-bottom:14px}.pix-code-text{word-break:break-all;color:var(--text-main)}.pix-footer{border-top:1px solid #ffffff0a;width:100%;margin-top:8px;padding-top:18px}.api-info-box{margin-bottom:24px}.api-info-box label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.code-block{color:#8a8fa0;background:#0000008c;border:1px solid #ffffff0e;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;transition:border-color .2s;display:flex}.code-block:hover{border-color:#d4af3726}.api-key{color:var(--primary);text-shadow:var(--neon-xs)}.config-form{flex-direction:column;gap:22px;max-width:500px;display:flex}.action-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0b;border-radius:14px;padding:18px 20px;transition:all .22s}.action-card:hover{background:#d4af3709;border-color:#d4af3738;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.highlight{box-shadow:0 4px 24px #0006}.login-container{background:var(--bg-color);background-image:radial-gradient(80% 50% at 50% -5%,#d4af3712 0%,#0000 60%);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-box{text-align:center;background:linear-gradient(160deg,#0c0c1e 0%,#09091a 100%);border:1px solid #d4af3724;border-radius:22px;width:100%;max-width:420px;padding:48px 44px;animation:.5s cardIn;position:relative;box-shadow:0 24px 80px #000000d9,0 0 40px #d4af370a}.login-box:before{content:"";background:linear-gradient(90deg,#0000,#d4af3780,#0000);height:1px;position:absolute;top:0;left:0;right:0}.login-form .form-group input{background:#00000080;padding:15px}.login-form .btn-primary{width:100%;margin-top:14px;padding:15px;font-size:14px}.login-error{color:#f87171;text-align:center;background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-bottom:16px;padding:12px;font-size:13px}.sidebar-overlay,.mobile-menu-btn{display:none}@media (width<=900px){.sidebar{z-index:1000;height:100vh;transition:left .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:-100%;box-shadow:4px 0 40px #000c}.sidebar.open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999;opacity:0;pointer-events:none;background:#000000bf;transition:opacity .3s;display:block;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:all}.mobile-menu-btn{color:var(--primary);cursor:pointer;background:#d4af3712;border:1px solid #d4af3724;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;margin-right:10px;padding:8px;display:flex}.main-content{gap:18px;padding:18px 14px}.cards-container{grid-template-columns:1fr 1fr;gap:10px}.card{padding:18px}.card .value{font-size:26px}.list-section{padding:18px 14px}.details-grid{grid-template-columns:1fr 1fr;gap:10px}.modal-overlay{align-items:flex-start;padding:12px;overflow-y:auto}.modal-content{border-radius:18px;width:100%;max-width:100%;max-height:calc(100vh - 24px);margin:auto;overflow-y:auto}.modal-header,.modal-body{padding:18px 20px}.hero-actions{gap:10px}.hero-btn-pix,.hero-btn-saque{padding:14px 18px;font-size:13px}}@media (width<=480px){.cards-container,.details-grid{grid-template-columns:1fr}.pix-amount{font-size:36px}.card .value{font-size:24px}.hero-btn-pix,.hero-btn-saque{min-width:unset}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.82)}}.pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;display:inline-block;box-shadow:0 0 7px #10b98199}.login-container{background-color:var(--bg-color);background-image:radial-gradient(circle,#1a1a1a 0%,#0f0f0f 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background-color:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:12px;width:100%;max-width:420px;padding:48px;box-shadow:0 20px 60px #000c}.login-logo{letter-spacing:2px;margin-bottom:40px;font-size:32px;font-weight:300}.login-form{text-align:left;flex-direction:column;gap:20px;display:flex}.login-form .form-group label{font-size:12px}.login-form .form-group input{background-color:#090909;padding:16px}.login-form .btn-primary{margin-top:16px;padding:16px;font-size:15px}.login-error{color:#ff4d4f;text-align:center;background-color:#ff4d4f1a;border:1px solid #ff4d4f33;border-radius:6px;margin-bottom:24px;padding:12px;font-size:14px}.logout-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:16px 24px;font-size:14px;transition:color .3s}.sidebar-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:12px;padding:24px;display:flex}.user-profile{flex-direction:column;display:flex}.user-name{color:var(--text-main);font-size:14px;font-weight:500}.user-company{color:var(--text-muted);font-size:12px}.logout-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding-top:8px;font-size:13px;transition:color .3s;display:flex}.logout-btn:hover{color:#ff4d4f}