*,: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/public/random/42c3b213669f898c782ee773f82221fd.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;margin-left:-5%;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}.sub-logo-small{font-family:Arial,sans-serif;font-size:.75rem;font-weight:400;color:#fff;text-shadow:none;margin-top:-10px;padding-left:2px;letter-spacing:2px;opacity:.9;animation:none}.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;margin-right:1%}.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%}.jarvis-recent-events-wrapper{grid-column:span 3!important}.jarvis-recent-events-container{background:hsla(0,0%,100%,.14);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);grid-column:span 3!important;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;display:flex;flex-direction:column;gap:2rem;min-width:870px;margin-left:-10%}.jarvis-recent-events-header{display:flex;flex-direction:column;gap:.3rem;align-self:flex-start}.jarvis-recent-events-title{font-size:1.6rem;font-weight:700;color:#fff}.jarvis-recent-events-subtitle{font-size:.9rem;opacity:.6;color:#6c6c6c}.jarvis-recent-events-list-frame{display:flex;flex-direction:column;max-height:420px;overflow-y:auto;padding-right:.5rem;min-width:none}.jarvis-recent-events-list-frame::-webkit-scrollbar{width:6px}.jarvis-recent-events-list-frame::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}.jarvis-recent-events-list{display:flex;flex-direction:column;gap:1rem}.jarvis-recent-events-card-link{text-decoration:none;color:inherit}.jarvis-recent-events-card{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;border-radius:1.4rem;background:hsla(0,0%,100%,.25);border:1px solid rgba(0,0,0,.08);transition:all .2s ease;cursor:pointer}.jarvis-recent-events-card:hover{transform:translateY(-3px) scale(1.01);background:hsla(0,0%,100%,.35);box-shadow:0 8px 20px rgba(0,0,0,.12);color:#fff}.jarvis-recent-events-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.08)}.jarvis-recent-events-item-icon-svg{width:20px;height:20px}.jarvis-recent-events-card-content{display:flex;flex-direction:column}.jarvis-recent-events-card-title{font-weight:600;font-size:.95rem}.jarvis-recent-events-card-time{font-size:.8rem;opacity:.6;margin-top:2px}.jarvis-recent-events-empty-state,.jarvis-recent-events-loading-state{display:flex;align-items:center;justify-content:center;height:150px;text-align:center;font-size:.9rem;opacity:.7}.jarvis-recent-events-loading-icon{margin-right:8px;animation:jarvis-spin 1s linear infinite}@keyframes jarvis-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.neon-logo{font-family:Montserrat,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-rowz{display:grid;grid-template-columns:max-content auto;grid-column-gap:8px;column-gap:8px}.customer-rowz p{justify-self:start!important;width:auto!important}.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-progress{width:100%;height:6px;background:#eee;border-radius:4px;overflow:hidden}.invoice-detail{position:relative;min-height:100vh;background-color:transparent;align-items:center!important}.invoice-detail: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}.invoice-progress__bar{height:100%;background:linear-gradient(135deg,#3aa9ff,#2f7cff);transition:width .3s ease}.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}.custoinv{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;margin-left:15px;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s ease}.custoinv:hover{background-color:#1d4ed8}.glass-card-la{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);padding:20px}.glass-card-la-overdue{border:1px solid rgba(255,80,80,.4);box-shadow:0 10px 30px rgba(255,0,0,.25);background:rgba(255,0,0,.08)}.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)}.kader{background-color:#fff;max-width:400px;min-width:398px;min-height:180px;padding:10px;border-radius:.3rem}.subtiel-delete{background-color:none;color:#000;padding-left:.5rem}.subtiel-delete:hover{background-color:none;color:#00248f}.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}.contract-content1{border:1px solid #d1d5db;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:1rem;background-color:#fff}.contract-content1 h1{font-size:32px;font-weight:700;margin-bottom:12px}.contract-content1 h2{font-size:24px;font-weight:600;margin-bottom:10px}.contract-content1 p{margin-bottom:10px}.contract-content1 ul{list-style-type:disc;padding-left:20px;margin-bottom:10px}.contract-content1 ol{list-style-type:decimal;padding-left:20px;margin-bottom:10px}.contract-content1 li{margin-bottom:4px}.vlak{background-color:#fff;min-height:380px}.tekst{position:relative;margin-left:5%;margin-top:5%}.vlak1{background-color:#dedede;border:none;border-bottom:rgba(0,0,0,.665);padding-bottom:10px}.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}.midden{position:relative;align-items:center}.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}.lager{position:relative;margin-top:3%;max-width:820px;margin-left:20%;min-height:400px}.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-left:30%;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;margin-left:-10%}@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{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#000;overflow:hidden}.login-content:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:250px;pointer-events:none;z-index:50;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.4) 40%,rgba(0,0,0,.75) 70%,#000)}.login-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:10;opacity:1}.login-content{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;margin-top:0;z-index:30;background-color:none;min-height:500px}.sub-logo{color:#fff;font-weight:200;font-size:1.5rem;text-align:center;letter-spacing:1px;opacity:0;animation:fadeIn 2s forwards;position:absolute;top:50%;left:46%;transform:translateX(-50%);pointer-events:none}.slide-down{opacity:0;transform:translateY(-60px);animation:slideDown 1.5s cubic-bezier(.22,1,.36,1) forwards,slowPauseGlow 6s ease-in-out infinite;animation-delay:1.5s}.slide-up{opacity:0;transform:translateY(30px);animation:slideUp 1.5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:1.5s}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.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:10px 0 0}.form-slider{position:relative;width:100%;max-width:420px;margin:0 auto;overflow:hidden;min-height:320px}.login-container,.login-container1{position:absolute;left:0;top:0;width:100%;transition:transform .5s ease,opacity .4s ease}.inlog-button2{max-width:200px;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-button2: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)}.login-container{transform:translateX(0);opacity:1}.login-container1{transform:translateX(100%);opacity:0}.form-slider.forgot-active .login-container{transform:translateX(-100%);opacity:0}.form-slider.forgot-active .login-container1{transform:translateX(0);opacity:1}.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;letter-spacing:2px;margin-left: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;text-align: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-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:1rem;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:flex;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);flex:1 1;min-width:0}.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:13%;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}.noti-knop{position:absolute;margin-bottom:20px}.witte-tekst{color:#fff}.witte-tekst1{color:#fff;align-self:center;text-align:center}.notifications-container{min-width:400px;max-height:80vh;overflow-y:auto;background:rgba(20,20,30,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid hsla(0,0%,100%,.08);box-shadow:0 10px 40px rgba(0,0,0,.4);padding:16px;animation:slideInRight .25s ease;z-index:99999}.notifications-header-wrapper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.notifications-close-btn{position:absolute;top:0;right:0;background:transparent;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:8px;transition:background .2s ease}.notifications-close-btn:hover{background:hsla(0,0%,100%,.1)}.notification-delete-btn{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;z-index:9999}.notification-delete-btn:hover{background-color:#ff1a1a}.notifications-header{font-size:18px;font-weight:600;margin-bottom:12px;color:#fff}.notifications-list{display:flex;flex-direction:column;width:100%;gap:10px}.meerruimte{padding-bottom:5px;padding-top:5px}.notification-item{background:hsla(0,0%,100%,.04);border-radius:12px;cursor:pointer;transition:all .2s ease;max-width:380px;min-width:380px;row-gap:10px;min-height:70px;overflow:visible;margin-left:auto;position:relative;padding:12px 12px 10px 28px}.notification-item:hover{background:hsla(0,0%,100%,.08)}.notification-unread{position:absolute;left:-14px;top:4px;width:8px;height:8px;background:#3b82f6;border-radius:50%}.notification-title-row{display:flex;justify-content:space-between;align-items:center;position:relative}.notification-title{font-size:14px;font-weight:500;color:#fff}.notification-content{overflow:hidden;max-height:0;opacity:0;transition:all .25s ease}.notification-item.open .notification-content{max-height:300px;opacity:1;margin-top:10px}.notification-description{font-size:13px;color:hsla(0,0%,100%,.7)}.notification-button{margin-top:8px;background:#2563eb;color:#fff;border:none;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer;transition:all .2s ease}.notification-button:hover{background:#1d4ed8}.notification-chevron{transition:transform .2s ease}.notification-item.open .notification-chevron{transform:rotate(180deg)}.notifications-badge{position:absolute;top:-5px;right:-5px;background:red;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px}@keyframes slideInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.notifications-container::-webkit-scrollbar{width:6px}.notifications-container::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:10px}.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-pdf{background:#000;color:#000;padding:2rem;border-radius:16px;width:90%;max-width:500px;min-width:500px;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;align-items:center;z-index:9999;text-align:center;min-height:270px}.jarvis-pdf-title{font-size:20px;font-weight:500;margin-bottom:8px;color:#fff}.jarvis-pdf-subtitle{font-size:20px;opacity:.7;margin-bottom:20px;color:#fff}.jarvis-pdf-spinner{width:28px;height:28px;border:3px solid hsla(0,0%,100%,.2);border-top-color:#4a74ff;border-radius:50%;animation:jarvisSpin 1s linear infinite;margin:0 auto 20px}.jarvis-pdf-actions{display:flex;gap:10px;justify-content:center}.jarvis-stripe-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:jarvisFadeIn .2s ease-out}.pdf-annuleren{background-color:#fff;color:#000;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.pdf-annuleren:hover{background-color:#c3c3c3;color:blue}.jarvis-stripe-spinner{width:28px;height:28px;border:3px solid hsla(0,0%,100%,.2);border-top-color:#fff;border-radius:50%;animation:jarvisSpin 1s linear infinite;margin:0 auto 20px}.jarvis-stripe-actions{display:flex;gap:10px;justify-content:center}.jarvis-stripe-trigger-button{position:absolute;margin-left:41%;background:#3b82f6;padding:8px 12px;border-radius:10px;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;z-index:99}.margin20{margin-top:10%}.jarvis-stripe-trigger-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(0,132,255,.45),inset 0 1px 0 hsla(0,0%,100%,.3)}.jarvis-stripe-secondary-button{background:transparent;color:blue;background-color:#fff}.jarvis-stripe-secondary-button,.jarvis-stripe-secondary-button:hover{border:1px solid hsla(0,0%,100%,.2);padding:8px 12px;border-radius:10px}.jarvis-stripe-secondary-button:hover{background:transparent;color:#000;background-color:#ccc}.jarvis-stripe-disabled-button{opacity:.6;padding:8px 12px}.jarvis-stripe-error{color:#ff4d4d;font-size:12px;margin-bottom:10px}@keyframes jarvisFadeIn{0%{opacity:0}to{opacity:1}}@keyframes jarvisModalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes jarvisSpin{to{transform:rotate(1turn)}}.chat-window{height:100vh;display:flex;flex-direction:column;position:relative;background:hsla(0,0%,100%,.93)}.logo-background{position:absolute;inset:0;background-image:url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/public/bestanden-emails/bc0699ca-e22e-46f0-a69b-98cf2347e9cb.png);background-repeat:no-repeat;background-position:50%;background-size:300px auto;opacity:.5;z-index:0}.chat-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#007bff;color:#fff;padding:20px;text-align:center;font-weight:700}.chat-messages{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;z-index:1}.chat-input-area{position:-webkit-sticky;position:sticky;bottom:0;z-index:10;display:flex;padding:16px;background:#fff;border-top:2px solid #ddd}.message{max-width:80%;border-radius:24px;padding:16px;font-size:14px;display:flex;flex-direction:column}.user-message{align-self:flex-end;background:#d0e7ff}.bot-message{align-self:flex-start;background:#fff}.chat-timestamp{font-size:12px;margin-top:10px;align-self:flex-end}.chat-input{flex:1 1;border-radius:30px;padding:14px 18px;border:2px solid #ccc}.chat-send{margin-left:12px;border-radius:30px;padding:14px 18px;background:#007bff;color:#fff;border:none;cursor:pointer}.jarvis-window{height:100%;display:flex;flex-direction:column;position:relative;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);min-height:400px;min-width:300px}.jarvis-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:#111827;color:#fff;padding:12px;text-align:center;font-weight:600}.jarvis-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.jarvis-input-area{position:-webkit-sticky;position:sticky;bottom:0;z-index:10;display:flex;padding:12px;background:none;border-top:1px solid #e5e7eb}.jarvis-message{max-width:80%;border-radius:16px;padding:12px;font-size:14px}.jarvis-user{align-self:flex-end;background:linear-gradient(90deg,#3b82f6,#6366f1);color:#fff}.jarvis-bot{align-self:flex-start;background:#f3f4f6;color:#111827}.verzendknop{background:linear-gradient(135deg,#0084ff,#1ea0ff);color:#fff}.knopjarvis{max-width:80px!important;max-height:80px!important;min-width:80px!important;min-height:80px!important;overflow:hidden;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:#000}.videogroter{max-width:90px!important;max-height:90px!important;min-width:90px!important;min-height:90px!important}.knopjarvis{box-shadow:0 0 10px rgba(0,0,0,.7),0 0 25px rgba(0,0,0,.6),0 8px 25px rgba(0,0,0,.5);transition:box-shadow .25s ease,transform .25s ease}.knopjarvis:hover{box-shadow:0 0 15px rgba(0,140,255,.8),0 0 35px rgba(0,140,255,.7),0 0 60px rgba(0,140,255,.6),0 0 90px rgba(0,140,255,.45);transform:scale(1.08);filter:brightness(1.15)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pop-up{margin-top:20px;text-align:center;border-radius:12px;padding:12px 16px;font-weight:500;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);color:#000}.jarvis-mobile-root{--jarvis-background:#000;--jarvis-foreground:#fff;--jarvis-safe-top:env(safe-area-inset-top);--jarvis-safe-bottom:env(safe-area-inset-bottom);position:relative;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden;overflow-y:auto;touch-action:auto;overscroll-behavior-y:auto;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif}.jarvis-mobile-root *{box-sizing:border-box}.jarvis-mobile-root.jarvis-light-mode{--jarvis-background:#fff;--jarvis-foreground:#000}.jarvis-mobile-root.jarvis-dark-mode{--jarvis-background:#000;--jarvis-foreground:#fff}.jarvis-safe-top{padding-top:var(--jarvis-safe-top)}.jarvis-safe-bottom{padding-bottom:var(--jarvis-safe-bottom)}.jarvis-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.jarvis-background-overlay-dark{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.7))}.jarvis-background-overlay-dark,.jarvis-background-overlay-light{position:absolute;inset:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.jarvis-background-overlay-light{background:linear-gradient(180deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.5))}.jarvis-main-container{position:relative;z-index:10;display:flex;flex-direction:column;width:100%;min-height:100vh;min-height:100svh;min-height:100dvh;padding-left:16px;padding-right:16px;padding-bottom:16px}.jarvis-topbar{display:flex;align-items:flex-start;justify-content:space-between;padding-top:16px}.jarvis-topbar-actions{display:flex;align-items:center;gap:10px}.jarvis-user-wrapper{position:relative}.jarvis-user-button{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.1);color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.25);transition:all .2s ease}.jarvis-light-mode .jarvis-user-button{background:hsla(0,0%,100%,.75);color:#000;border:1px solid rgba(0,0,0,.08)}.jarvis-user-dropdown{position:absolute;top:56px;left:0;min-width:220px;border-radius:20px;padding:14px 16px;font-size:14px;background:rgba(0,0,0,.7);color:#fff;border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.3)}.jarvis-light-mode .jarvis-user-dropdown{background:hsla(0,0%,100%,.85);color:#000;border:1px solid rgba(0,0,0,.08)}.jarvis-menu-button{width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:1px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.1);color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.25)}.jarvis-light-mode .jarvis-menu-button{background:hsla(0,0%,100%,.75);color:#000;border:1px solid rgba(0,0,0,.08)}.jarvis-hero-section{margin-top:28px;display:flex;flex-direction:column;align-items:center;text-align:center}.jarvis-logo12{width:auto;height:100px;object-fit:contain;margin-bottom:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.jarvis-hero-title{min-height:48px;font-size:32px;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:#fff}.jarvis-light-mode .jarvis-hero-title{color:#000}.jarvis-hero-subtitle{margin-top:8px;max-width:300px;min-height:52px;font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.75)}.jarvis-light-mode .jarvis-hero-subtitle{color:rgba(0,0,0,.65)}.jarvis-typewriter-cursor{display:inline-block;margin-left:2px;animation:jarvisBlink 1s infinite}@keyframes jarvisBlink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.jarvis-welcome-message{margin-top:20px;padding:14px 20px;border-radius:22px;font-size:14px;color:#fff;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:jarvisFadeInUp .7s ease forwards}.jarvis-light-mode .jarvis-welcome-message{background:hsla(0,0%,100%,.75);color:#000;border:1px solid rgba(0,0,0,.08)}@keyframes jarvisFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.jarvis-chat-container{flex:1 1;margin-top:24px;overflow-y:auto;padding-bottom:12px;display:flex;flex-direction:column;gap:14px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.jarvis-chat-container::-webkit-scrollbar{display:none}.jarvis-message-row-user{display:flex;justify-content:flex-end}.jarvis-message-row-assistant{display:flex;justify-content:flex-start}.jarvis-message-bubble-user{max-width:85%;padding:14px 16px;border-radius:24px;font-size:14px;line-height:1.6;background:#fff;color:#000;box-shadow:0 8px 30px rgba(0,0,0,.18);animation:jarvisMessagePop .3s ease}.jarvis-light-mode .jarvis-message-bubble-user{background:#000;color:#fff}.jarvis-message-bubble-assistant{max-width:85%;padding:14px 16px;border-radius:24px;font-size:14px;line-height:1.6;color:#fff;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:jarvisMessagePop .3s ease}.jarvis-light-mode .jarvis-message-bubble-assistant{background:hsla(0,0%,100%,.75);color:#000;border:1px solid rgba(0,0,0,.08)}@keyframes jarvisMessagePop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.jarvis-input-wrapper{margin-top:auto}.jarvis-input-container{display:flex;align-items:center;gap:10px;padding:8px;border-radius:28px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.22)}.jarvis-light-mode .jarvis-input-container{background:hsla(0,0%,100%,.75);border:1px solid rgba(0,0,0,.08)}.jarvis-input{flex:1 1;background:transparent;border:none;outline:none;padding:14px;font-size:14px;color:#fff}.jarvis-input::placeholder{color:hsla(0,0%,100%,.45)}.jarvis-light-mode .jarvis-input{color:#000}.jarvis-light-mode .jarvis-input::placeholder{color:rgba(0,0,0,.4)}.jarvis-send-button{width:44px;height:44px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;transition:transform .15s ease}.jarvis-send-button:active{transform:scale(.94)}.jarvis-light-mode .jarvis-send-button{background:#000;color:#fff}.jarvis-voice-wrapper{margin-top:18px;display:flex;justify-content:center}.jarvis-voice-button{position:relative;width:96px;height:96px;border-radius:999px;overflow:hidden;border:2px solid hsla(0,0%,100%,.18);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(0,0,0,.3);transition:transform .2s ease,border-color .2s ease}.jarvis-light-mode .jarvis-voice-button{border:2px solid rgba(0,0,0,.08)}.jarvis-voice-button-active{transform:scale(1.05);border-color:#fff;animation:jarvisVoicePulse 1.5s infinite}.jarvis-voice-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.jarvis-voice-overlay{position:absolute;inset:0;background:rgba(0,0,0,.2)}.jarvis-voice-icon{position:relative;z-index:2;color:#fff}@keyframes jarvisVoicePulse{0%{box-shadow:0 0 0 hsla(0,0%,100%,.3)}50%{box-shadow:0 0 28px hsla(0,0%,100%,.5)}to{box-shadow:0 0 0 hsla(0,0%,100%,.3)}}@media screen and (max-width:768px){.jarvis-input{font-size:16px}}.jarvis-sidebar-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .25s ease}.jarvis-sidebar-backdrop-open{opacity:1;pointer-events:auto}.jarvis-mobile-sidebar{position:fixed;top:0;right:0;z-index:50;width:min(82vw,340px);height:100%;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 18px);background:rgba(0,0,0,.82);color:#fff;border-left:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:-18px 0 50px rgba(0,0,0,.35);transform:translateX(100%);transition:transform .3s ease}.jarvis-mobile-sidebar-open{transform:translateX(0)}.jarvis-light-mode .jarvis-mobile-sidebar{background:hsla(0,0%,100%,.88);color:#000;border-left:1px solid rgba(0,0,0,.08)}.jarvis-sidebar-close-button{width:44px;height:44px;border-radius:999px;border:1px solid hsla(0,0%,100%,.12);display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer}.jarvis-light-mode .jarvis-sidebar-close-button{background:hsla(0,0%,100%,.75);color:#000;border:1px solid rgba(0,0,0,.08)}.jarvis-sidebar-content{margin-top:34px;display:flex;flex-direction:column;gap:14px}.jarvis-sidebar-action-button,.jarvis-sidebar-logout-button{width:100%;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:20px;font-size:15px;font-weight:600;border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.1);color:#fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);cursor:pointer;transition:transform .15s ease,background .15s ease}.jarvis-sidebar-action-button:active,.jarvis-sidebar-logout-button:active{transform:scale(.97)}.jarvis-light-mode .jarvis-sidebar-action-button,.jarvis-light-mode .jarvis-sidebar-logout-button{background:hsla(0,0%,100%,.75);color:#000;border:1px solid rgba(0,0,0,.08)}.jarvis-sidebar-logout-button{margin-top:10px;background:rgba(255,70,70,.16);color:#ff7a7a;border:1px solid rgba(255,90,90,.22)}.jarvis-light-mode .jarvis-sidebar-logout-button{background:rgba(255,40,40,.1);color:#c91f1f;border:1px solid rgba(255,40,40,.18)}.jarvis-mlogin-screen{position:relative;min-height:100dvh;width:100%;overflow:hidden;display:flex;padding:max(22px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background-image:linear-gradient(180deg,rgba(5,8,18,.09),rgba(5,8,18,.28)),url(https://ctanmmpyuyqmubxiwldq.supabase.co/storage/v1/object/public/random/ab74314ef42bd8d7263c3fcfe2f9b073.jpg);background-size:cover;background-position:50%}.jarvis-mlogin-back-button,.jarvis-mlogin-screen{align-items:center;justify-content:center;color:#fff}.jarvis-mlogin-back-button{position:fixed;top:max(14px,env(safe-area-inset-top));left:14px;z-index:4;width:44px;height:44px;border:1px solid hsla(0,0%,100%,.24);border-radius:999px;display:inline-flex;background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.2)}.jarvis-mlogin-content{width:min(100%,390px);gap:16px}.jarvis-mlogin-brand-stack,.jarvis-mlogin-content{display:flex;flex-direction:column;align-items:center}.jarvis-mlogin-brand-stack{width:100%;gap:10px;margin-bottom:2px}.jarvis-mlogin-logo-primary{width:min(54vw,210px);height:auto;object-fit:contain;opacity:0;transform:translateY(-28px);animation:jarvisMloginLogoPrimary 1.5s ease forwards}.jarvis-mlogin-logo-secondary{width:min(57vw,218px);height:auto;object-fit:contain;opacity:0;filter:blur(14px);animation:jarvisMloginFocusIn 1s ease forwards;animation-delay:1.2s}.jarvis-mlogin-title{margin:0;font-size:clamp(28px,9vw,42px);font-weight:700;line-height:1;letter-spacing:0;opacity:0;filter:blur(14px);text-shadow:0 8px 28px rgba(0,0,0,.34);animation:jarvisMloginFocusIn .9s ease forwards;animation-delay:2.5s}.jarvis-mlogin-form-card{width:100%;padding:22px;border:1px solid hsla(0,0%,100%,.24);border-radius:26px;display:flex;flex-direction:column;gap:15px;background:hsla(0,0%,100%,.13);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 28px 70px rgba(0,0,0,.3)}.jarvis-mlogin-field{display:flex;flex-direction:column;gap:7px}.jarvis-mlogin-field-label{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.9)}.jarvis-mlogin-input-shell{min-height:52px;border:1px solid hsla(0,0%,100%,.2);border-radius:18px;display:flex;align-items:center;gap:10px;padding:0 15px;background:hsla(0,0%,100%,.13)}.jarvis-mlogin-input-icon{flex:0 0 auto;color:hsla(0,0%,100%,.82)}.jarvis-mlogin-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:16px}.jarvis-mlogin-input::placeholder{color:hsla(0,0%,100%,.56)}.jarvis-mlogin-input-shell:focus-within{border-color:hsla(0,0%,100%,.48);background:hsla(0,0%,100%,.18)}.jarvis-mlogin-error{margin:-2px 0 0;font-size:13px;line-height:1.35;color:#ffd7d7}.jarvis-mlogin-submit-button{width:min(100%,270px);min-height:54px;align-self:center;border:0;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#0b1020;background:#fff;font-size:16px;font-weight:800;box-shadow:0 16px 38px rgba(0,0,0,.25)}.jarvis-mlogin-submit-button:disabled{opacity:.7}@keyframes jarvisMloginLogoPrimary{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes jarvisMloginFocusIn{0%{opacity:0;filter:blur(14px)}to{opacity:1;filter:blur(0)}}@media (max-height:700px){.jarvis-mlogin-content{gap:10px}.jarvis-mlogin-logo-primary{width:min(44vw,170px)}.jarvis-mlogin-logo-secondary{width:min(48vw,180px)}.jarvis-mlogin-form-card{padding:18px;gap:12px}}