@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#1b1b1f;background:#f5f4f0;font-synthesis:none;--yellow:#ffbc00;--orange:#ff9700;--ink:#171719;--muted:#737278;--line:#e9e6df;--green:#14865d;--red:#d74436}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 10% -10%,#fff3c7 0,transparent 28%),#f5f4f0}button,input{font:inherit}button{cursor:pointer}.app-shell{max-width:880px;margin:auto;padding:0 24px 110px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand img{width:145px;height:56px;object-fit:contain}.brand span{font:700 10px Manrope;letter-spacing:.14em;background:#171719;color:#fff;padding:5px 7px;border-radius:99px}.avatar,.profile-avatar{border:0;background:linear-gradient(145deg,var(--yellow),var(--orange));color:#fff;font:800 17px Manrope;border-radius:50%;width:44px;height:44px;box-shadow:0 5px 16px #f2a50055}.balance-card{position:relative;overflow:hidden;border-radius:32px;padding:38px 40px 34px;background:linear-gradient(125deg,#171719 20%,#2d2922);color:#fff;box-shadow:0 20px 55px #241a0928}.balance-card:after{content:"€";position:absolute;right:-20px;top:-85px;font:800 270px Manrope;color:#ffffff0a;transform:rotate(12deg)}.balance-card>p,.eyebrow{font:700 11px Manrope;letter-spacing:.16em;color:#a7a5a0;margin:0 0 8px}.balance-card h1,.amount-hero{font:800 clamp(42px,8vw,66px) "Manrope";letter-spacing:-.05em;margin:0}.balance-card small{color:#a7a5a0}.quick-actions{display:flex;gap:12px;margin-top:34px;position:relative;z-index:1}.quick-actions button{display:flex;align-items:center;gap:10px;border:1px solid #ffffff18;background:#ffffff10;color:#fff;border-radius:15px;padding:10px 18px;font-weight:600}.quick-actions i{display:grid;place-items:center;width:30px;height:30px;background:var(--yellow);color:#171719;border-radius:9px;font-style:normal}.content-card{background:#fff;border:1px solid #eeeae3;border-radius:28px;margin-top:20px;padding:28px;box-shadow:0 12px 35px #271b0710}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title h2,.content-card h1,.auth-card h2{font:800 27px Manrope;letter-spacing:-.035em;margin:0}.activity-list{margin-top:12px}.activity{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-align:left;border:0;background:transparent;padding:15px 0;border-bottom:1px solid var(--line)}.activity:last-child{border:0}.activity>div{min-width:0}.activity strong,.activity span,.activity time{display:block}.activity span,.activity time{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-right{text-align:right}.activity-right b{font:700 15px Manrope}.positive{color:var(--green)}.negative{color:var(--ink)}.tx-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#fff4cf;color:#bd7500;font-style:normal;font-weight:800}.tx-icon.refund,.tx-icon.admin_credit{background:#e2f7ed;color:var(--green)}.bottom-nav{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:20;background:#171719ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:2px;border-radius:22px;padding:7px;box-shadow:0 16px 35px #0004}.bottom-nav button{width:76px;border:0;border-radius:16px;background:transparent;color:#9d9b97;font-size:10px;padding:8px}.bottom-nav span{display:block;font-size:20px;margin-bottom:3px}.bottom-nav button.active{background:#fff;color:#171719}.form-card{max-width:600px;margin:20px auto}.back,.text-button{border:0;background:transparent;padding:4px 0;margin-bottom:24px;color:#7a7367}.form-card h1{margin-bottom:26px}form{display:grid;gap:17px}label{display:grid;gap:7px;font-weight:600;font-size:13px}input{width:100%;border:1px solid #dcd8cf;background:#fbfaf7;border-radius:13px;padding:14px 15px;outline:none;font-size:16px}input:focus{border-color:#e69f00;box-shadow:0 0 0 3px #ffbd0022}.input-prefix{display:flex;align-items:center;border:1px solid #dcd8cf;background:#fbfaf7;border-radius:13px;padding-left:15px}.input-prefix input{border:0;background:transparent;box-shadow:none}.money-input{font:700 25px Manrope}.primary,.secondary{border:0;border-radius:14px;padding:15px 20px;font-weight:700}.primary{background:linear-gradient(120deg,var(--yellow),var(--orange));color:#171719;box-shadow:0 8px 18px #e9a20035}.secondary{background:#f1efea;color:#3b3935}.danger{color:var(--red)}.wide{width:100%;margin-top:8px}.primary:disabled{opacity:.55;cursor:wait}.error{background:#fff0ed;color:#9f2f26;border:1px solid #ffd0c8;border-radius:12px;padding:11px 13px;font-size:13px}.muted,.demo-note,.expires{color:var(--muted);font-size:12px}.confirm dl,.profile dl,.modal dl{margin:25px 0}.confirm dl>div,.profile dl>div,.modal dl>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0}.confirm dt,.profile dt,.modal dt{color:var(--muted)}.confirm dd,.profile dd,.modal dd{margin:0;font-weight:600}.receipt{text-align:center;max-width:520px;margin:25px auto}.success-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#daf5e8;color:var(--green);font-size:38px;margin:5px auto 20px}.receipt h1{font-size:47px}.receipt code{display:inline-block;margin:18px;background:#f4f2ed;padding:8px 12px;border-radius:8px}.scanner{max-width:600px;margin:20px auto;text-align:center}.scanner .back{display:block}.scanner #qr-reader{border:0!important;margin:24px auto;overflow:hidden;border-radius:18px}.payment-page{max-width:650px;margin:auto;padding:0 20px}.merchant-pay{text-align:center}.merchant-pay label{text-align:left;margin:25px 0}.merchant-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:22px;margin:5px auto 16px;background:#171719;color:var(--yellow);font:800 30px Manrope}.merchant-pay .amount-hero{margin:22px}.profile{text-align:center}.profile-avatar{display:grid;place-items:center;width:80px;height:80px;margin:auto;font-size:30px}.profile>p{color:var(--muted)}.profile dl{text-align:left}.status{font:700 10px Manrope;letter-spacing:.08em;background:#e0f5e9;color:var(--green);padding:5px 8px;border-radius:30px}.empty{text-align:center;color:var(--muted);padding:35px}.empty span{font-size:35px}.modal-bg{position:fixed;inset:0;z-index:50;background:#12100c99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.modal{position:relative;background:#fff;width:min(480px,100%);border-radius:25px;padding:30px;text-align:center}.modal .tx-icon{margin:0 auto 15px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px}.modal dl{text-align:left}.splash{min-height:100vh;display:grid;place-content:center;justify-items:center}.spinner{width:26px;height:26px;border:3px solid #ddd;border-top-color:var(--orange);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:700px){.app-shell{padding:0 14px 100px}.topbar{height:72px}.brand img{width:118px;height:45px}.brand span{font-size:8px}.balance-card{padding:28px 24px;border-radius:24px}.content-card{padding:21px;border-radius:22px}.activity{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}.activity-right b{font-size:13px}.activity time{font-size:10px}.bottom-nav{bottom:10px}.quick-actions button{flex:1;justify-content:center}.payment-page{padding:0 12px}}.auth-page{min-height:100svh;display:grid;grid-template-columns:57.2% 42.8%;background:#f8f6f2;color:#090909}.auth-page svg{width:24px;height:24px;flex-shrink:0}.auth-art{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:100svh;padding:52px 8.4% 70px;color:#faf9f6;background:#100e09 url(/login-art.jpg) center center / cover no-repeat}.auth-brand{display:flex;align-items:center;gap:35px}.auth-brand img{width:170px;height:68px;object-fit:contain}.auth-brand>span{border-left:1px solid #aa9570;padding-left:33px;color:#d0ceca;font-size:11px;line-height:1.85;letter-spacing:.36em}.auth-story{position:relative;margin-top:clamp(65px,11.5vh,125px)}.auth-story h1{margin:0;font:800 clamp(48px,5.15vw,84px)/.94 "DM Sans",sans-serif;letter-spacing:-.055em}.auth-story h1 span{color:#e9a42b}.auth-story>p{margin:25px 0 0;color:#bcbab6;font-size:clamp(16px,1.3vw,21px);line-height:1.55}.auth-features{list-style:none;padding:0;margin:46px 0 0;display:grid;gap:20px}.auth-features li{display:flex;align-items:center;gap:25px}.feature-icon{display:grid;place-items:center;border:1.5px solid #dea129;width:67px;height:67px;border-radius:50%;color:#f5cd79;flex-shrink:0;background:#0a09053d}.feature-icon svg{width:30px;height:30px}.auth-features strong{font-size:15px;font-weight:700}.auth-features p{font-size:15px;color:#bcbab6;margin:9px 0 0}.auth-art-footer{display:flex;align-items:center;gap:15px;margin-top:auto;padding-top:70px;font-size:10px;letter-spacing:.33em;white-space:nowrap;color:#d2d0cc}.auth-art-footer span{color:#d89d31}.auth-art-footer i{width:62px;height:1px;background:#a07732}.auth-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:108px 40px 65px;background:radial-gradient(ellipse at 50% 50%,#fff8 0%,transparent 75%),#f8f6f2}.auth-language{position:absolute;right:8.5%;top:46px;display:flex;align-items:center;gap:10px}.auth-language>svg{width:20px;height:20px}.auth-language select{appearance:none;border:0;background:transparent;font:700 14px DM Sans,sans-serif;padding:5px 22px 5px 3px;color:#171719;cursor:pointer}.auth-language>svg:last-child{position:absolute;right:0;pointer-events:none;width:17px}.auth-card{position:relative;z-index:1;width:100%;max-width:456px}.auth-card .eyebrow{margin:0 0 16px;font:700 13px DM Sans,sans-serif;color:#a36400;letter-spacing:.22em}.auth-card h2{margin:0;font:800 clamp(38px,3.2vw,52px)/1.1 "DM Sans",sans-serif;letter-spacing:-.045em}.auth-subtitle{margin:13px 0 34px;font-size:20px;line-height:1.4}.auth-card form{gap:14px}.auth-input{display:flex;align-items:center;gap:17px;width:100%;min-width:0;min-height:61px;padding:0 20px;border:1px solid #d9d3c8;border-radius:16px;background:#ffffff50;transition:border-color .15s,box-shadow .15s}.auth-input:focus-within{border-color:#b77a11;box-shadow:0 0 0 3px #e7ab2820}.auth-input>svg{width:20px;height:20px;color:#343538}.auth-input input{min-width:0;border:0;border-radius:0;background:transparent;padding:17px 0;font-size:17px;font-weight:400;box-shadow:none}.auth-input input:focus{box-shadow:none}.auth-input input::placeholder{opacity:1;color:#777579}.username-symbol{width:20px;font-size:20px}.password-toggle{display:grid;place-items:center;flex-shrink:0;width:32px;height:44px;margin-right:-7px;padding:0;border:0;background:transparent;color:#343538}.password-toggle svg{width:19px;height:19px}.auth-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 16px;font-size:14px}.auth-options label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500}.auth-options input{appearance:none;width:17px;height:17px;padding:0;margin:0;border:1px solid #bc861e;border-radius:4px;background:#fffcf7;opacity:1}.auth-options input:checked:after{content:"✓";display:block;text-align:center;line-height:15px;font-size:12px;color:#956318}.auth-link{padding:0;border:0;background:transparent;color:#935500;font-size:inherit;text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:#643900}.auth-submit{display:flex;justify-content:center;align-items:center;gap:19px;border:0;border-radius:16px;min-height:62px;padding:16px 24px;background:linear-gradient(110deg,#e6a422,#d06d0d);box-shadow:0 10px 26px #d6981f1c;color:#090909;font-size:20px;font-weight:700;transition:filter .15s}.auth-submit:hover{filter:brightness(1.05)}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-switch{text-align:center;font-size:17px;margin:26px 0 28px}.auth-divider{display:flex;align-items:center;gap:10px;color:#85817c;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#d9d3ca;flex:1}.auth-providers{display:flex;justify-content:center;gap:31px;margin-top:21px}.auth-providers button{display:grid;place-items:center;width:89px;height:65px;border:1px solid #d9d3c8;border-radius:18px;background:#ffffff40;color:#080808}.auth-providers button:hover{background:#fff;border-color:#bd9655}.auth-providers svg{width:29px;height:29px}.auth-card .demo-note{color:#656367;font-size:13px;text-align:center;margin:65px 0 0;line-height:1.6}.auth-notice{border-left:2px solid #d7a34a;padding:9px 12px;font-size:13px;line-height:1.5;color:#6c5734;background:#efe5d34d}.auth-password-hint{margin:0;color:#737278;font-size:12px}.auth-olive{position:absolute;z-index:0;right:-75px;bottom:-28px;width:180px!important;height:310px!important;opacity:.85;filter:blur(1.1px);pointer-events:none}.auth-page button:focus-visible,.auth-language select:focus-visible{outline:2px solid #b47813;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-registering .auth-subtitle{margin-bottom:24px}.is-registering .demo-note{margin-top:35px}@media(min-width:1600px){.auth-art{padding-left:9%}}@media(max-width:1100px){.auth-art{padding:42px 7% 45px;background-position:57% center}.auth-brand{gap:20px}.auth-brand img{width:135px}.auth-brand>span{padding-left:20px;font-size:9px}.auth-story h1{font-size:clamp(45px,5.3vw,62px)}.auth-story>p{font-size:16px}.auth-features li{gap:16px}.feature-icon{width:55px;height:55px}.auth-features strong,.auth-features p{font-size:13px}.auth-panel{padding:105px 30px 45px}.auth-subtitle{font-size:17px}.auth-options,.auth-options label{font-size:12px}.auth-providers{gap:20px}.auth-art-footer{gap:10px;font-size:8px}}@media(max-width:760px){.auth-page{grid-template-columns:1fr}.auth-art{min-height:350px;padding:28px 28px 35px;background-image:linear-gradient(90deg,#0b0909bf,#0b09092b),url(/login-art.jpg);background-position:center 52%}.auth-brand img{width:128px;height:50px}.auth-brand>span{font-size:8px}.auth-story{margin-top:34px}.auth-story h1{font-size:47px}.auth-story>p{font-size:14px;margin-top:18px;max-width:270px}.auth-features,.auth-art-footer{display:none}.auth-panel{padding:82px 26px 38px}.auth-language{top:23px;right:26px}.auth-card{max-width:456px}.auth-card h2{font-size:43px}.auth-card .eyebrow{font-size:11px}.auth-options,.auth-options label{font-size:13px}.auth-card .demo-note{margin-top:43px;font-size:12px}.auth-olive{opacity:.35;right:-100px}}@media(max-width:380px){.auth-art{padding-left:22px}.auth-story h1{font-size:40px}.auth-panel{padding-left:20px;padding-right:20px}.auth-input{padding-left:14px;gap:10px}.auth-input input{font-size:16px}.auth-options,.auth-options label{font-size:11px}.auth-switch{font-size:15px}.auth-providers{gap:20px}}
