:root{--bg-main:#0b1120;--bg-card:#1e293b;--bg-card-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--accent:#3b82f6;--accent-hover:#2563eb;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--radius:16px}*{box-sizing:border-box}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background:linear-gradient(#0b1120 0%,#0f172a 100%);min-height:100vh;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.shell{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.hero{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{opacity:.15;mix-blend-mode:luminosity;background-image:url(https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=2000&q=80);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-content{z-index:2;flex-direction:column;min-height:100vh;display:flex;position:relative}.nav{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.brand{letter-spacing:-.04em;color:#fff;font-size:24px;font-weight:700}.nav-links{color:var(--text-muted);gap:32px;font-size:14px;font-weight:500;display:flex}.nav-links a:hover{color:#fff}.nav-button{background:var(--bg-card);color:#fff;border:1px solid var(--border);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.nav-button:hover{background:var(--bg-card-hover)}.hero-center{flex-direction:column;flex:1;justify-content:center;padding-bottom:80px;display:flex}.hero-center h1{letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:800px;margin:0 0 24px;font-size:clamp(48px,7vw,88px);font-weight:700;line-height:1.05}.hero-center p{color:var(--text-muted);max-width:500px;margin:0 0 40px;font-size:18px;line-height:1.6}.hero-actions{gap:16px;display:flex}.btn-primary{background:var(--accent);color:#fff;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:background .2s;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-card);color:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:background .2s}.login-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-visual{background-image:url(https://images.unsplash.com/photo-1541354329998-f4d9a9f9297f?auto=format&fit=crop&w=1500&q=80);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative}.login-visual-overlay{z-index:1;background:linear-gradient(#0b112099 0%,#0b1120f2 100%);position:absolute;inset:0}.login-visual-content{z-index:2;flex-direction:column;justify-content:space-between;height:100%;display:flex;position:relative}.login-brand{color:#fff;font-size:24px;font-weight:700}.login-visual-text h1{color:#fff;margin:0 0 16px;font-size:40px;font-weight:700;line-height:1.1}.login-visual-text p{color:var(--text-muted);max-width:400px;font-size:15px;line-height:1.6}.login-features{color:var(--text-muted);gap:24px;font-size:13px;font-weight:500;display:flex}.login-form-side{background:var(--bg-main);justify-content:center;align-items:center;padding:48px;display:flex}.login-form-inner{width:100%;max-width:400px}.login-form-head h2{color:#fff;margin:0 0 8px;font-size:32px;font-weight:700}.login-form-head p{color:var(--text-muted);margin:0 0 32px;font-size:15px}.login-form{flex-direction:column;gap:24px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field>span{color:var(--text-muted);font-size:13px;font-weight:600}.field-input{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:16px;transition:border .2s;display:flex}.field-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #3b82f633}.field-input svg{color:var(--text-muted)}.field-input input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:15px}.login-button{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:18px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.login-button:hover{background:var(--accent-hover)}.login-register{text-align:center;color:var(--text-muted);margin-top:32px;font-size:14px}.register-link{color:var(--accent);margin-left:6px;font-weight:600}.login-foot{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.dash{min-height:100vh}.dash-shell{width:100%;max-width:1000px;margin:0 auto;padding:0 24px}.dash-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:50;background:#0b1120cc;position:sticky;top:0}.dash-nav-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.dash-brand{color:#fff;font-size:20px;font-weight:700}.dash-links{color:var(--text-muted);gap:24px;font-size:14px;font-weight:500;display:flex}.dash-links a.active{color:#fff;font-weight:600}.dash-user{align-items:center;gap:16px;display:flex}.icon-btn{background:var(--bg-card);color:#fff;border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s;display:flex}.icon-btn:hover{background:var(--bg-card-hover)}.user-block{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;align-items:center;gap:12px;padding:6px 16px 6px 6px;transition:background .2s;display:flex}.user-block:hover{background:var(--bg-card-hover)}.user-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-block strong{color:#fff;font-size:14px;font-weight:600}.dash-main{padding-top:48px;padding-bottom:80px}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:24px}.card-title{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500}.card-value{letter-spacing:-.03em;color:#fff;font-size:32px;font-weight:700}.asset-list{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden}.asset-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.asset-row:last-child{border-bottom:none}.asset-info h3{color:#fff;margin:0 0 4px;font-size:16px;font-weight:600}.asset-info p{color:var(--text-muted);margin:0;font-size:13px}.asset-value{text-align:right}.asset-value strong{color:#fff;font-size:16px;font-weight:600;display:block}.asset-value span{color:var(--text-muted);font-size:12px}.liq{min-height:100vh}.liq-shell{width:100%;max-width:1000px;margin:0 auto;padding:0 24px}.liq-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b1120cc}.liq-nav-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.liq-back{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.liq-back:hover{color:#fff}.liq-brand{color:#fff;font-weight:700}.liq-main{padding-top:48px;padding-bottom:80px}.liq-head{margin-bottom:40px}.liq-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.liq-head h1{color:#fff;margin:0 0 8px;font-size:32px;font-weight:700}.liq-head p{color:var(--text-muted);margin:0}.liq-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.liq-balance{border:1px solid var(--border);color:#fff;border-radius:var(--radius);background:linear-gradient(145deg,#1e293b,#0f172a);flex-direction:column;justify-content:space-between;padding:32px;display:flex}.liq-balance-label{color:var(--text-muted);font-size:14px;font-weight:500}.liq-balance-value{color:#fff;margin:12px 0 24px;font-size:48px;font-weight:700;display:block}.liq-balance-meta{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:16px;font-size:14px;display:flex}.liq-alles{background:var(--bg-card);color:#fff;border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:13px}.liq-form{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:32px}.liq-form h2{color:#fff;align-items:center;gap:8px;margin:0 0 24px;font-size:20px;font-weight:600;display:flex}.liq-field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.liq-field>span{color:var(--text-muted);font-size:13px;font-weight:600}.liq-field input,.liq-field select{background:var(--bg-main);border:1px solid var(--border);color:#fff;border-radius:8px;outline:none;padding:14px;font-family:inherit;font-size:14px}.liq-field input:focus,.liq-field select:focus{border-color:var(--accent)}.liq-button{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;display:flex}.liq-button:hover{background:var(--accent-hover)}.liq-melding{color:var(--success);text-align:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;margin-top:16px;padding:12px;font-size:14px;font-weight:500}@media (max-width:900px){.liq-grid,.login-page,.grid-3{grid-template-columns:1fr}.login-visual{display:none}}@media (min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)!important;gap:24px!important;display:grid!important}}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s,border-color .2s;box-shadow:0 4px 20px #0003;background:#1e293bb3!important;border:1px solid #ffffff14!important;border-radius:20px!important}.card:hover{transform:translateY(-2px);border-color:#3b82f666!important}.card-value{color:#fff!important;font-size:34px!important}.btn-secondary{color:#fff!important;background:#1e293b!important;border:1px solid #334155!important}.btn-secondary:hover{background:#334155!important}.btn-primary{color:#fff!important;background:#3b82f6!important;box-shadow:0 0 15px #3b82f666!important}.btn-primary:hover{background:#2563eb!important;box-shadow:0 0 20px #3b82f699!important}.asset-list{background:#1e293b80!important;border:1px solid #ffffff14!important;border-radius:20px!important}.asset-row{background-color:#0000!important;border-bottom:1px solid #ffffff14!important}.asset-info h3,.asset-value strong{color:#fff!important}.asset-info p,.asset-value span{color:#94a3b8!important}.asset-row button{color:#fff!important;background-color:#334155!important;border:1px solid #475569!important;border-radius:8px!important;padding:8px 16px!important;font-weight:600!important;transition:all .2s!important}.asset-row button:hover{background-color:#475569!important;border-color:#3b82f6!important}@media (max-width:768px){div[style*="grid-template-columns: 1.5fr 1fr"],div[style*="grid-template-columns: repeat(auto-fit"],div[style*="grid-template-columns: 300px 1fr"]{grid-template-columns:1fr!important;gap:24px!important}.dash-shell,.liq-shell,.shell{padding:0 16px!important}.dash-nav-inner{flex-wrap:wrap!important;justify-content:center!important;gap:16px!important;height:auto!important;padding:16px 0!important}.dash-links{border-top:1px solid var(--border)!important;order:3!important;justify-content:center!important;width:100%!important;padding-top:16px!important}.dash-user{margin-left:auto!important}.dash-main>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:16px!important}.dash-main>div:first-child>div:last-child{flex-direction:column!important;gap:12px!important;width:100%!important;display:flex!important}.dash-main>div:first-child>div:last-child>a,.dash-main>div:first-child>div:last-child>button{text-align:center!important;justify-content:center!important;width:100%!important}.grid-3{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:24px!important;display:grid!important}.asset-row{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:16px!important}.asset-row>div:last-child{justify-content:space-between!important;width:100%!important;margin-left:0!important;display:flex!important}.asset-value{text-align:right!important}.card{width:calc(100vw - 32px)!important;max-width:100%!important;max-height:90vh!important;margin:16px!important;padding:16px!important;overflow-y:auto!important}.toast-notification{width:auto!important;bottom:16px!important;left:16px!important;right:16px!important}}
