*,:after,:before{box-sizing:border-box;margin:0;padding:0}body.dashboard{position:relative;background:#000}body.dashboard:before{content:"";position:fixed;inset:0;z-index:-1;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/90b39b48e208ecac19655376a448cd71.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzLzkwYjM5YjQ4ZTIwOGVjYWMxOTY1NTM3NmE0NDhjZDcxLmpwZyIsImlhdCI6MTc3MzIzMjc5MSwiZXhwIjozMzI3NzY5Njc5MX0.DdfA00D03AwJ9GjyfHowhe87-Ui5zvUma0UUgsppM8Q);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.95}a.button-jarvis-hoek{padding:.5rem 0;border:none}a.button-jarvis-hoek,a.button-jarvis-hoek:hover{background:transparent!important}a,button{text-decoration:none;display:inline-flex;align-items:center;gap:1rem;font-weight:400;padding:.5rem 0;transition:background-color .3s ease,color .3s ease}a{color:#fff;border-radius:.5rem}a:hover{background-color:#ffffff00;color:#1e355a}button.la{background-color:#1a446b00;padding:.5rem 1rem;border:none;border-radius:.5rem}button.la:hover{background-color:#207ca100}button.custom-button{background-color:linear-gradient(90deg,#0b1224,#0f2a44);color:var(--button-text-color,#fff)}button.custom-button:hover{background-color:var(--button-hover-bg,#0d4fac)}button.outline{background-color:transparent;color:#000;border:1px solid #1a446b}button.outline:hover{background-color:#e0e7ff00}a.custom-button{background-color:linear-gradient(90deg,#0b1224,#0f2a44);color:var(--button-text-color,#fff);padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:600;text-decoration:none}a.custom-button:hover{background-color:var(--button-hover-bg,#0d4fac)}input,select,textarea{background-color:#fffefe;color:#000;border:1px solid #000;padding:.5rem;border-radius:.5rem;outline:none}input:focus,select:focus,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px rgba(96,165,250,.5)}input:disabled{background-color:#f5f5f5;color:#6b7280}footer{background:linear-gradient(90deg,#0b1224,#0f2a44);color:#e5e7eb;padding:1.5rem 0;text-align:center}header{display:flex;flex-direction:column;width:100%;overflow:visible;backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 10px 30px rgba(0,0,0,.45);padding:0;border-radius:0;position:relative;color:inherit}.adaptive-glass{color:#fff}.adaptive-glass.light{color:#000}.headernav{color:inherit}.plans-button{padding:.6rem 1.4rem;border-radius:999px;margin-right:1rem;font-size:.95rem;letter-spacing:.3px;background:linear-gradient(135deg,#3aa9ff,#2563eb);box-shadow:0 8px 22px rgba(58,169,255,.35),inset 0 0 0 1px hsla(0,0%,100%,.15);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.plans-button:hover{background:linear-gradient(135deg,#4cc2ff,#3b82f6);box-shadow:0 12px 30px rgba(58,169,255,.55),inset 0 0 0 1px hsla(0,0%,100%,.25),0 0 40px rgba(58,169,255,.45)}.plans-button:active{transform:translateY(0);box-shadow:0 6px 16px rgba(58,169,255,.35)}header>div:first-child{display:flex;align-items:center;justify-content:space-between;width:100%;overflow:visible}.button-disabled,nav{display:flex;align-items:center;gap:2rem;justify-content:flex-start}.button-disabled{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.75rem 1.3rem;height:56px;background:linear-gradient(135deg,hsla(0,0%,63%,.157),hsla(0,0%,43%,.402))!important;border-radius:999px;border:1px solid hsla(0,0%,100%,.15);box-shadow:inset 0 1px 2px hsla(0,0%,100%,.15),0 4px 10px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:none!important;transform:none!important}.button-disabled:hover{color:#000;box-shadow:none;transition:transform .25s ease,background .25s ease}.button-disabled:after{content:"🔒︎";filter:grayscale(1) brightness(0);position:absolute;top:6px;left:10px;font-size:13px}.button-disabled.headernav:before{display:none!important}.tile-disabled{opacity:.5;pointer-events:none;position:relative}.tile-disabled:after{content:"🔒︎";filter:grayscale(1) brightness(0);position:absolute;top:10px;left:10px}.container{max-width:1000px;width:100%;margin-left:3rem;padding:0 0 1rem}.nav-link{background-color:transparent;min-width:115px;padding:1.25rem .5rem;border-radius:1rem;transition:background-color .3s ease,transform .3s ease}.nav-link:hover{background-color:rgba(59,130,246,.15);transform:translateY(-1px)}header>div:last-child{display:flex;align-items:center;justify-content:space-between;width:100%;overflow:visible}.button-containertt{display:flex;align-items:center;gap:1rem;padding-left:1rem}.logout-btn,.settings-btn{margin-left:0}.user-circle-dropdown{position:relative;display:inline-block;z-index:9999}.user-circle{width:40px;height:40px;background-color:#d2dcfc;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.user-circle:hover{background-color:#a5b4fc;transform:scale(1.1);color:#fff}.user-email-dropdown{position:absolute;top:55px;right:0;background-color:#0f172a;color:#fff;padding:.5rem 1rem;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s;font-size:.875rem;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:9999;pointer-events:auto}.user-circle-dropdown:hover .user-email-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.headernav{cursor:pointer;z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;border:1px solid hsla(0,0%,100%,.2);border-radius:999px;background:radial-gradient(circle at 50% 120%,rgba(100,149,255,.378),transparent 60%),rgba(20,20,40,.472);padding:.75rem 1.3rem;height:56px;color:#fff;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px rgba(100,150,255,.15),inset 0 0 10px hsla(0,0%,100%,.05);transition:all .3s ease}.headernav:before{content:"";position:absolute;width:120px;height:120px;background:radial-gradient(circle,hsla(0,0%,100%,.594) 0,rgba(111,183,238,.405) 40%,transparent 70%);top:var(--y,50%);left:var(--x,50%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .25s ease}.headernav:hover:before{opacity:1}.headernav:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(58,169,255,.55),inset 0 0 0 1px hsla(0,0%,100%,.35),0 0 50px rgba(58,169,255,.6)}.headernav.active,.headernav:hover{background:linear-gradient(135deg,#3aa9ff,#2f7cff)}.headernav.active{box-shadow:0 10px 28px rgba(58,169,255,.45),inset 0 0 0 1px hsla(0,0%,100%,.35);mix-blend-mode:normal}.text-center{text-align:center}table{border-spacing:0;border-collapse:separate}td,th{padding:1rem 2rem;border-bottom:1px solid #e2e8f0}th{background-color:#f9fafb;color:#374151;font-weight:600}.grid{grid-gap:2rem;gap:2rem}@media (max-width:640px){.grid{grid-template-columns:1fr}}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}.dashboard-container a,.dashboard-container a:focus,.dashboard-container a:hover{background:transparent!important}.tile{background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);border-radius:3rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:250px;color:#fff;cursor:pointer;border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 40px rgba(15,23,42,.18);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),background .45s ease,color .35s ease,border-color .35s ease}.dashboard-container .dashboard-grid .recent-events-tile{align-items:flex-start;justify-content:flex-start}.tile:hover{background:linear-gradient(145deg,rgba(0,98,255,.534),rgba(0,128,255,.287));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#fff;transform:translateY(-6px);border-color:rgba(0,0,0,.15);box-shadow:0 30px 60px rgba(59,130,246,.32),0 12px 24px rgba(0,0,0,.22)}.tile i{font-size:2.5rem;margin-bottom:1rem;color:inherit;transition:color .35s ease,text-shadow .35s ease}.tile:hover i{text-shadow:0 6px 20px hsla(0,0%,100%,.627)}.tile-count{margin-top:.4rem;font-size:2.2rem;font-weight:700;transition:color .35s ease;color:#fff}.dashboard-container{width:100%;display:flex;justify-content:flex-start}.dashboard-inner{width:70%;margin-left:30%}.recent-events-tile-glass{grid-column:span 3;background:hsla(0,0%,100%,.14);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-radius:2.5rem;padding:3rem;border:1px solid rgba(0,0,0,.15);box-shadow:0 12px 30px rgba(0,0,0,.12);color:#000}.recent-events-tile-glass h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.recent-events-list{display:flex;flex-direction:column;gap:1.25rem}.recent-event-item{display:flex;flex-direction:column;gap:.25rem}.recent-event-item .font-medium a{color:#000;text-decoration:none}.recent-event-item .font-medium a:hover{color:#3b82f6;text-decoration:underline}.recent-event-item time{font-size:.85rem;color:#000}.recent-events-tile-glass a[href^="/checklist"]:before{content:"✔";color:#10b981;margin-right:.5rem}@media (max-width:768px){.recent-events-tile-glass{grid-column:span 1;padding:2rem}}.neon-logo{font-family:Orbitron,sans-serif;color:#bad2d2;text-shadow:0 0 .3px #0084ff,0 0 .6px #0084ff,0 0 .9px #0084ff,0 0 1.2px #0084ff,0 0 1.6px #0084ff;font-size:1.5rem;animation:slowPauseGlow 6s ease-in-out infinite}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr}.grid>div{display:contents;flex-direction:column;gap:.5rem}.grid .space-y-4{margin-bottom:2rem}input,textarea{padding:.75rem;border-radius:.5rem;border:1px solid #ddd;background-color:#fafafa}input:focus,textarea:focus{border-color:#60a5fa}button{padding:.75rem 1.5rem;border-radius:.5rem;background-color:#1e355a;color:#fff;transition:background-color .3s ease}button:hover{background-color:#1a446b}label{font-weight:700}.contractor-page{position:relative;min-height:100vh;background-color:transparent}.contractor-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/invoice.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2ludm9pY2UuanBnIiwiaWF0IjoxNzcyNzU2NTAwLCJleHAiOjMzMjc3MjIwNTAwfQ.7MgnlAGitn5aovnz_PHaLsT66WNE5rf-usu72ZxKICw);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.customers-page{position:relative;min-height:100vh;background-color:transparent}.customers-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/achtergrondd.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2FjaHRlcmdyb25kZC5qcGciLCJpYXQiOjE3NzMyMzI4MzUsImV4cCI6MzMyNzc2OTY4MzV9.utKCMwocblhkxuLhDIa_pmwcf9WJESGEtnEq64Uf6ls);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.customer-row2{transition:all .25s ease;position:relative;background-color:hsla(0,0%,100%,.075);backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%)}.customer-row2 td{color:#fff}.customer-row2:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 20px rgba(0,0,0,.35);background:linear-gradient(90deg,rgba(49,109,237,.393),rgba(78,143,247,.18))}.customer-row{transition:all .25s ease;position:relative;background-color:hsla(0,0%,100%,.075);backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%)}.customer-row td{background:transparent;color:#fff}.customer-row:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 20px rgba(0,0,0,.35);background:linear-gradient(90deg,rgba(49,109,237,.393),rgba(78,143,247,.18))}.customer-row2 td{background:transparent;color:#000}.customer-table-head th{font-weight:600;opacity:.8;letter-spacing:.03em;color:#fff}.customer-table-head2 th{font-weight:600;opacity:.8;letter-spacing:.03em;color:#000}.customer-table-head td{font-weight:600;opacity:.8;letter-spacing:.03em;color:#fff}.status-red{color:#ef4444;font-weight:500}.status-blue{color:#000;font-weight:500}.status-blue,.status-red{display:inline}.customers-title{font-size:2rem;font-weight:700;color:#fff}.actions-cell{text-align:right}.empty-state{text-align:center;padding:1.5rem 0;opacity:.7}form{max-width:900px;margin:0 auto;padding:2rem}button[type=submit]{width:25%;font-size:.8rem}button[type=submit]:disabled{background-color:#cbd5e1;cursor:not-allowed}label{font-size:1rem;margin-bottom:.5rem;color:#333}input,textarea{font-size:1rem;background-color:#f8fafc}textarea{resize:vertical;height:150px}.grid .notes{grid-column:span 2}.disabled-button{padding:.6rem 1.2rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;background:linear-gradient(90deg,#6c6c6c91,#4f4f4fb0)!important;color:#fff;padding:.6rem 1.2rem .6rem 2rem;border:none;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s ease}.disabled-button:hover{transition:none;color:#000}.disabled-button:after{content:"🔒︎";filter:grayscale(1) brightness(0);position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:13px;pointer-events:none}.custom-button:hover{background-color:#4338ca}.small-button{background-color:#4f46e5;color:#fff;padding:.4rem .8rem;border-radius:.4rem;text-decoration:none;font-size:.875rem;transition:background-color .3s}.small-button:hover{background-color:#4338ca}.custom-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(90deg,#0b1224,#0f2a44)!important;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s ease}.custom-button:hover{background-color:#1d4ed8}.space-y-10{margin-bottom:3rem}.space-y-6{margin-bottom:2.5rem}.grid{gap:2.5rem}.text-base{font-size:.875rem}.text-sm{font-size:.75rem}.space-y-12{margin-bottom:2rem}.space-y-8{margin-bottom:1.5rem}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.custom-button{padding:.5rem 1rem;font-size:.75rem}.p-8{padding:1.5rem}.p-6{padding:1.25rem}.custom-button.text-sm{font-size:.75rem}.delete-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(90deg,#de0c0c,#a30202)!important;color:#fff;border:none;padding:10px;font-size:11px;font-weight:700;border-radius:10px;cursor:pointer}.delete-button:hover{background-color:#ff1a1a}.delete-button:focus{outline:none;box-shadow:0 0 0 2px rgba(255,0,0,.5)}.delete-button i{margin-right:8px}.invoice-header-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:2rem}.custom-buttoninvoice{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(90deg,#0b1224,#0f2a44);color:#fff;padding:.6rem 1.2rem;border:none;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s ease}.custom-buttoninvoice:hover{color:#fff;background:#4338ca!important;transition:background .3s ease}.invoice-page{position:relative;min-height:100vh;background-color:transparent}.invoice-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/invoice.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2ludm9pY2UuanBnIiwiaWF0IjoxNzcyNzU2NTAwLCJleHAiOjMzMjc3MjIwNTAwfQ.7MgnlAGitn5aovnz_PHaLsT66WNE5rf-usu72ZxKICw);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.glass-card1{background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);min-width:-moz-fit-content;min-width:fit-content;position:relative}.total-container-wrapper{display:flex;justify-content:flex-end;align-items:flex-end;position:relative;width:100%}tfoot td:nth-child(4){text-align:right!important;vertical-align:top;min-height:33px;padding-bottom:.4rem}.total-container{display:inline-flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;margin-left:auto;font-weight:800;white-space:nowrap}.invoice-meters{width:100%;margin-bottom:40px}.invoice-meters__grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;grid-gap:40px;gap:40px;align-items:end;justify-items:center}.invoice-meter{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:0;background:transparent;border:none;box-shadow:none;opacity:0;transform:translateY(60px);animation:meterEnter 1s ease forwards}.invoice-meter--large{max-width:520px;animation-delay:.1s}.invoice-meter:not(.invoice-meter--large){animation-delay:.6s}.invoice-meter__svg{position:relative;overflow:visible;transform:scale(1.35)}.invoice-meter:before{content:"";position:absolute;width:160%;height:110%;top:30%;background:radial-gradient(ellipse at center,rgba(160,70,255,.65) 0,rgba(120,0,255,.45) 30%,rgba(70,0,160,.35) 45%,rgba(40,0,90,.18) 60%,transparent 75%);filter:blur(32px);z-index:-2}.invoice-meter:after{content:"";position:absolute;width:150%;height:70%;top:38%;filter:blur(14px);z-index:-1}.invoice-meter__track{stroke:hsla(0,0%,100%,.12);stroke-width:20;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(160,60,255,.45))}.invoice-meter__progress{stroke:url(#meterGradient);stroke-width:20;stroke-linecap:round;filter:drop-shadow(0 0 12px rgba(200,120,255,.95)) drop-shadow(0 0 28px rgba(140,40,255,.85)) drop-shadow(0 0 46px rgba(100,0,255,.65))}.invoice-meter__ticks{stroke:hsla(0,0%,100%,.85);stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(200,150,255,.7))}.invoice-meter__ticks--minor{stroke-width:2;opacity:.65}.invoice-meter__needle{stroke:#fff;stroke-width:3;stroke-linecap:round}.invoice-meter__needle,.invoice-meter__needle-cap{filter:drop-shadow(0 0 6px rgba(255,255,255,.9)) drop-shadow(0 0 18px rgba(200,140,255,.8))}.invoice-meter__needle-cap{fill:#fff}.invoice-meter__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-40%);text-align:center}.invoice-meter__value{font-size:57px;font-weight:700;color:#fff;letter-spacing:-.04em;text-shadow:0 0 12px hsla(0,0%,100%,.9),0 0 28px rgba(180,120,255,.85),0 0 46px rgba(140,40,255,.75)}.invoice-meter--large .invoice-meter__value{font-size:73px}.invoice-meter__label{margin-top:6px;font-size:18px;font-weight:500;color:hsla(0,0%,100%,.9);letter-spacing:.12em;text-transform:lowercase;opacity:.9}.invoice-meter--large .invoice-meter__label{margin-top:12px}.invoice-meter__svg:after{content:"";position:absolute;left:-40%;bottom:-20px;width:180%;height:90px;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 40%,hsla(0,0%,94%,.85) 80%,#f0f0f0)}@keyframes meterEnter{0%{opacity:0;transform:translateY(80px) scale(.94)}70%{opacity:1;transform:translateY(-6px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.EmailPage{position:relative;min-height:100vh;background-color:transparent}.EmailPage:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/achtergrondd.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2FjaHRlcmdyb25kZC5qcGciLCJpYXQiOjE3NzMyMzI4MzUsImV4cCI6MzMyNzc2OTY4MzV9.utKCMwocblhkxuLhDIa_pmwcf9WJESGEtnEq64Uf6ls);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.customers-page{display:flex;flex-direction:column;gap:1.5rem}.customers-header{display:flex;align-items:center;justify-content:space-between;color:#000}.glass-card{background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.custom-table{background:none}.custom-table,.customer-table-wrapper{background-color:hsla(0,0%,100%,.075);backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%)}.customer-table-wrapper{overflow:hidden;border-radius:10px;background:none}.customer-row1{transition:all .25s ease;position:relative;background-color:hsla(0,0%,100%,.075);backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%)}.customer-row1 td{background:transparent}.customer-row1:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 20px rgba(0,0,0,.35);background:linear-gradient(90deg,rgba(49,109,237,.393),rgba(78,143,247,.18))}.customer-row:hover td{background:transparent}.customer-table-head td,.customer-table-head th{background-color:hsla(0,0%,100%,.075);backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%)}.customer-table-head1 td,.customer-table-head1 th{font-weight:600;opacity:.8;letter-spacing:.03em;color:#000}.customers-title1{font-size:2rem;font-weight:700;color:#000}.actions-cell1{text-align:right}.row-actions{display:flex;justify-content:flex-end;gap:.5rem}.empty-state1{text-align:center;padding:1.5rem 0;opacity:.7;color:#000}.newEmailPage{position:relative;min-height:100vh;background-color:transparent}.newEmailPage:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/achtergrondd.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2FjaHRlcmdyb25kZC5qcGciLCJpYXQiOjE3NzMyMzI4MzUsImV4cCI6MzMyNzc2OTY4MzV9.utKCMwocblhkxuLhDIa_pmwcf9WJESGEtnEq64Uf6ls);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.extra,.ruimte{margin-bottom:2rem}.extra{max-width:40%}.template-field-wrapper{display:grid;grid-template-rows:auto auto;grid-gap:.5rem;gap:.5rem}.template-field-wrapper select{width:100%}.template-field-wrapper button{justify-self:end}.newcontract{position:relative;min-height:100vh;background-color:transparent}.newcontract:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/achtergrondd.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2FjaHRlcmdyb25kZC5qcGciLCJpYXQiOjE3NzMyMzI4MzUsImV4cCI6MzMyNzc2OTY4MzV9.utKCMwocblhkxuLhDIa_pmwcf9WJESGEtnEq64Uf6ls);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.contracts-page{position:relative;min-height:100vh;background-color:transparent}.contracts-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/invoice.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2ludm9pY2UuanBnIiwiaWF0IjoxNzcyNzU2NTAwLCJleHAiOjMzMjc3MjIwNTAwfQ.7MgnlAGitn5aovnz_PHaLsT66WNE5rf-usu72ZxKICw);background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.delete-buttoncontract{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:linear-gradient(90deg,#de0c0c,#a30202)!important;color:#fff;border:none;max-height:34px;padding:10px;font-size:11px;font-weight:700;border-radius:10px;cursor:pointer}.contract-content h1{font-size:32px;font-weight:700;margin-bottom:12px}.contract-content h2{font-size:24px;font-weight:600;margin-bottom:10px}.contract-content p{margin-bottom:10px}.contract-content ul{list-style-type:disc;padding-left:20px;margin-bottom:10px}.contract-content ol{list-style-type:decimal;padding-left:20px;margin-bottom:10px}.contract-content li{margin-bottom:4px}.contract-content{border:1px solid #d1d5db;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:1rem;background-color:#fff;padding:2rem;max-width:795px;min-width:794px;margin:0 auto;min-height:1200px;max-height:1700px}.editor-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:10px;background-color:hsla(0,0%,40%,.46)}.editor-toolbar .ml-auto{margin-left:auto;display:flex;gap:10px}.editor-divider{width:2px;height:26px;background:rgba(0,0,0,.419);margin:0 4px}.editor-btn{display:flex;align-items:center;justify-content:center;color:#000;min-width:34px;height:34px;padding:0 10px;font-weight:600;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.15);transition:all .15s ease}.editor-btn:hover{background:#f1f5f9}.editor-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.contract-editor-wrapper{background:#fff;min-height:280px}.contract-editor-wrapper h1{font-size:32px;font-weight:700;margin-bottom:12px}.contract-editor-wrapper h2{font-size:24px;font-weight:600;margin-bottom:10px}.contract-editor-wrapper ul{list-style-type:disc;padding-left:20px;margin-bottom:10px}.contract-editor-wrapper ol{list-style-type:decimal;padding-left:20px;margin-bottom:10px}.contract-editor-wrapper li{margin-bottom:4px}.editor-document-background{background:#e5e7eb;display:flex;justify-content:center;padding:0 10px}.editor-pages-scroll{width:100%;display:flex;flex-direction:column;align-items:center;gap:40px;max-height:900px;overflow-y:auto;padding:0}.editor-page{min-width:850px;height:1123px;background:#e5e7eb!important;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.08),0 20px 40px rgba(0,0,0,.12);padding:80px 70px;position:relative;overflow:hidden}.rm-pagination-wrapper{background:#e5e7eb!important;padding:40px 0}.rm-pagination-page{background:#fff;max-width:794px;margin:0 auto;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.08),0 20px 40px rgba(0,0,0,.12)}.rm-pagination-gap{background:#e5e7eb!important;width:100vw!important;min-width:850px;margin-left:-3%}.ProseMirror,.ProseMirror:focus{outline:none!important;border:none!important}.contract-editor-area{height:auto;font-size:15px;line-height:1.7;color:#111827;font-family:Arial,sans-serif}.contract-editor-area .ProseMirror h1{font-size:28px;font-weight:700;margin-top:20px;margin-bottom:10px}.contract-editor-area .ProseMirror h2{font-size:22px;font-weight:600;margin-top:16px;margin-bottom:8px}.contract-editor-area .ProseMirror p{margin-bottom:8px}.contract-editor-area .ProseMirror ul{list-style-type:disc;padding-left:24px;margin-bottom:8px}.contract-editor-area .ProseMirror ol{list-style-type:decimal;padding-left:24px;margin-bottom:8px}.contract-editor-area .ProseMirror li{margin-bottom:4px}.editor-btn{padding:6px 10px;border-radius:6px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:14px}.editor-btn:hover{background:rgba(0,0,0,.05)}.editor-btn.active{background:rgba(12,105,255,.726)}.editor-btn.bold{font-weight:700}.editor-btn.italic{font-style:italic}.editor-btn.underline{text-decoration:underline}.editor-btn.h1{font-weight:700;font-size:16px}.editor-btn.h2{font-weight:600;font-size:15px}.editor-btn-bold{font-weight:700}.editor-btn-italic{font-style:italic}.editor-btn-underline{text-decoration:underline}.editor-btn-h1{font-weight:700;font-size:15px}.editor-btn-h2{font-size:14px}.editor-btn-bullet,.editor-btn-h2,.editor-btn-numbered{font-weight:600}.editor-btn.active.editor-btn-bold{font-weight:700}.editor-btn.active.editor-btn-italic{font-style:italic}.editor-btn.active.editor-btn-underline{text-decoration:underline}.editor-font-select{padding:6px 10px;border-radius:6px;border:1px solid rgba(0,0,0,.2);background:#fff;font-size:14px}.info{max-width:300px}.contract-content>*{page-break-inside:avoid;break-inside:avoid}.contract-pages{padding-bottom:40px}.editor-pages-scroll::-webkit-scrollbar{width:10px}.editor-pages-scroll::-webkit-scrollbar-track{background:transparent}.editor-pages-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:6px}.contract-label,label.contract-label{color:#000;font-size:1rem;display:block}form .contract-label{margin-bottom:.5rem}.plus-btn{background-color:#3b82f6;color:#fff;transform:translateY(0);box-shadow:0 6px 14px rgba(0,132,255,.35),inset 0 2px 6px rgba(0,0,0,.25)}.plus-btn:disabled{background-color:#818181;color:#fff}.min-btn{color:#000;background-color:hsla(0,0%,83%,.56)}.recipient-select{color:#000;min-width:100%!important}.recepient{color:#000}.recipient-container,.recipient-select-wrapper{position:relative;width:100%}.recipient-input-area{align-items:center}.recipient-select-input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#000}.recipient-dropdown-toggle{margin-left:-40px;width:36px;height:36px;border:none;background:transparent;cursor:pointer;font-size:18px;color:#fff;background-color:rgba(93,93,93,.42)}.recipient-dropdown{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:4px;box-shadow:0 6px 18px rgba(0,0,0,.15);max-height:160px;overflow-y:auto;z-index:100}.recipient-option{padding:10px 12px;cursor:pointer;color:#000}.recipient-option:hover{background:#2563eb;color:#fff}.recipient-input-area{display:flex;flex-direction:column;gap:6px;width:100%}.recipient-input-row{display:flex;align-items:center;gap:6px;width:100%}.recipient-selected-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px;min-height:38px;display:flex;flex-wrap:wrap;gap:6px;width:100%;min-height:61px}.recipient-tag{display:inline-flex;align-items:center;gap:6px;background:#e1ebfe;border-radius:999px;padding:3px 10px;font-size:.85rem;color:#111827;box-shadow:#000}.recipient-tag-remove{border:none;background:transparent;cursor:pointer;font-size:.9rem;color:#6b7280}.recipient-tag-remove:hover{color:#0054fd;background-color:transparent}.delete-buttoncontract:hover{background-color:#ff1a1a}.delete-buttoncontract:focus{outline:none;box-shadow:0 0 0 2px rgba(255,0,0,.5)}.delete-buttoncontract i{margin-right:8px}table{width:100%;border-collapse:collapse}td,th{padding:12px;text-align:left;border-bottom:1px solid #ddd}th{font-weight:700}td,th{background-color:#fff}td.space-x-2{display:flex;justify-content:flex-start;gap:10px}button{padding:8px 12px;font-size:14px;cursor:pointer;display:inline-block}button.text-blue-500,button.text-blue-500:hover,button.text-red-500,button.text-red-500:hover{color:#fff}button.size-icon{padding:8px;width:30px;height:30px;font-size:16px;display:flex;justify-content:center;align-items:center}button.space-x-2{margin-right:8px}td:nth-child(6),th:nth-child(6){width:200px}.headlessui-switch{display:inline-flex!important;position:relative!important;width:4rem;height:2rem}.headlessui-switch .switch-track{width:100%;height:100%;border-radius:9999px;background-color:#dc2626;transition:background-color .2s ease-in-out}.headlessui-switch .switch-thumb{width:2rem;height:2rem;border-radius:50%;background:#fff;position:absolute;top:0;left:0;transform:translateX(0);transition:transform .2s ease-in-out;pointer-events:none}.headlessui-switch[data-headlessui-state=checked] .switch-thumb{transform:translateX(100%)}.headlessui-switch:active .switch-thumb,.headlessui-switch:focus .switch-thumb,.headlessui-switch:hover .switch-thumb,.headlessui-switch[data-headlessui-state=checked]:active .switch-thumb,.headlessui-switch[data-headlessui-state=checked]:focus .switch-thumb,.headlessui-switch[data-headlessui-state=checked]:hover .switch-thumb{transform:inherit!important}.switch-thumb{pointer-events:none}.dashboard-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:10px;text-align:center}.table th{background-color:#f4f4f4;font-weight:700}.table tr:nth-child(2n){background-color:#f9f9f9}.table tr:hover{background-color:#f1f1f1}.table input[type=checkbox]{margin:20 auto}.table .button{padding:5px 10px;font-size:14px;background-color:#0070f3;color:#fff;border-radius:4px;text-align:center;cursor:pointer}.table .button:hover{background-color:#005bb5}.text-gray-400{color:#d1d5db}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.checklist-table .table-cell{text-align:center}.check-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.check-switch input{opacity:0;width:0;height:0}.check-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:background-color .25s ease;border-radius:9999px}.check-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background-color:#fff;transition:transform .25s ease;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.check-switch input:checked+.check-slider{background:linear-gradient(135deg,#3aa9ff,#2f7cff)}.check-switch input:checked+.check-slider:before{transform:translateX(20px)}.customer-row3{background-color:hsla(0,0%,100%,.075);backdrop-filter:blur(30px) saturate(110%);-webkit-backdrop-filter:blur(26px) saturate(110%);position:relative;isolation:isolate}.customer-row3 td{color:#fff}.customer-row3{transform:translateZ(0)}.customer-row3 td{background:transparent;color:#000}.login-wrapper{min-height:100vh;justify-content:flex-start;background-color:#000;overflow:hidden;padding-top:0}.login-content,.login-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.login-content{width:100%;max-width:1500px;margin-top:0;z-index:0}.login-content video.background-video{width:100%;height:auto;min-height:500px;object-fit:cover;border-radius:0;transform:translateX(-.5%)}.sub-logo{color:#fff;font-weight:700;font-size:1.5rem;text-align:center;letter-spacing:1px;opacity:0;animation:fadeIn 2s forwards;position:absolute;top:60%;left:51%;transform:translateX(-50%);pointer-events:none}.login-container{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:20px;position:relative;z-index:1;opacity:0}.login-container.fade-in{animation:fadeIn 1.5s ease forwards}.login-form{background-color:#000000e6;padding:1.5rem;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;min-width:430px;max-width:430px;text-align:center;margin:0}.login-form .relative{position:relative;display:flex;justify-content:center;width:100%}.login-form input{width:80%;padding:.75rem 3rem .75rem .75rem;margin-bottom:1rem;border:1px solid #555;background-color:#fff;color:#000;border-radius:.5rem}.login-form.fade-in{opacity:0;animation:fadeIn 2s forwards}.custom-buttonoog1{position:absolute;right:-10%;top:38%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.custom-buttonoog1,.login-form button.inlog-button{background-color:#0e4cb1;color:#fff;border:none;border-radius:.5rem;cursor:pointer}.login-form button.inlog-button{width:80%;padding:.75rem;font-weight:700}.login-form button:hover{background-color:#192de0}.login-footer{padding-top:.8rem;font-size:.7rem}.video-text{position:absolute;top:10%;width:100%;text-align:center;margin-left:3%;font-size:4rem;font-weight:700;font-family:Orbitron,sans-serif;color:#e4e4e4;z-index:1;opacity:.2;animation:fadeIn 2s forwards}.video-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;z-index:2;pointer-events:none;transform:translateY(-4%)}.neon1-logo{font-family:Orbitron,sans-serif;font-size:6.5rem;color:#cadfe1;text-align:center;opacity:0;position:relative;top:0;text-shadow:0 0 2px #0084ff,0 0 6px #0084ff,0 0 12px #0084ff,0 0 18px #0084ff}.neon1-logo.fade-in{animation:fadeIn 1s forwards,slowPauseGlow 6s ease-in-out infinite}@keyframes slowPauseGlow{0%,to{text-shadow:0 0 2px #0084ff,0 0 4px #0084ff,0 0 6px #0084ff}25%{text-shadow:0 0 4px #0084ff,0 0 8px #0084ff,0 0 12px #0084ff}50%{text-shadow:0 0 6px #0084ff,0 0 12px #0084ff,0 0 18px #0084ff,0 0 24px #0084ff,0 0 30px #0084ff}75%{text-shadow:0 0 4px #0084ff,0 0 8px #0084ff,0 0 12px #0084ff}}.signup-btn{position:absolute;top:10px;right:10px;padding:.5rem 1rem;background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;cursor:pointer;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.signup-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.login-form.slide-left{transform:translateX(-100%);transition:transform .5s ease}.signup-plans{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:20px;width:100%}.current-plan-btn{color:#6b7280;cursor:not-allowed;pointer-events:none;border:1px solid #9ca3af}.current-plan-btn,.current-plan-btn:hover{background-color:#d1d5db}.plan-header{display:flex;justify-content:space-between;align-items:center}.plan-see-features,.plan-toggle,.plan-toggle-wrapper{display:none}@media (max-width:768px){.plan-header{gap:6px}.plan-header,.plan-toggle-wrapper{flex-direction:column;align-items:flex-start}.plan-toggle-wrapper{display:flex;z-index:9999;color:#000}.plan-toggle{display:block;background:transparent;border:none;font-size:1.4rem;cursor:pointer;color:#0084ff;transition:transform .3s ease;z-index:9999}.plan-see-features{display:block;font-size:12px;opacity:.7}.plan-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease}.plan-tile.open .plan-content{max-height:550px;opacity:1}.plan-tile.open .plan-toggle{transform:rotate(180deg)}.inlog-button1{transform:scale(.6)}}.inlog-button1{background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.inlog-button1:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.inlog-button1:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px rgba(0,132,255,.35),inset 0 2px 6px rgba(0,0,0,.25)}.inlog-button1:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.plans-title{color:#000;font-size:32px;font-weight:700;margin-bottom:8px}.plans-subtitle{color:#000;font-size:14px;margin-bottom:20px}.plan-tile,.plans-subtitle,.plans-title{text-align:center}.plan-tile{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:1.5rem;padding:2rem;width:100%;max-width:250px;color:#000;box-shadow:0 8px 20px #0084ff;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem;position:relative;overflow:visible;display:inline-block;vertical-align:top;box-sizing:border-box}.plan-tile:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0084ff}.plan-tile h3{font-size:1.5rem;margin-bottom:1rem;color:#0084ff}.plan-tile p{margin-bottom:1rem;font-size:.95rem;color:#000;gap:1rem}.plan-price{font-weight:700;margin-bottom:1rem;font-size:1.1rem}.get-plan-btn{padding:.5rem 1rem;border-radius:12px;background:#0084ff;color:#fffefe;font-weight:700;cursor:pointer;border:none;transition:all .3s ease}.get-plan-btn:hover{background:#0084ff;transform:scale(1.05)}.popular{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:1.5rem;padding:2rem;text-align:center;width:100%;max-width:250px;color:#fff;box-shadow:0 8px 20px #0084ff;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem;position:relative;overflow:visible;display:block;vertical-align:top;box-sizing:border-box}.popular:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0084ff}.popular h3{font-size:1.5rem;margin-bottom:1rem;color:#0084ff}.popular p{margin-bottom:1rem;font-size:.95rem;color:#000}.popular:before{content:"Popular";position:absolute;top:-.5rem;right:-.5rem;background-color:#00d5ff;color:#fff;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 0 8px rgba(0,0,0,.3);z-index:999;display:block}.plan-features{text-align:left;gap:1rem;margin:1rem 0 .45rem}.plan-features li{display:flex;align-items:center;gap:1rem;font-size:.9rem;margin-bottom:.45rem}.plan-features li span{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;border:1px solid hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.feature-overlay{background:rgba(0,0,0,.2)}.plan-features li.included{color:#111;gap:1rem;margin-bottom:.45rem}.plan-features li.included svg{color:#0084ff;flex-shrink:0}.plan-features li.excluded{color:#9ca3af;flex-shrink:0;gap:1rem;padding-bottom:1rem;margin-bottom:.45rem}.signup-plans.slide-in{animation:slideIn .5s forwards}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.back-btn{position:absolute;top:20px;left:20px;background:transparent;border:none;color:#fff;cursor:pointer;z-index:10;transition:transform .2s ease,opacity .2s ease}.back-btn:hover{transform:translateX(-3px);opacity:.8}.plan-features{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.plan-features li{font-size:.95rem}.feature-link{color:#4aa1f3}.feature-link,.feature-link-ex{cursor:pointer;text-decoration:none;transition:color .2s}.feature-link-ex{color:#6d6d6d}.feature-link:hover{text-decoration:underline;color:#1a73e8}.feature-explanations{width:100%;margin-top:3rem;clear:both}.sign-up{position:relative;min-height:100vh;background-color:transparent}.sign-up:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url("https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/public/random/c93d73ce770912519d581d807486f905%20(1).jpg");background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:-1}.feature-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.161);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease}.feature-modal{background:hsla(0,0%,100%,.778);color:#000;padding:2rem;border-radius:16px;width:90%;max-width:400px;position:relative;box-shadow:0 0 20px rgba(0,132,255,.5);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);animation:scaleIn .25s ease}@media (min-width:1024px){.feature-modal{max-width:1200px;padding:3rem}}.feature-close,.feature-close:hover{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#000;cursor:pointer}.plan-features li.included{cursor:pointer;transition:color .2s ease}.plan-features li.included:hover{color:#0084ff}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.typed-text{color:#fff;font-size:1.25rem;text-align:center;margin:1rem 0;min-height:3rem;font-family:Orbitron,sans-serif}.typing-text-container{text-align:center;margin-top:20px;margin-bottom:20px}.typing-text{font-family:Orbitron,sans-serif}.cursor,.typing-text{font-size:1.5rem;color:#fff}.cursor{animation:blink .7s step-end infinite;display:inline-block}@keyframes blink{50%{opacity:0}}.custom-link{background-color:#fefefe00;color:#000;padding:.1rem 1.2rem;border-radius:.5rem;text-decoration:none;font-size:1rem;font-weight:600}.custom-link:hover{color:#3c2fcd}.resetknop{color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.resetknop,.resetknop:hover{background-color:#cb0d0d}.grijsknop{color:#fff;padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .3s ease}.grijsknop,.grijsknop:hover{background-color:#8e8e8e}.chat-toggle-btn{position:fixed;bottom:500px;left:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#2563eb;color:#fff;border-radius:9999px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transition:background-color .2s ease;z-index:50}.chat-toggle-btn:hover{background-color:#1d4ed8}.chat-toggle-btn svg{width:16px;height:16px}.chat-window.small-window{width:20rem;height:24rem}.chat-window.big-window,.chat-window.small-window{position:fixed;bottom:4.5rem;left:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 20px 60px -12px rgba(0,0,0,.65);display:flex;flex-direction:column;overflow:hidden;z-index:40}.chat-window.big-window{width:50vw;height:80vh}.chat-content{flex:1 1 auto;overflow-y:auto;padding:1rem}.chatbot-message-container{padding-top:8rem;padding-right:1rem}.chat-message{max-width:80%;padding:1rem;border-radius:1rem;border:1px solid #d1d5db;box-shadow:0 1px 2px rgba(0,0,0,.05);margin-bottom:.75rem;word-break:break-word}.chat-message.user{background-color:#dbeafe;border-color:#93c5fd;align-self:flex-end;color:#000}.chat-message.bot{background-color:#fff;border-color:#d1d5db;align-self:flex-start;color:#000}.chat-header{position:relative}.chat-header .expand-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;background-color:#0070f3}.message-date{font-size:.75rem;color:#0070f3;margin-top:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}a.gevonden-link{color:#2563eb;text-decoration:underline;font-weight:500;transition:color .2s ease}a.gevonden-link:hover{color:#1e40af;text-decoration:none}.chat-message-text{font-size:2rem;line-height:2.2;padding:1.5rem}.chat-timestamp{font-size:1.2rem;margin-top:1rem;color:#333}#chat-messages>div{margin-bottom:2rem}.status-dot{border-radius:9999px;margin-left:auto;margin-right:auto}.status-login{background-color:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.9)}.status-logout{background-color:#ef4444;box-shadow:0 0 6px rgba(239,68,68,.9)}.security-session-start{border-top:4px solid #000}.security-session-end{border-bottom:4px solid #000}.security-session-divider td{padding:0!important}.security-session-divider div{border-top:1px solid #666}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%}.security-session-spacer td{height:10px}.inlog-button{background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border-radius:.9rem;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.inlog-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.inlog-button:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px rgba(0,132,255,.35),inset 0 2px 6px rgba(0,0,0,.25)}.inlog-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.contract-pdf-wrapper{margin-top:1.5rem;margin-bottom:1rem}.contract-action-buttons{display:flex;gap:1rem}.contract-edit-button,.contract-send-button{padding-left:1rem;padding-right:1rem}.form-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.form-field label{font-size:1rem;font-weight:600;color:#1f2937}.name-input,.signature-input{width:100%;max-width:420px}.signature-block{position:relative}.signature-wrapper{display:block;width:360px;height:140px;border:2px solid #9ca3af;border-radius:8px;background-color:#fff;padding:0;margin:0}.signature-canvas{display:block;width:360px!important;height:140px!important;touch-action:none;cursor:crosshair;padding:0;margin:0}.signature-delete-btn{position:absolute;left:0;bottom:-44px;padding:.75rem 1.5rem;font-size:.875rem;line-height:1;width:-moz-fit-content;width:fit-content;color:#fff;background:#2563eb;border-radius:9999px;border:none;cursor:pointer}.signature-delete-btn:hover{text-decoration:underline}.signature-submit-actions{display:flex;justify-content:flex-start;gap:1rem;margin-top:3rem}.signature-cancel-btn,.signature-submit-btn{padding:.75rem 1.5rem;border-radius:9999px;font-size:.875rem;line-height:1;position:static}.signature-submit-btn{background-color:#2563eb;color:#fff}.signature-cancel-btn{background-color:#5c5c5c;color:#fff}.success-icon{width:60px;height:60px;position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:50}.email-action-button{display:inline-flex;align-items:center;justify-content:center;width:auto!important;max-width:-moz-fit-content!important;max-width:fit-content!important;padding:.5rem 1rem;white-space:nowrap;background-color:var(--button-bg-color,#1f365c);color:var(--button-text-color,#fff)}.email-action-button:hover{background-color:var(--button-hover-bg,#0d4fac)}.email-action-button--send{background-color:var(--button-bg-color,#1f365c);color:var(--button-text-color,#fff)}.email-action-button--send:hover{background-color:var(--button-hover-bg,#0d4fac)}.settings-button{position:flex;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:8rem;margin-bottom:1.2rem;border-radius:9999px;background:radial-gradient(circle at top left,#38bdf8,#1e3a8a);color:#e0f2fe;box-shadow:0 0 12px rgba(56,189,248,.6),inset 0 0 6px hsla(0,0%,100%,.2);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.settings-button:hover{transform:rotate(20deg) scale(1.05);box-shadow:0 0 18px rgba(56,114,248,.9),inset 0 0 8px hsla(0,0%,100%,.3)}.settings-button:active{transform:rotate(0deg) scale(.95)}.settings-button svg{width:20px;height:20px}.uitlog{background:radial-gradient(circle at top left,#2ca9de,#1e3a8a);color:#fff;font-weight:600;font-size:1rem;margin-right:.5rem;padding:.5rem 1.2rem;border-radius:.9rem;margin-bottom:1rem;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.uitlog:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.uitlog:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 14px rgba(0,132,255,.35),inset 0 2px 6px rgba(0,0,0,.25)}.uitlog:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.settings-layout{display:flex;position:relative;width:100%}body.settings{position:relative;background:none;overflow-x:hidden}body.settings:before{content:"";position:fixed;inset:-10%;z-index:-1;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/achtergrondd.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2FjaHRlcmdyb25kZC5qcGciLCJpYXQiOjE3NzE3OTgxNzIsImV4cCI6MzMyNzYyNjIxNzJ9.cUTd19b5qdhSXmuUH_dsz6_gUKAG89MulXrFCzuN3iA);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.95}.settings-sidebar{width:260px;padding:88px 16px 24px;min-height:100%;background:rgba(20,20,24,.28);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-right:1px solid hsla(0,0%,100%,.08);align-self:stretch;transition:transform .35s ease}.settings-layout.sidebar-closed .settings-sidebar{transform:translateX(-100%)}.settings-layout.sidebar-open .settings-sidebar{transform:translateX(0)}.settings-nav ul{list-style:none;margin:0;padding:0}.settings-nav-item{display:block;padding:14px 22px;margin-bottom:10px;border-radius:999px;font-size:15px;font-weight:600;color:#0b0f14;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(135deg,hsla(0,0%,100%,.14),hsla(0,0%,100%,.08));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 6px 18px rgba(0,0,0,.22),inset 0 0 0 1px hsla(0,0%,100%,.28);transition:background .35s ease,box-shadow .35s ease,transform .25s ease,color .25s ease}.settings-nav-item:hover{color:#fff;background:linear-gradient(135deg,#3aa9ff,#2f7cff);transform:translateY(-2px);box-shadow:0 14px 36px rgba(58,169,255,.55),inset 0 0 0 1px hsla(0,0%,100%,.35),0 0 50px rgba(58,169,255,.6)}.settings-nav-item.active{background:linear-gradient(135deg,hsla(0,0%,100%,.22),hsla(0,0%,100%,.08));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.14);color:#fff;background:linear-gradient(135deg,#3aa9ff,#2f7cff);box-shadow:0 10px 28px rgba(58,169,255,.45),inset 0 0 0 1px hsla(0,0%,100%,.35)}.settings-nav-disabled{display:block;padding:14px 22px;margin-bottom:10px;border-radius:999px;font-size:15px;font-weight:600;color:#000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(135deg,rgba(72,72,72,.606),rgba(96,96,96,.513));backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:background .35s ease,box-shadow .35s ease,transform .25s ease,color .25s ease}.settings-nav-disabled:hover{color:#000;background:linear-gradient(135deg,hsla(0,0%,58%,.454),hsla(0,0%,68%,.513));transform:translateY(0)}.settings-nav-disabled:after{content:"🔒︎";filter:grayscale(1) brightness(0);position:absolute;top:10px;left:10px}.settings-content{flex:1 1;padding:40px;transition:margin-left .35s ease}.settings-layout.sidebar-open .settings-content{margin-left:260px}.settings-layout.sidebar-closed .settings-content{margin-left:0}.settings-sidebar-toggle{position:absolute;top:24px;left:24px;z-index:10;width:44px;height:44px;border-radius:999px;background:rgba(20,20,24,.6);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border:1px solid hsla(0,0%,100%,.12);color:#fff;font-size:20px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.settings-sidebar-toggle:hover{background:hsla(0,0%,100%,.18);transform:scale(1.06)}.settings-panel{background:hsla(0,0%,100%,.046);backdrop-filter:blur(13px) saturate(70%);-webkit-backdrop-filter:blur(13px) saturate(70%);border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 40px rgba(15,23,42,.18);border-radius:3rem;padding:2rem}.email-preview-wrapper12{max-height:600px;min-width:340px}.email-preview-iframe0{min-height:600px;min-width:690px}.settings-panel3{background:hsla(0,0%,100%,.046);backdrop-filter:blur(13px) saturate(70%);-webkit-backdrop-filter:blur(13px) saturate(70%);border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 40px rgba(15,23,42,.18);border-radius:3rem;padding:2rem;min-height:1050px -moz-fit-content;min-height:1050px fit-content}.email-preview0{min-height:550px}.settings-panel{max-width:720px}.settings-group{margin-bottom:2rem}.settings-field-group{display:flex;flex-direction:column;gap:.75rem;max-width:360px}.settings-field-group input{width:100%}.settings-section{display:flex;flex-direction:column;align-items:center;transform:translateX(-10%)}.settings-title{font-size:2.25rem;font-weight:700;text-align:center;color:#000;margin-bottom:2rem;max-width:720px;width:100%}.gegevens{padding-bottom:1rem;margin-bottom:1rem;color:#000}.plans-button{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.15);margin-left:.4rem}.plans-button:hover{transform:translateY(-2px);box-shadow:0 6px 8px #2574fc9a}.plans-button:active{transform:translateY(1px);box-shadow:0 3px 4px #2574fcd1}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:2.5rem}.password-toggle{position:absolute;right:.75rem;background:transparent!important;border:none;cursor:pointer;color:#000;font-size:1rem}.password-requirements{margin-top:.75rem;font-size:.8rem;color:#9ca3af}.password-requirements ul{padding-left:0;margin:.5rem 0 0}.password-requirements li{list-style:none;position:relative;padding-left:1.4rem;margin-bottom:.3rem;color:#9ca3af}.password-requirements li:before{content:"✕";position:absolute;left:0;top:0;color:#ef4444;font-weight:600}.password-requirements li.ok{color:#22c55e}.password-requirements li.ok:before{content:"✓";color:#22c55e}.settings-panell{background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 40px rgba(15,23,42,.18);border-radius:3rem;padding:2rem;max-width:900px}.email-settings-layout.email-layout-vertical{display:flex;flex-direction:column;gap:40px}.email-layout-option{gap:1rem}.email-editor{display:flex;flex-direction:column;gap:24px}.email-editor-section{background:hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:20px 22px;box-shadow:0 10px 30px rgba(0,0,0,.04)}.email-editor-title{font-size:14px;font-weight:600;letter-spacing:.02em;margin-bottom:16px;opacity:.85}.email-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.email-field:last-child{margin-bottom:0}.email-field-inline{flex-direction:row;justify-content:space-between}.email-label{font-size:13px;font-weight:500;opacity:.8}.email-textarea{width:100%;resize:vertical;border-radius:12px;border:none;padding:10px 12px;font-size:14px;background:hsla(0,0%,100%,.8);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.email-textarea:focus{outline:none;box-shadow:inset 0 0 0 1px rgba(91,140,255,.7)}.email-color-input{width:42px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;cursor:pointer}.contract-editor{display:flex;flex-direction:column;gap:24px}.contract-editor-section{background:hsla(0,0%,100%,.35);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:20px 22px;box-shadow:0 10px 30px rgba(0,0,0,.04)}.contract-editor-title{font-size:14px;font-weight:600;letter-spacing:.02em;margin-bottom:16px;opacity:.85}.contract-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.contract-field:last-child{margin-bottom:0}.contract-field-inline{flex-direction:row;align-items:center;justify-content:space-between}.contract-label{font-size:13px;font-weight:500;opacity:.8}.contract-textarea{width:100%;resize:vertical;border-radius:12px;border:none;padding:10px 12px;font-size:14px;background:hsla(0,0%,100%,.8);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.contract-textarea:focus{outline:none;box-shadow:inset 0 0 0 1px rgba(91,140,255,.7)}.contract-color-input{width:42px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;cursor:pointer}.settings-panells{background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 40px rgba(15,23,42,.18);border-radius:3rem;padding:2rem;max-height:-moz-fit-content;max-height:fit-content}.switch{position:absolute;display:inline-block;width:44px;height:24px;flex-shrink:0;margin-left:30%}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:background-color .25s ease;border-radius:9999px}.slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;background-color:#fff;transition:transform .25s ease;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.switch input:checked+.slider{background:linear-gradient(135deg,#3aa9ff,#2f7cff)}.switch input:checked+.slider:before{transform:translateX(20px)}.email-field-inline{display:flex;align-items:center;gap:12px}.email-preview{display:flex;justify-content:center}.email-preview-wrapper,.email-preview-wrapper1{width:100%;max-width:760px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.12),0 10px 25px rgba(0,0,0,.06)}.email-preview-wrapper1{max-height:1000px}.email-preview-inner{padding:3px 3px 2px;font-family:Arial,sans-serif;color:#1e1e1e;font-size:14px;line-height:1.6}.email-preview-logo{font-size:34px;font-weight:700;margin-bottom:8px}.email-preview-title{margin:0 0 12px;padding-bottom:8px;font-size:18px}.email-preview-divider{margin:16px 0}.email-preview-header{padding:20px 24px;color:#fff}.email-preview-section-title{margin-top:28px;margin-bottom:8px;font-size:18px}.email-preview-meta{width:100%;border-collapse:collapse;font-size:14px}.email-preview-meta td{padding:6px 4px}.email-preview-meta td:first-child{font-weight:700;width:180px}.email-preview-items{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px}.email-preview-items th{text-align:left;padding:8px;border-bottom:1px solid #ddd}.email-preview-items td{padding:8px;border-bottom:1px solid #eee}.email-preview-extra-info{margin-top:20px;padding-top:16px;border-top:1px dashed rgba(0,0,0,.15);font-size:12.5px;opacity:.8}.email-preview-pay-button{display:inline-block;margin-top:24px;padding:12px 24px;color:#fff;text-decoration:none;border-radius:4px;font-weight:700;max-width:50px}.email-preview-footer{display:block;margin-top:32px;padding:17px 6px;font-size:12px;color:#fff;text-align:center}.email-preview-iframe{height:900px}.email-preview-iframe,.email-preview-iframe123{width:100%;border:none;background:hsla(0,0%,100%,.357);border-radius:8px;padding:0}.email-preview-iframe123{height:500px}.email-preview-iframe1234{width:100%;height:620px;border:none;background:hsla(0,0%,100%,.357);border-radius:8px;padding:0}.fullscreen-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-bg{background:radial-gradient(circle at top,hsla(0,0%,100%,.15),hsla(0,0%,100%,0)),linear-gradient(135deg,#020617,#020617),}.login-bg h1,.login-bg p{color:#002aff}.login-form1{background-color:#000000e6;padding:1rem;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;min-width:400px;max-width:480px;text-align:center;position:center}.login-form1 input{width:80%;padding:.75rem;margin-bottom:1rem;border:1px solid #555;background-color:#fff;color:#000;border-radius:.5rem}.login-form1 button{width:100%;padding:.75rem;background-color:#0e4cb1;color:#fff;border:none;border-radius:.5rem;font-weight:700;cursor:pointer}.login-form1 button:hover{background-color:#0a57c4}.error-text{color:red;margin-bottom:1rem}.sign-root{min-height:100vh!important;display:flex!important;flex-direction:column!important}.sign-main{flex:1 0 auto!important}.sign-footer-force{margin-top:auto!important;position:static!important;width:100%!important;height:64px!important;background:linear-gradient(90deg,#0f172a,rgba(1,129,220,.9))!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}.sign-footer-force,.sign-header,.sign-main,.sign-root{box-sizing:border-box}.sign-main{padding:24px!important}@media (min-width:768px){.sign-main{padding:32px!important}}@media (min-width:1024px){.sign-main{padding:40px!important}}.sign-header{display:flex!important;align-items:center!important;justify-content:center!important;height:64px}.sign-header h1{margin:0!important;text-align:center!important}.custom-buttonoog{background-color:#0e4cb1;color:#fff;max-width:45px;padding:.75rem}.chat-message-text strong{font-weight:700}.chat-message-text ul{padding-left:20px;margin:8px 0}.chat-message-text li{margin-bottom:6px}.chat-message-text p{margin:6px 0}.title-text{font-size:2.5rem;font-weight:700;color:#000;margin-bottom:.5rem}.title-underline{height:2px;width:18rem;background-color:#2563eb;margin:0 auto 2rem;border-radius:1px}.jarvis-mail-wrapper{width:100%;background:#f7f7f7;padding:40px 20px;text-align:center;font-family:Arial,Helvetica,sans-serif}.jarvis-mail-title{color:#000;font-size:32px;font-weight:700;margin-bottom:30px}.jarvis-mail-card{max-width:520px;margin:0 auto;background-color:linear-gradient(90deg,#1549f5e9,#6ce5d9);padding:30px 25px;border-radius:14px;text-align:left;box-shadow:0 4px 18px rgba(0,0,0,.08);color:#fff;font-size:14px;line-height:1.6}.jarvis-mail-card p{margin:4px 0}.jarvis-mail-footer{max-width:520px;margin:25px auto 0;padding-top:15px;border-top:1px solid #e5e7eb;font-size:12px;color:#9ca3af;text-align:center}.signup-page-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/sign-up-page.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL3NpZ24tdXAtcGFnZS5qcGciLCJpYXQiOjE3NzE1MTQ1MzUsImV4cCI6MzMyNzU5Nzg1MzV9.f-oCqztHozGY6NEd660RMAdmdtal2qzvm3gWn4eSdU0) no-repeat 50%;background-size:cover;padding:2rem}.signup-page-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:2rem;text-align:center}.account-text{color:#fff;font-size:1rem;text-align:center}.account-link{color:#3b82f6;text-decoration:underline}.account-link:hover{color:#fff;background:none}.signup-glass-card{width:100%;max-width:500px;padding:2rem;border-radius:1.5rem;background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);box-shadow:0 8px 20px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:1.5rem}.signup-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.3);background:hsla(0,0%,100%,.1);color:#fff;outline:none}.signup-input::placeholder{color:hsla(0,0%,100%,.7)}.signup-label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff}.signup-form-space>*{margin-bottom:1rem}.payment-button-container{display:flex;justify-content:center;margin-top:1rem}.payment-button{padding:.75rem 2rem;border-radius:1rem;background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);font-weight:100px;min-width:200px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.payment-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.back-button{position:absolute;top:2rem;left:2rem;padding:.4rem 1rem;border-radius:.5rem;background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);font-weight:900;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.back-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.neon-logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.signup-select option{color:#000}.email-input-wrapper{position:relative;width:100%}.email-verified{padding-right:40px}.email-verified-check{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#2563eb;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;box-shadow:0 0 10px rgba(37,99,235,.6);animation:verifiedPop .25s ease-out}@keyframes verifiedPop{0%{transform:translateY(-50%) scale(.6);opacity:0}to{transform:translateY(-50%) scale(1);opacity:1}}.signup-glass-card2{background:hsla(0,0%,45%,.176);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:2rem;width:100%;max-width:800px;min-width:800px;margin:2rem auto;display:flex;flex-direction:column;align-items:center}.stripe-container{width:100%}.stripe-container .StripeElement{width:100%!important;min-height:50px;padding:12px;box-sizing:border-box}.stripe-container form{display:flex;flex-direction:column;height:100%}.stripe-submit-container{margin-top:2rem;width:100%;display:flex;justify-content:center}.stripe-submit-button{padding:.75rem 2rem;flex-direction:column;border-radius:1rem;background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.stripe-submit-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.aanvragen-page{position:relative;min-height:100vh;display:flex;justify-content:flex-start;padding:2rem;box-sizing:border-box;font-family:sans-serif;flex-direction:column;overflow:hidden}.aanvragen-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/sign-up-page1.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL3NpZ24tdXAtcGFnZTEuanBnIiwiaWF0IjoxNzcyMjc4NDgxLCJleHAiOjMxNzEwMDc0MjQ4MX0.wSWm0yO0_mGgkuIzaBUdCbyeSv0szwT4DwlsKRc13vM) 50%/cover no-repeat;opacity:1;z-index:-1}.aanvragen-title{color:#fff;font-weight:700;font-size:3.5rem;margin-bottom:2rem;text-align:left;z-index:1}.aanvraagtegel{min-width:450px;max-width:600px}.aanvraagtegel,.aanvraagtegel1{position:relative;background:hsla(0,0%,45%,.14);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:16px;padding:2rem;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 4px 12px rgba(30,0,255,.272);width:-moz-fit-content;width:fit-content}.aanvraagtegel1{min-width:550px;max-width:800px}.aanvraag-datum{position:absolute;top:1rem;left:1rem;font-weight:700;font-size:.85rem}.aanvraag-buttons{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.btn-accepteren{background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;border:none;cursor:pointer;padding:.6rem 1.5rem;border-radius:8px;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease;font-weight:500}.btn-accepteren:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.aanvraagtegels-container{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start}.aanvraagtegel p{margin:.25rem 0;word-break:break-word}.settings-panel1{min-width:500px;background:hsla(0,0%,100%,.046);backdrop-filter:blur(13px) saturate(70%);-webkit-backdrop-filter:blur(13px) saturate(70%);border:1px solid rgba(0,0,0,.15);box-shadow:0 20px 40px rgba(15,23,42,.18);border-radius:3rem;padding:2rem}.logo-input-wrapper{position:relative;display:flex;align-items:center;width:100%;margin-bottom:.5rem}.logo-filename-input{width:100%;padding:.6rem 2.5rem .6rem .75rem;border:1px solid #ccc;border-radius:6px;background-color:#fff;font-size:.95rem}.logo-remove-button{position:absolute;right:.3rem;background:linear-gradient(135deg,#ff4b5c,red);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.2rem .4rem;display:flex;align-items:center;justify-content:center;transition:transform .1s ease,opacity .2s ease}.logo-remove-button:hover{opacity:.85;transform:scale(1.1)}.logo-remove-button:active{transform:scale(.95)}.aanvraag-status-dot{background-color:#f59e0b;display:inline-block;position:relative;animation:aanvraagPulse 2s ease-in-out infinite}@keyframes aanvraagPulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.7)}50%{box-shadow:0 0 0 8px rgba(245,158,11,0)}to{box-shadow:0 0 0 0 rgba(245,158,11,0)}}.aanvraag-status-dot{width:10px;height:10px;background-color:orange;border-radius:50%}.aanvraag-status-dotgroen{background-color:#2af50b;display:inline-block;position:relative;animation:aanvraagPulse1 2s ease-in-out infinite}@keyframes aanvraagPulse1{0%{box-shadow:0 0 0 0 rgba(42,245,11,.7)}50%{box-shadow:0 0 0 8px rgba(245,158,11,0)}to{box-shadow:0 0 0 0 rgba(245,158,11,0)}}.aanvraag-status-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;cursor:default}.aanvraag-status-dotgroen{width:10px;height:10px;background-color:rgba(42,245,11,.7);border-radius:50%}.aanvraag-status-wrapper{position:relative;display:inline-block}.aanvraag-status-dropdown{position:absolute;top:140%;right:0;background:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.08);min-width:220px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .25s ease;z-index:50}.aanvraag-status-wrapper:hover .aanvraag-status-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.aanvraag-status-dropdown p{margin:0;font-size:.85rem;color:#333}.aanvraag-status-dropdown p+p{margin-top:.4rem}.guard-background{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#00000000}.guard-background:before{content:"";position:fixed;inset:-10%;z-index:-1;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/achtergrondd.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2FjaHRlcmdyb25kZC5qcGciLCJpYXQiOjE3NzE5ODIwODEsImV4cCI6MzMyNzY0NDYwODF9.fF73A7WEWIkSuvA7ThY0JZdhd7riUdKXXw_Zd-UI8Po);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.95}.centered-login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto}.back-btn1{position:absolute;top:20px;left:20px;background:transparent;border:none;color:#979797;cursor:pointer;z-index:10;transition:transform .2s ease,opacity .2s ease}.back-btn1:hover{transform:translateX(-3px);opacity:.8}.plan-tile1{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:1.5rem;padding:2rem;text-align:center;width:100%;max-width:250px;color:#000;box-shadow:0 8px 20px #2563eb;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem;position:relative;overflow:visible;display:inline-block;vertical-align:top;box-sizing:border-box}.plan-tile1:hover{transform:translateY(-8px);box-shadow:0 12px 30px #2564eb}.plan-tile1 h3{font-size:1.5rem;margin-bottom:1rem;color:#2563eb}.plan-tile1 p{margin-bottom:1rem;font-size:.95rem;color:#000;gap:1rem}.popular1{background:linear-gradient(145deg,#fff,#f0f0f0);border-radius:1.5rem;padding:2rem;text-align:center;width:100%;max-width:250px;color:#fff;box-shadow:0 8px 20px #2563eb;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem;position:relative;overflow:visible;display:inline-block;vertical-align:top;box-sizing:border-box}.popular1:hover{transform:translateY(-8px);box-shadow:0 12px 30px #2563eb}.popular1 h3{font-size:1.5rem;margin-bottom:1rem;color:#0084ff}.popular1 p{margin-bottom:1rem;font-size:.95rem;color:#000}.popular1:before{content:"Popular";position:absolute;top:-.5rem;right:-.5rem;background-color:#00d5ff;color:#fff;border-radius:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;box-shadow:0 0 8px rgba(0,0,0,.3);z-index:999;display:block}.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,50,.5);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease forwards}.confirm-box{background:linear-gradient(145deg,#fff,#e6f0ff);padding:2rem;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,50,.3);max-width:400px;width:90%;text-align:center;transform:translateY(-20px);animation:slideDown .3s ease forwards}.confirm-box h2{margin-bottom:1rem;color:#036}.confirm-box p{margin-bottom:2rem;color:#1a1a1a}.confirm-buttons{display:flex;justify-content:space-around}.confirm-buttons button{padding:.5rem 1.5rem;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:transform .2s}.confirm-buttons button:hover{transform:scale(1.05)}.confirm-buttons button:first-child{background:#f0f0f0;color:#333}.confirm-buttons button:last-child{background:#0052cc;color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.subscription-timeline-wrapper{width:100%;max-width:900px;margin:0 auto 3rem;padding:2rem 2rem 2.5rem;border-radius:20px;background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 8px 32px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.15);position:relative;overflow:hidden;animation:timelineFadeIn .8s ease forwards}.subscription-timeline-dates{display:flex;justify-content:space-between;font-size:.85rem;font-weight:500;color:#000;margin-bottom:1rem;letter-spacing:.5px}.timeline-date-end,.timeline-date-start{background:hsla(0,0%,100%,.08);padding:.4rem .8rem;border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.15)}.subscription-timeline-bar{display:grid;grid-template-columns:repeat(30,1fr);grid-gap:6px;gap:6px;position:relative;z-index:2}.timeline-block{height:14px;border-radius:6px;background:#374151;transition:all .4s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}.timeline-block-upcoming{background:linear-gradient(180deg,#4b5563,#374151);opacity:.6}.timeline-block-passed{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 8px rgba(59,130,246,.6),0 0 16px rgba(37,99,235,.4);transform:scaleY(1.15)}.timeline-block-passed:hover{transform:scaleY(1.25) scaleX(1.05);box-shadow:0 0 12px rgba(59,130,246,.9),0 0 24px rgba(37,99,235,.6)}.subscription-timeline-today{margin-top:1.2rem;font-size:.9rem;font-weight:600;color:#3b82f6;text-align:center;position:relative;z-index:2}.subscription-timeline-today:before{content:"";display:block;width:60px;height:2px;margin:0 auto 6px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);animation:pulseLine 2s ease-in-out infinite}@keyframes pulseLine{0%,to{opacity:.4}50%{opacity:1}}@keyframes timelineFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.subscription-timeline-wrapper{padding:1.5rem}.timeline-block{height:10px}.subscription-timeline-dates{font-size:.75rem}}.plans-page-background{position:relative;min-height:100vh;width:100%;padding:2rem;overflow-x:hidden;background-color:#2564eb00}.plans-page-background:before{content:"";position:fixed;inset:-10%;z-index:-2;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/sign/bestanden-emails/achtergrondd.jpg?token=eyJraWQiOiJzdG9yYWdlLXVybC1zaWduaW5nLWtleV80NzE4OGZkMy1iYThlLTRkODctYWMyNC04NjdiZDYyZTczMWEiLCJhbGciOiJIUzI1NiJ9.eyJ1cmwiOiJiZXN0YW5kZW4tZW1haWxzL2FjaHRlcmdyb25kZC5qcGciLCJpYXQiOjE3NzE5ODIwODEsImV4cCI6MzMyNzY0NDYwODF9.fF73A7WEWIkSuvA7ThY0JZdhd7riUdKXXw_Zd-UI8Po);background-size:cover;background-position:50%;background-repeat:no-repeat;transform:scale(1.08);filter:brightness(1) contrast(1.1);opacity:1}.guardian-login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#1a1a1a}.guardian-login-form{background-color:#000000e6;padding:1.5rem;border-radius:1rem;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;width:430px;text-align:center;position:relative}.guardian-login-form .guardian-field{position:relative;width:100%;display:flex;justify-content:center}.guardian-login-form input{width:80%;padding:.75rem 3rem .75rem .75rem;margin-bottom:1rem;border:1px solid #555;background-color:#fff;color:#000;border-radius:.5rem}.guardian-eye-btn{position:absolute;right:12%;top:38%;transform:translateY(-50%);background-color:#0e4cb1;color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:.5rem;cursor:pointer}.guardian-error-text{color:red;margin-bottom:1rem}.guardian-signin-btn{width:80%;padding:.75rem 1rem;background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;cursor:pointer;border:none;border-radius:.5rem;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.guardian-signin-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.guardian-login-footer{padding-top:.8rem;font-size:.7rem}.adaptive-glass{position:relative;isolation:isolate;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.14);transition:background .35s ease,border .35s ease,box-shadow .35s ease,color .25s ease}.jarvis-homepage{color:#fff;font-family:Inter,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}.jarvis-footer{backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);background:hsla(0,0%,100%,.04)}.jarvis-title2{font-size:3rem;text-align:center}.linkknop:hover{background:none;color:#0054fd}.jarvis-bg-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.jarvis-bg-video.mobile{display:block}.jarvis-bg-video.desktop{display:none}@media (min-width:1024px){.jarvis-bg-video.mobile{display:none}.jarvis-bg-video.desktop{display:block}}.jarvis-button-wrapper,.jarvis-left,.jarvis-logo-wrapper,.jarvis-right{position:relative;z-index:10}.jarvis-logo-wrapper{position:absolute;top:0;left:10px;z-index:15}.jarvis-logo{width:250px;opacity:.95}@media (max-width:768px){.jarvis-logo{width:166px}}.jarvis-left{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:120px 24px 80px;max-width:900px;z-index:10}@media (min-width:768px){.jarvis-left{padding-left:80px}}.jarvis-title{font-size:3rem;font-weight:900;line-height:1.05;letter-spacing:-.02em}@media (min-width:768px){.jarvis-title{font-size:3.5rem}}@media (min-width:1200px){.jarvis-title{font-size:4.5rem}}.jarvis-features{margin-top:48px;display:flex;flex-direction:column;gap:20px}.jarvis-feature-item{display:flex;align-items:flex-start;gap:16px}.jarvis-feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 12px rgba(14,76,177,.35);transition:all .3s ease}.jarvis-feature-item:hover .jarvis-feature-icon{box-shadow:0 0 18px rgba(14,76,177,.6);background:hsla(0,0%,100%,.08)}.jarvis-icon{width:20px;height:20px;color:#0e4cb1}.jarvis-feature-text{color:#d1d5db;font-size:1rem;line-height:1.6;max-width:600px}.jarvis-right{position:absolute;right:8%;top:20%;transform:translateY(-50%);width:500px;height:330px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 20px rgba(14,76,177,.4),0 0 40px rgba(14,76,177,.3),0 0 80px rgba(14,76,177,.2);border:1px solid hsla(0,0%,100%,.1);z-index:10}.jarvis-iframe{width:1200px;height:900px;border:none;background:#000;transform:scale(.4);transform-origin:top left;pointer-events:none}@media (max-width:1024px){.jarvis-right{position:relative;top:auto;right:auto;transform:none;width:300px;height:198px;margin:40px auto 0;border-radius:12px}.jarvis-iframe{transform:scale(.24)}.jarvis-button-wrapper{position:relative;margin-top:20px}}.jarvis-homepage ::-webkit-scrollbar{width:8px}.jarvis-homepage ::-webkit-scrollbar-track{background:#000}.jarvis-homepage ::-webkit-scrollbar-thumb{background:#22d3ee;border-radius:10px}.jarvis-button-wrapper{position:absolute;left:50%;transform:translateX(-50%);bottom:20px;width:auto;display:flex;justify-content:center;z-index:10001}.jarvis-enter-button{display:block;padding:16px 28px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-size:1rem;font-weight:600;border-radius:999px;border:none;cursor:pointer;box-shadow:0 10px 30px rgba(59,130,246,.5);transition:all .25s ease;position:relative;z-index:10002}.jarvis-enter-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 40px rgba(59,130,246,.7)}.jarvis-enter-button:active{transform:scale(.98)}@media (max-width:1024px){.jarvis-enter-button{padding:10px 17px;font-size:.6rem;box-shadow:0 6px 18px rgba(59,130,246,.4)}.jarvis-enter-button:hover{transform:translateY(-1px) scale(1.02)}.jarvis-enter-button:active{transform:scale(.96)}}.jarvis-detailed-section{width:100%;position:relative}.jarvis-detailed-section>div{display:flex;flex-direction:column;gap:60px}.jarvis-detailed-section .feature-card{width:100%;max-width:750px;padding:28px;border-radius:20px;background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 10px 30px rgba(0,0,0,.25);transition:all .3s ease}.jarvis-detailed-section .feature-card:hover{transform:translateY(-6px) scale(1.01);background:hsla(0,0%,100%,.1)}.jarvis-detailed-section .feature-card:nth-child(odd){margin-right:auto}.jarvis-detailed-section .feature-card:nth-child(2n){margin-left:auto}.jarvis-detailed-section h3{font-size:20px;font-weight:600;margin-bottom:12px}.jarvis-detailed-section p{font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.75)}.upgrade-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.upgrade-title{font-size:2rem;font-weight:700;color:#005eff}.upgrade-subtitle{font-size:1.25rem;font-weight:400;color:#000}.upgrade-button-primary{position:relative;font-size:1rem;font-weight:500;border-radius:.75rem;padding:.4rem;margin-bottom:2%;background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(0,132,255,.35),inset 0 1px 0 hsla(0,0%,100%,.25);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.upgrade-button-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.upgrade-back-button{font-size:.9rem;font-weight:500;background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);color:#000}.upgrade-page{justify-content:center}.upgrade-page:before{content:"";position:fixed;inset:0;z-index:-1;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/public/random/c93d73ce770912519d581d807486f905.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.glass-upgrade-panel{background:hsla(0,0%,100%,.075);backdrop-filter:blur(18px) saturate(110%);-webkit-backdrop-filter:blur(18px) saturate(110%);border:1px solid hsla(0,0%,100%,.12);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);text-align:center;max-width:450px;padding:1rem 2rem;min-height:260px;margin-left:32%}.upgrade-actions{padding-top:2rem}