@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap";:root{--purple:#24145f;--purple2:#332178;--turq:#19c7bb;--cyan:#0aa2c0;--ink:#19152d;--muted:#7e7b8b;--bg:#f7f8fc;--line:#e7e6ef;--white:#fff;--shadow:0 12px 35px #1f164b1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.logo{color:var(--purple);letter-spacing:-1px;align-items:center;gap:10px;font-size:23px;font-weight:700;display:flex}.logo>span:last-child span{color:var(--turq)}.logo-mark{color:#fff;background:linear-gradient(135deg,var(--turq),#58e5d6);border-radius:11px 5px;place-items:center;width:40px;height:35px;display:grid;transform:skew(-7deg)}.logo-mark svg{transform:skew(7deg)}.logo-light{color:#fff}.topbar{z-index:10;background:#fff;justify-content:space-between;align-items:center;height:86px;padding:0 max(5vw,24px);display:flex;position:relative}.topbar nav{align-items:center;gap:30px;font-size:14px;font-weight:600;display:flex}.topbar nav a{align-items:center;gap:4px;display:flex}.topbar nav>a:not(.button):hover{color:var(--turq)}.nav-login{border-left:1px solid var(--line);padding-left:22px}.button{background:linear-gradient(120deg,var(--turq),var(--cyan));color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:15px 24px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #0eb1b540}.button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #0eb1b552}.button-small{padding:11px 20px!important}.menu-button{color:var(--purple);background:0 0;border:0;display:none}.hero{color:#fff;background:linear-gradient(135deg,#1d1055 0%,#2e1b78 70%,#35228b 100%);grid-template-columns:1.05fr .95fr;align-items:center;min-height:690px;padding:65px max(8vw,32px);display:grid;overflow:hidden}.hero-copy{justify-self:end;max-width:670px}.eyebrow{color:#83eee5;letter-spacing:.4px;background:#1fcec01f;border:1px solid #3fdcd140;border-radius:30px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-2px;margin:24px 0;font-family:Playfair Display,serif;font-size:clamp(48px,4.6vw,73px);line-height:1.06}.hero h1 em{color:#55ded0;font-style:normal}.hero-copy>p{color:#c3bcdf;max-width:610px;font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:25px;margin:32px 0;display:flex}.text-link{border-bottom:1px solid #938ab9;padding:7px 0;font-weight:600}.trust{color:#bcb5d8;align-items:center;gap:15px;font-size:12px;display:flex}.trust strong{color:#fff;font-size:13px}.avatars{display:flex}.avatars b{border:2px solid var(--purple);color:#fff;background:#16bcb1;border-radius:50%;place-items:center;width:34px;height:34px;margin-left:-7px;display:grid}.avatars b:nth-child(2){background:#f2a766}.avatars b:nth-child(3){background:#8172c7}.hero-visual{place-items:center;height:570px;display:grid;position:relative}.orbit{border:1px solid #64e1d721;border-radius:50%;position:absolute}.orbit-one{width:520px;height:520px}.orbit-two{width:390px;height:390px}.phone{width:310px;height:570px;color:var(--ink);z-index:2;background:#fbfbfe;border:9px solid #13131c;border-radius:39px;padding:23px 17px;position:relative;transform:rotate(4deg);box-shadow:0 35px 70px #00000061}.phone:before{content:"";background:#13131c;border-radius:0 0 13px 13px;width:92px;height:20px;position:absolute;top:7px;left:100px}.phone-top{justify-content:space-between;margin:4px 3px 26px;font-size:10px;display:flex}.phone-top b{color:var(--purple);font-size:13px}.hello{color:var(--muted);margin:0;font-size:11px}.phone h3{margin:4px 0 17px;font-size:18px}.car-card,.booking{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 5px 15px #221c4b0f}.car-icon{width:42px;height:42px;color:var(--cyan);background:#e7fbf9;border-radius:11px;place-items:center;display:grid}.car-card>div:nth-child(2){flex-direction:column;flex:1;font-size:11px;display:flex}.car-card span{color:var(--muted);margin-top:3px;font-size:9px}.car-card .available{color:#159c74;background:#e5f8f1;border-radius:5px;padding:4px 6px}.booking{margin-top:12px;display:block}.booking>div{color:var(--purple);gap:9px;display:flex}.booking svg{color:var(--cyan)}.booking span{flex-direction:column;display:flex}.booking small,.float-card small,.driver small{letter-spacing:.6px;color:var(--muted);font-size:8px}.booking strong{font-size:11px}.booking button{color:#fff;background:var(--purple);border:0;border-radius:7px;width:100%;margin-top:10px;padding:7px;font-size:10px}.phone-stats{grid-template-columns:1fr 1fr;gap:9px;margin-top:11px;display:grid}.phone-stats div{color:var(--purple);background:#f0eef9;border-radius:12px;flex-direction:column;padding:10px;display:flex}.phone-stats svg{width:17px}.phone-stats b{margin-top:7px;font-size:14px}.phone-stats span{color:var(--muted);font-size:8px}.phone-cta{background:var(--turq);color:#fff;border:0;border-radius:10px;justify-content:center;align-items:center;gap:5px;width:100%;margin-top:12px;padding:11px;font-size:11px;font-weight:700;display:flex}.float-card{z-index:4;color:var(--purple);box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:9px;padding:11px 14px;display:flex;position:absolute}.float-card>span{color:#0eaa99;background:#dff9f5;border-radius:7px;place-items:center;padding:6px;display:grid}.float-card div{flex-direction:column;display:flex}.float-card b{font-size:12px}.float-book{top:95px;left:4%}.float-cost{bottom:110px;right:1%}.float-cost>svg{color:var(--cyan)}.intro,.steps,.audiences,.landing-contact{scroll-margin-top:86px}.intro{text-align:center;background:#fff;padding:100px max(8vw,32px)}.section-label{letter-spacing:1.5px;color:var(--cyan);font-size:12px;font-weight:800}.intro h2,.steps h2,.audiences h2,.landing-contact h2{margin:13px 0;font-family:Playfair Display,serif;font-size:42px;line-height:1.17}.intro>p,.steps p,.audiences-heading p,.landing-contact p{color:var(--muted);font-size:17px}.feature-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1160px;margin:52px auto 0;display:grid}.feature{border:1px solid var(--line);border-radius:18px;padding:30px;transition:all .25s}.feature:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.feature>span{width:50px;height:50px;color:var(--cyan);background:#e9fbf9;border-radius:14px;place-items:center;display:grid}.feature h3{margin:20px 0 9px}.feature p{color:var(--muted);line-height:1.6}.feature a{color:var(--cyan);align-items:center;gap:5px;font-size:13px;font-weight:700;display:flex}.steps{background:#f5f4fa;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:90px max(10vw,40px);display:grid}.steps-list{box-shadow:var(--shadow);background:#fff;border-radius:18px;padding:15px 30px}.step{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr 30px;align-items:center;padding:22px 0;display:grid}.step:last-child{border:0}.step>b{color:var(--turq);font-size:13px}.step>span{font-weight:700}.step svg{color:var(--turq)}.audiences{background:#fff;padding:100px max(8vw,32px)}.audiences-heading{text-align:center;max-width:760px;margin:auto}.audience-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1160px;margin:48px auto 0;display:grid}.audience-card{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#f7fdfd);border-radius:18px;padding:30px;box-shadow:0 8px 24px #1f164b0d}.audience-card>span{width:54px;height:54px;color:var(--cyan);background:#e6faf7;border-radius:15px;place-items:center;display:grid}.audience-card h3{margin:20px 0 8px;font-size:20px}.audience-card p{min-height:78px;color:var(--muted);margin:0;line-height:1.6}.audience-card a{color:var(--cyan);align-items:center;gap:7px;margin-top:20px;font-weight:700;display:inline-flex}.landing-contact{color:#fff;background:linear-gradient(135deg,#24145f,#37228a);justify-content:space-between;align-items:center;gap:45px;padding:75px max(10vw,40px);display:flex}.landing-contact>div:first-child{max-width:700px}.landing-contact h2{margin-bottom:8px}.landing-contact p{color:#c7c0e1;margin-bottom:0}.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-contact .button.secondary{color:#fff;background:0 0;border-color:#ffffff59}footer{color:#aaa2cb;background:#160c45;justify-content:space-between;align-items:center;min-height:130px;padding:30px max(8vw,30px);font-size:13px;display:flex}footer>a{color:#65ded4}.dashboard{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:20;background:linear-gradient(#271664,#211254);flex-direction:column;width:255px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{border-bottom:1px solid #ffffff1a;align-items:center;height:82px;padding:0 22px;display:flex}.sidebar-head .logo{font-size:18px}.sidebar-head .logo-mark{width:34px;height:30px}.sidebar-head>button{display:none}.side-icons{color:#d4cfea;gap:26px;padding:20px 28px 15px;display:flex}.side-icons button{color:inherit;cursor:pointer;background:0 0;border:0}.sidebar nav{flex:1;padding:0 0 12px;overflow:auto}.sidebar nav button,.manage{color:#fff;cursor:pointer;background:0 0;border:0;border-left:4px solid #0000;align-items:center;gap:15px;width:100%;height:50px;padding:0 27px;font-size:14px;font-weight:600;display:flex}.sidebar nav button.active{border-left-color:var(--turq);background:#ffffff21}.sidebar nav button:hover{background:#ffffff14}button.profile{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff1f;align-items:center;gap:12px;width:100%;padding:20px 24px;display:flex}.profile>span,.user-chip>span{width:40px;height:40px;color:var(--purple);border:3px solid var(--turq);background:#f4f6ff;border-radius:50%;place-items:center;font-weight:800;display:grid}.profile div{flex-direction:column;display:flex}.profile small{color:#b9b2d6;margin-top:3px;font-size:10px}.manage{border-top:1px solid #ffffff1a;height:65px}.dash-main{width:calc(100% - 255px);min-height:100vh;margin-left:255px}.dash-main>header{background:#fff;border-bottom:1px solid #eeeef4;justify-content:center;align-items:center;height:82px;display:flex;position:relative}.dash-main>header h1{font-size:21px}.user-chip{cursor:pointer;background:#f4f4f8;border:0;border-radius:25px;align-items:center;gap:7px;padding:4px 9px 4px 4px;display:flex;position:absolute;right:30px}.user-chip>span{border-width:2px;width:32px;height:32px}.dash-menu{display:none}.dash-content{max-width:1160px;margin:auto;padding:42px 40px 80px}.welcome{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.welcome h2{margin:7px 0;font-size:29px}.welcome p{color:var(--muted);margin:0}.stats-card,.activity,.upcoming{border:1px solid var(--line);background:#fff;border-radius:15px;box-shadow:0 4px 14px #1f164b0f}.card-title{border-bottom:1px solid var(--line);min-height:52px;color:var(--purple);justify-content:space-between;align-items:center;padding:0 18px;font-size:14px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);padding:18px;display:grid}.stat{border-right:1px solid var(--line);flex-direction:column;align-items:center;display:flex}.stat:last-child{border:0}.stat>span{width:40px;height:40px;color:var(--purple);background:#f0eefb;border-radius:50%;place-items:center;display:grid}.stat svg{width:19px}.stat b,.stat strong{color:var(--purple);margin-top:7px;font-size:18px}.stat small{color:var(--muted);margin-top:3px}.quick-actions{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 28px;display:grid}.quick-actions button{height:48px;color:var(--purple);cursor:pointer;background:#f4f3f9;border:1px solid #ccc8dc;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.quick-actions svg{width:17px;color:var(--cyan)}.content-grid{grid-template-columns:1fr 310px;gap:20px;display:grid}.activity{overflow:hidden}.activity-row{border-bottom:1px solid #ded8f3;grid-template-columns:42px 1fr auto;gap:11px;min-height:103px;margin:0 17px;padding:16px 0;display:grid}.activity-row div{flex-direction:column;display:flex}.activity-row small,.activity-row time{color:var(--muted);font-size:10px}.activity-row b{font-size:13px}.activity-row p{color:var(--muted);margin:4px 0;font-size:12px}.upcoming{align-self:start;padding-bottom:18px}.upcoming h3{text-align:center}.upcoming>p{color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.date-tile{background:var(--purple);color:#fff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;margin:20px auto 0;display:flex}.date-tile b{font-size:24px}.driver{background:#f6f5fa;border-radius:10px;align-items:center;gap:10px;margin:17px;padding:10px;display:flex}.upcoming>button{border:1px solid var(--purple);width:calc(100% - 34px);color:var(--purple);background:#fff;border-radius:9px;margin:0 17px;padding:10px;font-weight:700;display:block}.floating-add{background:linear-gradient(135deg,var(--turq),var(--cyan));color:#fff;border:0;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;bottom:30px;right:35px;box-shadow:0 8px 22px #08a1b059}.mobile-bottom-nav,.sidebar-overlay{display:none}@media (width<=1000px){.topbar nav{gap:15px}.hero{grid-template-columns:1fr;padding-top:80px}.hero-copy{justify-self:center}.hero-visual{margin-top:20px}.feature-grid,.audience-grid{grid-template-columns:1fr}.audience-card p{min-height:0}.landing-contact{flex-direction:column;align-items:flex-start}.content-grid{grid-template-columns:1fr}.upcoming{display:none}}@media (width<=760px){body{overflow-x:hidden}.topbar{height:72px}.menu-button{display:block}.topbar nav{background:#fff;flex-direction:column;align-items:stretch;padding:22px;display:none;position:absolute;top:72px;left:0;right:0;box-shadow:0 18px 35px #1f164b26}.topbar nav.open{display:flex}.nav-login{border:0;padding:0}.hero{min-height:auto;padding:60px 22px}.hero h1{font-size:44px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{height:520px;margin:-10px -35px;transform:scale(.86)}.intro,.steps,.audiences,.landing-contact{padding:70px 22px}.intro h2,.steps h2,.audiences h2,.landing-contact h2{font-size:34px}.steps{grid-template-columns:1fr;gap:30px}.feature-grid,.audience-grid{margin-top:35px}.contact-actions{flex-direction:column;width:100%}.contact-actions .button{width:100%}footer{text-align:center;flex-direction:column;gap:20px}.sidebar{z-index:42;width:min(86vw,320px);transition:all .25s;transform:translate(-105%);box-shadow:15px 0 35px #0003}.sidebar.mobile-open{transform:none}.sidebar-overlay{z-index:41;background:#1009309e;border:0;display:block;position:fixed;inset:0}.sidebar-head>button{color:#fff;background:0 0;border:0;margin-left:auto;display:block}.dash-main{width:100%;margin-left:0;padding-bottom:76px}.dash-main>header{z-index:18;justify-content:flex-start;height:68px;padding-left:58px;position:sticky;top:0}.dash-main>header h1{white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:18px;overflow:hidden}.dash-menu{width:42px;height:42px;color:var(--purple);background:0 0;border:0;display:block;position:absolute;left:14px}.user-chip{right:10px}.user-chip svg{display:none}.dash-content{padding:24px 14px 100px}.welcome{align-items:start}.welcome .button{width:44px;height:44px;padding:0;font-size:0}.welcome h2{font-size:24px}.stats-grid{grid-template-columns:1fr 1fr;gap:20px}.stat:nth-child(2){border:0}.quick-actions{grid-template-columns:1fr}.activity-row{grid-template-columns:39px 1fr}.activity-row time{display:none}.mobile-bottom-nav{border-top:1px solid var(--line);z-index:35;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 25px #1f164b17}.mobile-bottom-nav button{color:#89839d;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.mobile-bottom-nav button.active{color:var(--cyan)}.mobile-bottom-nav svg{width:21px;height:21px}.floating-add{display:none}.module-page,.agenda-page,.profile-page{padding-bottom:105px!important}input,select,textarea{font-size:16px!important}.button{min-height:44px}.module-heading{gap:12px}}.auth-page{color:#fff;background:linear-gradient(135deg,#180d4b,#302079);grid-template-columns:minmax(520px,1fr) minmax(380px,.8fr);align-items:center;min-height:100vh;padding:90px max(8vw,40px);display:grid;position:relative}.auth-logo{position:absolute;top:35px;left:max(5vw,30px)}.auth-card{width:min(100%,500px);color:var(--ink);background:#fff;border-radius:24px;justify-self:end;padding:40px;box-shadow:0 28px 70px #00000040}.auth-icon{width:50px;height:50px;color:var(--cyan);background:#e4faf7;border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.auth-card h1{margin:8px 0;font-family:Playfair Display,serif;font-size:38px}.auth-card>p{color:var(--muted);margin:0 0 24px;line-height:1.5}.auth-card form{flex-direction:column;gap:17px;display:flex}.auth-card label{color:var(--purple);font-size:13px;font-weight:700}.auth-card input{width:100%;height:49px;font:inherit;border:1px solid #d8d6e2;border-radius:10px;outline:0;margin-top:7px;padding:0 14px;display:block}.auth-card input:focus{border-color:var(--turq);box-shadow:0 0 0 3px #19c7bb21}.auth-card form .button{width:100%;margin-top:3px}.auth-card form .button:disabled{opacity:.65;cursor:wait}.auth-error{color:#b02d35;background:#fff0f0;border-radius:8px;padding:11px 13px;font-size:12px}.auth-switch{text-align:center;border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:20px;font-size:13px}.auth-switch a{color:var(--cyan);font-weight:700}.back-home{text-align:center;color:var(--purple);margin-top:17px;font-size:12px;display:block}.auth-benefits{padding-left:80px}.auth-benefits h2{font-family:Playfair Display,serif;font-size:50px;line-height:1.12}.auth-benefits h2 em{color:#56dfd1;font-style:normal}.auth-benefits p{color:#d5d0e8;align-items:center;gap:12px;display:flex}.auth-benefits p svg{color:#62e3d7;background:#2cd2c22e;border-radius:50%;width:22px;height:22px;padding:4px}.app-loading{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:20px;display:grid}@media (width<=850px){.auth-page{grid-template-columns:1fr;padding:100px 20px 40px}.auth-card{justify-self:center;padding:30px 24px}.auth-benefits{display:none}.auth-card h1{font-size:33px}}.link-button{color:var(--cyan);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;display:flex}.save-notice{z-index:50;color:#fff;box-shadow:var(--shadow);background:#173f38;border-radius:9px;padding:11px 17px;font-size:13px;position:fixed;top:95px;right:25px}.module-loading{height:calc(100vh - 82px);color:var(--muted);place-items:center;display:grid}.module-page{max-width:1120px;margin:auto;padding:45px 40px 80px}.split-modules>.module-page{padding-bottom:10px}.split-modules>.module-page+.module-page{padding-top:20px;padding-bottom:80px}.module-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.module-heading h2{margin:8px 0;font-family:Playfair Display,serif;font-size:34px}.module-heading p{color:var(--muted);margin:0}.module-form{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(4,1fr) auto;align-items:end;gap:12px;margin-bottom:20px;padding:20px;display:grid;box-shadow:0 5px 18px #1f164b0d}.module-form label{color:var(--purple);font-size:12px;font-weight:700}.module-form input,.module-form select{width:100%;height:44px;font:inherit;background:#fff;border:1px solid #d8d6e2;border-radius:9px;outline:0;margin-top:7px;padding:0 11px}.module-form input:focus,.module-form select:focus{border-color:var(--turq)}.module-form .button{height:44px;padding:0 17px}.module-list{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #1f164b0d}.module-item{border-bottom:1px solid var(--line);grid-template-columns:46px 1fr auto;align-items:center;gap:14px;min-height:82px;padding:14px 18px;display:grid}.module-item:last-child{border:0}.module-item-icon{width:43px;height:43px;color:var(--cyan);background:#e7faf8;border-radius:12px;place-items:center;display:grid}.module-item-icon svg{width:20px}.module-item h3{margin:0 0 5px;font-size:14px}.module-item p{color:var(--muted);margin:0;font-size:12px}.item-actions{align-items:center;gap:8px;display:flex}.item-actions button{color:var(--purple);cursor:pointer;background:#fff;border:1px solid #d5d2e1;border-radius:8px;padding:8px 11px}.item-actions .delete{color:#bd3b47;padding:8px}.status{color:#128163;text-transform:uppercase;background:#e3f8f2;border-radius:20px;margin-top:6px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-block}.status.geannuleerd{color:#aa3641;background:#fff0f0}.blank-state{color:#aaa6b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:25px;display:flex}.blank-state>svg{color:#c4bfda;width:35px;height:35px}.analytics-grid{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;padding:25px;display:grid}.chart-card,.settle-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 15px #1f164b0d}.chart-card h3{margin-top:0}.bar-row{grid-template-columns:150px 1fr 85px;align-items:center;gap:14px;padding:10px 0;font-size:12px;display:grid}.bar-row>div{background:#eeecf5;border-radius:10px;height:10px;overflow:hidden}.bar-row i{background:linear-gradient(90deg,var(--turq),var(--cyan));border-radius:10px;height:100%;display:block}.bar-row b{text-align:right}.settle-card{grid-template-columns:65px 1fr auto;align-items:center;gap:20px;margin-bottom:20px;display:grid}.settle-card>svg{width:55px;height:55px;color:var(--cyan);background:#e3f9f6;border-radius:50%;padding:14px}.settle-card small{color:var(--muted);letter-spacing:1px;font-size:10px}.settle-card h2{color:var(--purple);margin:5px 0}.settle-card p{color:var(--muted);margin:0;font-size:12px}@media (width<=900px){.module-form{grid-template-columns:1fr 1fr}.analytics-grid{grid-template-columns:1fr 1fr;gap:20px}.module-page{padding:30px 16px 70px}.module-heading{align-items:start}.module-heading .button{width:46px;height:46px;padding:0;font-size:0}.bar-row{grid-template-columns:90px 1fr 70px}.settle-card{grid-template-columns:50px 1fr}.settle-card>div:last-child{grid-column:2}}@media (width<=560px){.module-form{grid-template-columns:1fr}.module-item{grid-template-columns:42px 1fr}.item-actions{grid-column:2}.analytics-grid{grid-template-columns:1fr 1fr}.module-heading h2{font-size:28px}}.button.secondary{color:var(--cyan);box-shadow:none;background:#fff;border:1px solid #a9dce1}.button:disabled{opacity:.45;cursor:not-allowed}.cost-summary,.stats-kpis{background:var(--line);border:1px solid var(--line);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:22px;display:grid;overflow:hidden;box-shadow:0 8px 25px #1f164b0d}.cost-summary .stat,.stats-kpis .stat{background:#fff;padding:22px 12px}.cost-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px;padding:22px;display:grid}.cost-form label{color:var(--purple);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:800}.cost-form input,.cost-form select,.cost-toolbar select,.period-card select{width:100%;height:44px;font:inherit;color:var(--text);background:#fff;border:1px solid #d8d6e2;border-radius:9px;margin-top:7px;padding:0 11px}.cost-form .button{align-self:end;height:44px}.cost-toolbar{justify-content:space-between;align-items:center;margin:28px 0 12px;display:flex}.cost-toolbar select{width:210px;margin:0}.expense-list,.history-card,.ranking-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 7px 24px #1f164b0d}.expense-list>article{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr auto auto;align-items:center;gap:15px;padding:16px 18px;display:grid}.expense-list>article:last-child{border-bottom:0}.expense-icon{width:45px;height:45px;color:var(--purple);background:#f1eff9;border-radius:12px;place-items:center;display:grid}.expense-icon.fuel{color:#ed8614;background:#fff2df}.expense-icon svg{width:21px}.expense-list h3{margin:0 0 5px;font-size:14px}.expense-list p,.expense-list small{color:var(--muted);margin:0;font-size:12px}.expense-list>article>button{color:#b9b4c7;cursor:pointer;background:0 0;border:0;padding:8px}.expense-list>article>button:hover{color:#c23c4a}.period-card{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f3fbfc);border-radius:15px;justify-content:space-between;align-items:end;margin-bottom:20px;padding:18px 22px;display:flex}.period-card div{min-width:270px}.period-card small{color:var(--muted);font-size:10px;font-weight:800}.period-card span{color:var(--muted);font-size:13px}.stats-kpis{grid-template-columns:repeat(6,1fr)}.stats-section-title{color:var(--purple);margin:35px 0 15px;font-size:17px}.trend-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.trend-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px;box-shadow:0 7px 24px #1f164b0d}.trend-card h3{margin:0 0 22px;font-size:15px}.trend-card>p{color:var(--muted);margin:18px 0 0;font-size:12px}.mini-chart{border-bottom:1px solid var(--line);align-items:end;gap:7px;height:185px;padding:0 4px;display:flex}.mini-chart>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;height:100%;display:flex}.mini-chart span{background:linear-gradient(180deg,var(--turq),var(--cyan));border-radius:7px 7px 2px 2px;width:100%;max-width:24px;min-height:2px;transition:all .2s}.mini-chart span:hover{filter:brightness(.9)}.mini-chart small{color:var(--muted);height:18px;font-size:9px}.ranking-card{padding:22px}.ranking-card>h3{margin:0 0 15px}.ranking-card>div:not(.blank-state){grid-template-columns:32px 130px 1fr 80px;align-items:center;gap:12px;padding:12px 0;display:grid}.ranking-card>div>span{width:27px;height:27px;color:var(--cyan);background:#e8faf8;border-radius:50%;place-items:center;font-weight:800;display:grid}.ranking-card i{background:linear-gradient(90deg,var(--turq),var(--cyan));border-radius:8px;height:8px}.ranking-card strong{text-align:right}.settlement-tabs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px;display:grid}.settlement-tabs button{height:48px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #d8d6e5;border-radius:11px;font-weight:700}.settlement-tabs button.active{border:2px solid var(--cyan);color:var(--purple);background:#edfbfc}.settlement-tabs button span{border:1px solid var(--cyan);width:22px;height:22px;color:var(--cyan);border-radius:50%;place-items:center;margin-right:7px;display:inline-grid}.settlement-overview{color:#fff;background:linear-gradient(135deg,#25145f,#332078);border-radius:18px;margin-bottom:20px;padding:26px;box-shadow:0 15px 35px #23135d2e}.settlement-hero{align-items:center;gap:17px;display:flex}.settlement-hero>svg{width:52px;height:52px;color:var(--turq);background:#47e0c729;border-radius:15px;padding:13px}.settlement-hero small{letter-spacing:.12em;color:#bcb5db;font-size:10px}.settlement-hero h2{margin:4px 0;font-size:32px}.settlement-hero p{color:#c9c3e2;margin:0;font-size:12px}.settlement-metrics{background:#ffffff29;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;display:grid;overflow:hidden}.settlement-metrics>div{background:#ffffff0d;justify-content:center;align-items:center;gap:9px;padding:15px;display:flex}.settlement-metrics svg{width:18px;color:var(--turq)}.settlement-metrics span{font-size:12px}.settlement-columns{grid-template-columns:1.5fr .8fr;gap:20px;display:grid}.list-title{border-bottom:1px solid var(--line);justify-content:space-between;padding:18px;display:flex}.list-title h3{margin:0}.list-title span{color:var(--cyan);font-weight:800}.history-card{padding:20px}.history-card>h3{margin:0 0 13px}.history-card article{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.history-card article:last-child{border:0}.history-card small{color:var(--muted);margin-top:5px;font-size:10px;display:block}@media (width<=1000px){.stats-kpis{grid-template-columns:repeat(3,1fr)}.cost-form{grid-template-columns:repeat(2,1fr)}.settlement-columns{grid-template-columns:1fr}}@media (width<=700px){.cost-summary,.trend-grid,.settlement-metrics{grid-template-columns:1fr}.period-card{flex-direction:column;align-items:start;gap:12px}.period-card div{min-width:100%}.expense-list>article{grid-template-columns:42px 1fr auto}.expense-list>article>button{grid-column:3}.ranking-card>div:not(.blank-state){grid-template-columns:30px 1fr 70px}.ranking-card i{display:none}}@media (width<=520px){.cost-form{grid-template-columns:1fr}.stats-kpis{grid-template-columns:1fr 1fr}.cost-toolbar{flex-direction:column;align-items:start;gap:10px}.cost-toolbar select{width:100%}}.parking-latest{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:38% 1fr;min-height:270px;margin-bottom:24px;display:grid;overflow:hidden;box-shadow:0 13px 35px #1f164b14}.parking-map-pattern{background-color:#daf7f3;background-image:linear-gradient(30deg,#15b2bb1a 12%,#0000 12.5% 87%,#15b2bb1a 87.5%),linear-gradient(150deg,#15b2bb1a 12%,#0000 12.5% 87%,#15b2bb1a 87.5%);background-size:55px 96px;place-items:center;display:grid}.parking-map-pattern span,.parking-welcome>span{width:80px;height:80px;color:var(--cyan);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 30px #008b9c33}.parking-map-pattern svg{width:35px;height:35px}.parking-latest>div:last-child{padding:32px 38px}.parking-latest h2{color:var(--purple);margin:8px 0 12px;font-size:26px}.parking-latest p{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.parking-latest p svg{width:16px}.parking-latest p i{background:var(--line);width:1px;height:17px;margin:0 6px}.parking-latest small{color:var(--muted);background:#f5f4f9;border-radius:9px;margin:16px 0;padding:10px 12px;display:block}.parking-latest .button{margin-top:10px;display:inline-flex}.parking-welcome{background:linear-gradient(135deg,#fff,#ebfbfa);border:1px solid #ccebe9;border-radius:18px;grid-template-columns:90px 1fr auto;align-items:center;gap:22px;margin-bottom:24px;padding:30px;display:grid}.parking-welcome>span{width:70px;height:70px}.parking-welcome h2{margin:0 0 5px;font-family:Playfair Display,serif;font-size:27px}.parking-welcome p{color:var(--muted);margin:0}.parking-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;margin-bottom:25px;padding:24px}.parking-form-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.parking-form-title h3{margin:5px 0 0}.parking-form-title>svg{color:var(--cyan)}.parking-form-grid{grid-template-columns:1fr 1.5fr 1fr;align-items:end;gap:14px;display:grid}.parking-form-grid label{color:var(--purple);font-size:11px;font-weight:800}.parking-form-grid input,.parking-form-grid select{width:100%;height:44px;font:inherit;background:#fff;border:1px solid #d8d6e2;border-radius:9px;margin-top:7px;padding:0 11px;display:block}.parking-form-grid .button{height:44px}.parking-list-heading{justify-content:space-between;align-items:end;margin:30px 0 13px;display:flex}.parking-list-heading h3{margin:0}.parking-list-heading p{color:var(--muted);margin:5px 0 0;font-size:12px}.parking-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.parking-grid>article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;box-shadow:0 7px 22px #1f164b0d}.parking-grid>article.current{border:2px solid var(--cyan)}.parking-card-top{align-items:center;margin-bottom:16px;display:flex}.parking-card-top>span{width:42px;height:42px;color:var(--cyan);background:#e7faf8;border-radius:12px;place-items:center;display:grid}.parking-card-top small{color:var(--cyan);margin-left:10px;font-size:9px;font-weight:800}.parking-card-top button{color:#b7b1c5;cursor:pointer;background:0 0;border:0;margin-left:auto}.parking-card-top button svg{width:17px}.parking-grid article h3{margin:0 0 13px}.parking-grid article p{color:var(--muted);align-items:center;gap:7px;margin:7px 0;font-size:12px;display:flex}.parking-grid article p svg{width:15px}.parking-grid blockquote{color:var(--muted);background:#f6f5fa;border-radius:8px;margin:14px 0;padding:10px;font-size:11px}.parking-grid article>a{border-top:1px solid var(--line);color:var(--cyan);justify-content:space-between;align-items:center;margin-top:18px;padding-top:13px;font-size:12px;font-weight:700;display:flex}.parking-empty{text-align:center;min-height:220px;color:var(--muted);background:#fff;border:1px dashed #ccc7da;border-radius:18px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;display:flex}.parking-empty>span{color:#bdb7d0;background:#f1eff8;border-radius:50%;place-items:center;width:55px;height:55px;display:grid}.parking-empty h3{color:var(--purple);margin:14px 0 5px}.parking-empty p{margin:0}@media (width<=900px){.parking-latest{grid-template-columns:1fr}.parking-map-pattern{min-height:170px}.parking-form-grid,.parking-grid{grid-template-columns:1fr 1fr}.parking-welcome{grid-template-columns:70px 1fr}.parking-welcome .button{grid-column:1/-1}}@media (width<=600px){.parking-form-grid,.parking-grid{grid-template-columns:1fr}.parking-welcome{text-align:center;grid-template-columns:1fr}.parking-welcome>span{margin:auto}.parking-latest>div:last-child{padding:24px}.parking-page .module-heading{gap:15px}}.users-summary{background:var(--line);border:1px solid var(--line);border-radius:17px;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:22px;display:grid;overflow:hidden;box-shadow:0 8px 25px #1f164b0d}.users-summary>div{background:#fff;grid-template-rows:auto auto;grid-template-columns:48px 1fr;align-items:center;padding:20px 24px;display:grid}.users-summary span{width:42px;height:42px;color:var(--cyan);background:#e7faf8;border-radius:12px;grid-row:1/3;place-items:center;display:grid}.users-summary span svg{width:20px}.users-summary strong{color:var(--purple);font-size:22px}.users-summary small{color:var(--muted)}.invite-panel{background:#fff;border:1px solid #cbe9e8;border-radius:18px;margin-bottom:25px;padding:24px;box-shadow:0 13px 35px #1f164b14}.invite-intro{align-items:center;gap:16px;margin-bottom:22px;display:flex}.invite-intro>span{background:linear-gradient(135deg,var(--turq),var(--cyan));color:#fff;border-radius:15px;place-items:center;width:54px;height:54px;display:grid}.invite-intro h3{margin:4px 0}.invite-intro p{color:var(--muted);margin:0;font-size:12px}.invite-fields{grid-template-columns:1fr 1.3fr 1fr auto;align-items:end;gap:13px;display:grid}.invite-fields label{color:var(--purple);font-size:11px;font-weight:800}.invite-fields input,.invite-fields select{width:100%;height:44px;font:inherit;background:#fff;border:1px solid #d8d6e2;border-radius:9px;margin-top:7px;padding:0 11px;display:block}.invite-fields .button{height:44px}.users-section-title{justify-content:space-between;align-items:end;margin:28px 0 12px;display:flex}.users-section-title h3{margin:0}.users-section-title p{color:var(--muted);margin:5px 0 0;font-size:12px}.member-list{gap:11px;display:grid}.member-card{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:55px 1fr auto auto;align-items:center;gap:15px;padding:16px 18px;display:grid;box-shadow:0 5px 18px #1f164b0a}.member-card.owner{border-left:4px solid var(--turq)}.member-avatar{border:2px solid var(--turq);width:48px;height:48px;color:var(--purple);background:#e7faf8;border-radius:50%;place-items:center;font-size:17px;font-weight:800;display:grid}.member-avatar.alt{background:#f0eef8;border-color:#c9c3dd}.member-card h3{align-items:center;gap:10px;margin:0 0 4px;display:flex}.member-card h3 small{color:var(--purple);text-transform:uppercase;letter-spacing:.04em;background:#f0eef8;border-radius:20px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:inline-flex}.member-card h3 small svg{width:11px;height:11px}.member-card p{color:var(--muted);margin:0;font-size:12px}.member-card time{color:#aaa5b8;margin-top:5px;font-size:10px;display:block}.member-state{border-radius:20px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.member-state svg{width:13px}.member-state.active{color:#13805f;background:#e7f8f1}.member-state.pending{color:#b46b05;background:#fff3df}.member-actions{align-items:center;gap:7px;display:flex}.member-actions button{height:36px;color:var(--purple);cursor:pointer;background:#fff;border:1px solid #d9d5e5;border-radius:9px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.member-actions button svg{width:14px}.member-actions .remove{color:#b63d49;justify-content:center;width:36px;padding:0}.users-empty{text-align:center;background:linear-gradient(135deg,#fff,#f7f6fa);border:1px dashed #cac5d8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:230px;margin-top:18px;display:flex}.users-empty>span{width:58px;height:58px;color:var(--cyan);background:#e7faf8;border-radius:50%;place-items:center;display:grid}.users-empty h3{margin:15px 0 5px}.users-empty p{color:var(--muted);max-width:500px;margin:0 0 18px}@media (width<=900px){.invite-fields{grid-template-columns:1fr 1fr}.member-card{grid-template-columns:50px 1fr auto}.member-actions{grid-column:2/-1}.users-summary>div{padding:17px}}@media (width<=620px){.users-summary,.invite-fields{grid-template-columns:1fr}.member-card{grid-template-columns:45px 1fr}.member-state,.member-actions{grid-column:2}.users-page .module-heading{gap:14px}}.mail-notice,.auth-message{color:#13775b;background:#e7f8f1;border-radius:10px;margin-bottom:16px;padding:12px 15px;font-size:12px}.forgot-link{text-align:right;color:var(--cyan);margin:-2px 0 17px;font-size:12px;font-weight:700;display:block}.auth-action{justify-content:center;display:flex}.auth-message.success{margin-top:20px}.auth-back-button{color:var(--purple);cursor:pointer;background:0 0;border:0;padding:7px;font-weight:700}.security-section{margin-top:20px}.security-title{grid-template-columns:50px 1fr auto;align-items:center;gap:14px;display:grid}.security-title>span{width:48px;height:48px;color:var(--cyan);background:#e7faf8;border-radius:14px;place-items:center;display:grid}.security-title h3{margin:0}.security-title p{color:var(--muted);margin:5px 0 0;font-size:12px}.security-title>small{border-radius:20px;padding:7px 10px;font-weight:800}.security-title>small.enabled{color:#13775b;background:#e5f8ef}.security-title>small.disabled{color:#777185;background:#f0eef6}.method-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;display:grid}.method-grid button{text-align:left;min-height:145px;color:var(--purple);cursor:pointer;background:#fafafe;border:1px solid #dedbe8;border-radius:14px;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;display:flex}.method-grid button svg{color:var(--cyan)}.method-grid button b{font-size:14px}.method-grid button small{color:var(--muted);line-height:1.45}.method-grid button.active{border:2px solid var(--turq);background:#effcfb;box-shadow:0 8px 22px #0eb1b51a}.method-grid button:disabled{opacity:.48;cursor:not-allowed}.phone-field{color:var(--purple);margin:18px 0 0;font-size:12px;font-weight:800;display:block}.phone-field input,.setup-verify input,.security-enabled input{width:100%;height:48px;font:inherit;border:1px solid #d8d6e2;border-radius:10px;margin-top:7px;padding:0 13px;display:block}.security-start{margin-top:18px}.setup-verify{background:#fbffff;border:1px solid #cceae7;border-radius:15px;gap:17px;margin-top:20px;padding:20px;display:grid}.setup-verify>label{color:var(--purple);font-size:12px;font-weight:800}.setup-verify>label input{letter-spacing:7px;text-align:center;font-size:22px}.qr-setup{grid-template-columns:220px 1fr;align-items:center;gap:25px;display:grid}.qr-setup img{border:1px solid var(--line);border-radius:14px;width:220px}.qr-setup p{color:var(--muted);line-height:1.5}.qr-setup code{word-break:break-all;color:var(--purple)}.security-message{color:#215e83;background:#f0f8ff;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:12px}.security-enabled{margin-top:20px}.security-enabled>div{background:#f5fbfa;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.security-enabled>div>span{flex-direction:column;display:flex}.security-enabled>div small{color:var(--muted);margin-top:3px}.security-enabled form{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-top:16px;display:grid}.security-enabled label{color:var(--purple);font-size:12px;font-weight:800}.backup-codes{background:#fffaf0;border:2px solid #f0bc55;border-radius:14px;margin-top:18px;padding:20px}.backup-codes h4{margin:0}.backup-codes p{color:var(--muted);font-size:12px}.backup-codes>div{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.backup-codes code{text-align:center;background:#fff;border:1px solid #ead9b8;border-radius:7px;padding:9px}.backup-codes button{color:var(--cyan);cursor:pointer;background:0 0;border:0;margin-top:12px;font-weight:800}@media (width<=800px){.method-grid{grid-template-columns:1fr}.method-grid button{min-height:110px}.qr-setup{text-align:center;grid-template-columns:1fr}.qr-setup img{margin:auto}.backup-codes>div{grid-template-columns:1fr 1fr}.security-enabled form{grid-template-columns:1fr}.security-title{grid-template-columns:46px 1fr}.security-title>small{grid-column:2;justify-self:start}}.security-mail-info{color:var(--purple);background:#f4f7ff;border-radius:11px;align-items:center;gap:11px;margin-top:17px;padding:13px 15px;display:flex}.security-mail-info>svg{width:19px;color:var(--cyan)}.security-mail-info>span{flex-direction:column;display:flex}.security-mail-info small{color:var(--muted);margin-top:3px;line-height:1.4}.method-grid.two-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.reserved-text{color:#b56a00}.reserved{color:#a85f00;background:#fff1d6;border-radius:10px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-block}.vehicle-add{grid-template-columns:repeat(4,1fr)}.vehicle-grid{gap:13px;display:grid}.vehicle-grid>.blank-state{border:1px solid var(--line);background:#fff;border-radius:15px}.vehicle-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;grid-template-columns:60px 1fr 28px;align-items:center;gap:15px;padding:18px 22px;transition:all .2s;display:grid;box-shadow:0 4px 15px #1f164b0d}.vehicle-card:hover{border-color:#bdb6da;transform:translateY(-2px)}.vehicle-card>span,.vehicle-hero>span{width:58px;height:58px;color:var(--purple);background:#eeedf3;border-radius:14px;place-items:center;display:grid}.vehicle-card h3{color:var(--purple);margin:0 0 6px}.vehicle-card p{color:var(--muted);margin:6px 0 0;font-size:12px}.vehicle-card>svg{color:#aaa4bd}.available-pill,.unavailable{color:#15905f;background:#dcf8e9;border-radius:10px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-block}.unavailable{color:#b43b45;background:#fff0f0}.back-button{color:var(--purple);cursor:pointer;background:#eeecf6;border:0;border-radius:9px;padding:10px 13px}.vehicle-hero{align-items:center;gap:16px;margin:28px 0;display:flex}.vehicle-hero h2{margin:0 0 5px;font-size:30px}.vehicle-hero p{color:var(--muted);margin:0 0 6px}.detail-section{border:1px solid var(--line);background:#fff;border-radius:15px;margin:20px 0;padding:23px}.detail-section>.section-label{margin-bottom:18px;display:block}.detail-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.detail-grid label{color:var(--purple);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.detail-grid input,.detail-grid select,.detail-grid textarea{width:100%;font:inherit;text-transform:none;letter-spacing:0;background:#fff;border:1px solid #d6d3df;border-radius:9px;margin-top:7px;padding:11px;display:block}.detail-grid textarea{resize:vertical;min-height:85px}.full-field{grid-column:1/-1}.toggle-label{background:#f6f6fa;border-radius:10px;justify-content:space-between;align-items:center;padding:13px;display:flex;text-transform:none!important}.toggle-label span{flex-direction:column;display:flex}.toggle-label small{color:var(--muted);margin-top:4px;font-weight:400}.toggle-label input{width:20px;height:20px;margin:0}.detail-actions{justify-content:space-between;display:flex}.danger-button{color:#b4333e;cursor:pointer;background:#fff;border:1px solid #e25c66;border-radius:10px;align-items:center;gap:7px;padding:12px 16px;display:flex}@media (width<=700px){.vehicle-add,.detail-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.detail-actions{flex-direction:column-reverse;gap:12px}.detail-actions button{justify-content:center;width:100%}}.side-icons button{width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;display:grid}.side-icons button:hover{background:#ffffff14;border-color:#ffffff80}.modal-backdrop{z-index:100;background:#120f208c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.vehicle-popup{width:min(430px,100%);color:var(--ink);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 25px 70px #0000004d}.popup-title{border-bottom:1px solid var(--line);color:var(--purple);justify-content:space-between;align-items:center;padding:19px;display:flex}.popup-title button{color:var(--muted);cursor:pointer;background:0 0;border:0}.popup-list article{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;gap:12px;padding:18px;display:grid}.popup-list article>span{width:46px;height:46px;color:var(--purple);background:#f0eff5;border-radius:11px;place-items:center;display:grid}.popup-list article div{flex-direction:column;align-items:start;display:flex}.popup-list article p{color:var(--muted);margin:5px 0 0;font-size:11px}.popup-list article small{font-weight:800}.available-text{color:#16a56d}.unavailable-text{color:#bd3b47}.popup-settings{width:100%;color:var(--cyan);cursor:pointer;background:#fff;border:0;justify-content:center;align-items:center;gap:8px;padding:16px;font-weight:700;display:flex}.feed-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.feed-filters button{color:var(--muted);cursor:pointer;background:#fff;border:1px solid #ddd9e8;border-radius:20px;padding:8px 15px}.feed-filters button.active{background:linear-gradient(120deg,var(--turq),var(--cyan));color:#fff;border-color:#0000}.feed-list{border:1px solid var(--line);background:#fff;border-radius:15px;padding:0 18px;box-shadow:0 4px 15px #1f164b0d}.feed-list article{border-bottom:1px solid #ded8f3;grid-template-columns:44px 1fr auto;gap:13px;padding:17px 0;display:grid}.feed-list article:last-child{border:0}.feed-list article>span{width:39px;height:39px;color:var(--cyan);background:#e6faf7;border-radius:50%;place-items:center;display:grid}.feed-list article h3{margin:4px 0;font-size:14px}.feed-list article p{color:var(--muted);margin:0;font-size:12px}.feed-list article small,.feed-list article time{color:var(--muted);font-size:10px}.agenda-page{max-width:1260px;margin:auto;padding:38px 35px 80px}.agenda-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.agenda-heading h2{margin:7px 0;font-family:Playfair Display,serif;font-size:34px}.agenda-actions{gap:10px;display:flex}.agenda-actions>button:not(.button){color:var(--purple);cursor:pointer;background:#fff;border:1px solid #cbc7dc;border-radius:10px;align-items:center;gap:7px;padding:12px 16px;font-weight:700;display:flex}.view-switch{background:#ebeaf1;border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:4px;display:grid}.view-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px;font-weight:700;display:flex}.view-switch button.active{color:var(--purple);background:#fff;box-shadow:0 2px 7px #1e144614}.calendar-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.calendar-nav{border-bottom:1px solid var(--line);justify-content:center;align-items:center;gap:30px;height:57px;display:flex}.calendar-nav h3{text-transform:capitalize;color:var(--purple)}.calendar-nav button{color:var(--purple);cursor:pointer;background:#f2f1f7;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.weekday-row{text-align:center;border-bottom:1px solid var(--line);color:#9089ae;grid-template-columns:repeat(7,1fr);align-items:center;height:42px;font-size:10px;display:grid}.month-grid{grid-template-columns:repeat(7,1fr);display:grid}.month-grid>button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;height:118px;color:var(--purple);cursor:pointer;background:#fff;padding:10px;overflow:hidden}.month-grid>button:disabled{cursor:default;background:#faf9fc}.month-grid>button.today>span{background:var(--turq);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.month-grid>button div{flex-direction:column;gap:4px;margin-top:6px;display:flex}.month-grid>button small{white-space:nowrap;text-overflow:ellipsis;border-left:3px solid var(--cyan);background:#efedf6;border-radius:3px;padding:4px 5px;font-size:9px;display:block;overflow:hidden}.agenda-form{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-bottom:15px;overflow:hidden}.agenda-form-grid{grid-template-columns:repeat(4,1fr);align-items:end;gap:13px;padding:18px;display:grid}.agenda-form-grid label{color:var(--purple);font-size:11px;font-weight:700}.agenda-form-grid input,.agenda-form-grid select{width:100%;height:43px;font:inherit;background:#fff;border:1px solid #d5d2e0;border-radius:8px;margin-top:6px;padding:0 10px;display:block}.agenda-destination{grid-column:span 2}.agenda-list{margin-top:15px}@media (width<=850px){.agenda-page{padding:25px 14px 70px}.agenda-heading{align-items:start}.agenda-actions>button{justify-content:center;width:45px;height:45px;padding:0!important;font-size:0!important}.agenda-form-grid{grid-template-columns:1fr 1fr}.agenda-destination{grid-column:span 2}.month-grid>button{height:80px;padding:5px}.month-grid>button small{height:7px;padding:0;font-size:0}.weekday-row{height:34px}}@media (width<=520px){.agenda-form-grid{grid-template-columns:1fr}.agenda-destination{grid-column:auto}.calendar-nav{gap:12px}.month-grid>button{height:62px}}button.profile{color:#fff;text-align:left;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;width:100%}.profile:hover{background:#ffffff12}.profile-page{max-width:760px;margin:auto;padding:45px 35px 80px}.profile-heading{text-align:center;margin-bottom:28px}.profile-avatar{border:3px solid var(--turq);width:78px;height:78px;color:var(--purple);background:#f1f5fb;border-radius:50%;place-items:center;margin:0 auto 15px;font-size:30px;font-weight:800;display:grid}.profile-heading h2{margin:7px 0;font-family:Playfair Display,serif;font-size:34px}.profile-heading p{color:var(--muted);margin:0}.profile-section{border:1px solid var(--line);background:#fff;border-radius:15px;margin-bottom:14px;padding:22px;box-shadow:0 4px 14px #1f164b0a}.profile-section h3{text-transform:uppercase;letter-spacing:1px;margin:0 0 18px;font-size:12px}.profile-fields{grid-template-columns:1fr 1fr;gap:17px;display:grid}.profile-fields label{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:10px;font-weight:700}.profile-fields input,.profile-fields select{width:100%;height:45px;font:inherit;color:var(--ink);text-transform:none;background:#fff;border:1px solid #d6d3df;border-radius:9px;margin-top:7px;padding:0 11px;display:block}.profile-fields input:disabled{background:#f4f3f7}.profile-fields .toggle-label{height:67px;margin-top:0}.profile-message{text-align:center;color:#128163;background:#e5f8f1;border-radius:8px;margin-bottom:12px;padding:10px}.profile-save{width:100%}.profile-danger{gap:10px;margin-top:28px;display:grid}.profile-danger button{color:#c13a43;cursor:pointer;background:#fff;border:1px solid #ef6d74;border-radius:10px;height:48px}.profile-danger button:first-child{color:var(--purple);border-color:#d0ccdc}@media (width<=650px){.profile-page{padding:30px 15px 70px}.profile-fields{grid-template-columns:1fr}}.push-settings{border:1px solid var(--line);background:#f8f9fc;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding:16px;display:flex}.push-settings>span{align-items:center;gap:12px;display:flex}.push-settings>span>svg{width:40px;height:40px;color:var(--purple);background:#eeeaf9;border-radius:12px;padding:10px}.push-settings>span>span{flex-direction:column;display:flex}.push-settings small{color:var(--muted);margin-top:3px}.push-settings button{border:1px solid var(--cyan);color:var(--cyan);cursor:pointer;background:#fff;border-radius:9px;padding:10px 14px;font-weight:800}.push-settings.active{background:#eafaf7;border-color:#a8e5da}.push-settings.active>span>svg{color:#07856f;background:#d1f4ec}.push-settings.active button{color:#a63843;border-color:#b64b55}@media (width<=600px){.push-settings{flex-direction:column;align-items:stretch}.push-settings button{width:100%}}.welcome-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.agenda-error{color:#a52f3a;background:#fff0f1;border:1px solid #f2b5ba;border-radius:10px;grid-column:1/-1;padding:11px 13px;font-size:13px;font-weight:700}.agenda-list .module-item.cancelled{opacity:.62;background:#f4f3f7}.agenda-list .module-item.cancelled h3{text-decoration:line-through}.agenda-list .edit,.agenda-list .cancel-booking{color:var(--cyan);cursor:pointer;background:#eef9fa;border:0;border-radius:9px;padding:9px}.agenda-list .cancel-booking{color:#b43c46;white-space:nowrap;background:#fff1f1;font-size:11px;font-weight:700}.agenda-list .cancelled .cancel-booking{color:#16825f;background:#e8f8f1}.agenda-list .complete-booking{color:#087f79;white-space:nowrap;cursor:pointer;background:#e7f9f6;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 11px;font-size:11px;font-weight:800;display:flex}.agenda-list .complete-booking:hover{background:#d3f4ee}@media (width<=650px){.agenda-list .module-item{grid-template-columns:40px 1fr auto}.agenda-list .cancel-booking{grid-column:2;justify-self:start;padding:8px 10px}.agenda-list .delete{grid-area:1/3}.agenda-list .edit{grid-area:2/3}}@media (width<=760px){.welcome-actions{gap:7px}}.trip-odometer-form .agenda-form-grid{grid-template-columns:repeat(2,1fr)}.odometer-help{color:#fff;background:linear-gradient(135deg,#29166f,#36217d);border-radius:12px;grid-column:1/-1;align-items:center;gap:13px;padding:15px;display:flex}.odometer-help>svg{width:42px;height:42px;color:var(--turq);background:#41e2c829;border-radius:12px;padding:10px}.odometer-help div{flex-direction:column;gap:4px;display:flex}.odometer-help small{color:#cec9e1;font-size:11px}.trip-odometer-form label>small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.trip-odometer-form textarea{width:100%;min-height:80px;font:inherit;resize:vertical;background:#fff;border:1px solid #d8d6e2;border-radius:9px;margin-top:7px;padding:11px;display:block}@media (width<=650px){.trip-odometer-form .agenda-form-grid{grid-template-columns:1fr}.odometer-help,.trip-odometer-form .agenda-destination{grid-column:auto}}.agenda-form:not(.trip-odometer-form){border:0;border-radius:20px;outline:1px solid #e4e1ed;box-shadow:0 14px 38px #23145d1a}.agenda-form:not(.trip-odometer-form) .popup-title{background:linear-gradient(135deg,#fff 45%,#f0fbfb);border-bottom:1px solid #e9e6f0;justify-content:flex-start;gap:12px;min-height:78px;padding:18px 22px}.agenda-form:not(.trip-odometer-form) .popup-title:before{content:"+";background:linear-gradient(135deg,var(--turq),var(--cyan));color:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:24px;font-weight:300;display:grid;box-shadow:0 7px 16px #0ab0bc38}.agenda-form:not(.trip-odometer-form) .popup-title b{font-size:16px}.agenda-form:not(.trip-odometer-form) .popup-title b:after{content:"Kies een voertuig en plan de gewenste periode.";color:var(--muted);margin-top:5px;font-size:11px;font-weight:500;display:block}.agenda-form:not(.trip-odometer-form) .popup-title button{border-radius:10px;place-items:center;width:38px;height:38px;margin-left:auto;display:grid}.agenda-form:not(.trip-odometer-form) .popup-title button:hover{color:var(--purple);background:#eeecf4}.agenda-form:not(.trip-odometer-form) .agenda-form-grid{grid-template-columns:repeat(12,1fr);gap:16px;padding:22px}.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:first-of-type,.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:nth-of-type(2),.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:nth-of-type(3),.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:nth-of-type(4){grid-column:span 3}.agenda-form:not(.trip-odometer-form) .agenda-destination{grid-column:span 8}.agenda-form:not(.trip-odometer-form) .agenda-form-grid>.button{border-radius:11px;grid-column:span 4;height:48px}.agenda-form:not(.trip-odometer-form) .agenda-form-grid label{letter-spacing:.04em;text-transform:uppercase;font-size:10px}.agenda-form:not(.trip-odometer-form) input,.agenda-form:not(.trip-odometer-form) select{border-radius:11px;height:48px;padding:0 13px;transition:border-color .2s,box-shadow .2s}.agenda-form:not(.trip-odometer-form) input:focus,.agenda-form:not(.trip-odometer-form) select:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px #0db1be1f}@media (width<=900px){.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:first-of-type,.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:nth-of-type(2),.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:nth-of-type(3),.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:nth-of-type(4){grid-column:span 6}.agenda-form:not(.trip-odometer-form) .agenda-destination{grid-column:span 8}.agenda-form:not(.trip-odometer-form) .agenda-form-grid>.button{grid-column:span 4}}@media (width<=600px){.agenda-form:not(.trip-odometer-form){border-radius:16px}.agenda-form:not(.trip-odometer-form) .popup-title{padding:15px}.agenda-form:not(.trip-odometer-form) .popup-title b:after{max-width:210px}.agenda-form:not(.trip-odometer-form) .agenda-form-grid{grid-template-columns:1fr;gap:13px;padding:16px}.agenda-form:not(.trip-odometer-form) .agenda-form-grid>label:nth-of-type(n),.agenda-form:not(.trip-odometer-form) .agenda-destination,.agenda-form:not(.trip-odometer-form) .agenda-form-grid>.button{grid-column:1}.agenda-form:not(.trip-odometer-form) .agenda-form-grid>.button{width:100%}}.costs-page .cost-summary{background:#e6e2ef;border:0;border-radius:20px;box-shadow:0 12px 32px #23145d14}.costs-page .cost-summary .stat{padding:25px 14px;position:relative}.costs-page .cost-summary .stat>span{width:44px;height:44px;color:var(--purple);background:linear-gradient(135deg,#f1effc,#e5fbf8)}.costs-page .cost-summary .stat strong{font-size:21px}.cost-form{border:0;border-radius:20px;outline:1px solid #e2dfeb;padding:0;display:block;overflow:hidden;box-shadow:0 16px 42px #23145d1c}.cost-form-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 40%,#edfafa);align-items:center;gap:13px;padding:20px 23px;display:flex}.cost-form-head>span{background:linear-gradient(135deg,var(--turq),var(--cyan));color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 8px 18px #0ab0bc3d}.cost-form-head svg{width:21px}.cost-form-head h3{color:var(--purple);margin:0;font-size:16px}.cost-form-head p{color:var(--muted);margin:4px 0 0;font-size:11px}.cost-category-picker{scrollbar-width:thin;gap:8px;padding:17px 22px 5px;display:flex;overflow:auto}.cost-category-picker button{color:var(--muted);white-space:nowrap;font:inherit;cursor:pointer;background:#fff;border:1px solid #ddd9e8;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:700}.cost-category-picker button.active{background:var(--purple);color:#fff;border-color:#0000;box-shadow:0 5px 13px #2716642e}.cost-fields{grid-template-columns:repeat(3,1fr);gap:15px;padding:17px 22px 22px;display:grid}.cost-fields label{color:var(--purple);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800}.cost-fields input,.cost-fields select{width:100%;height:48px;font:inherit;color:var(--text);background:#fff;border:1px solid #d8d5e3;border-radius:11px;margin-top:7px;padding:0 12px;transition:all .2s}.cost-fields input:focus,.cost-fields select:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px #0db1be1f}.cost-fields label>small{color:#159575;text-transform:none;margin-top:6px;font-size:10px;display:block}.cost-description{grid-column:span 2}.cost-form-footer{border-top:1px solid var(--line);background:#f8f8fb;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.cost-form-footer .button{min-width:210px;height:46px}.cost-cancel{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 18px;font-weight:700}.cost-toolbar{padding:4px 2px}.cost-toolbar>b{color:var(--purple)}.cost-toolbar select{background:#fff;border-radius:11px;height:46px}.costs-page .expense-list{border-radius:18px;min-height:160px}.costs-page .blank-state{min-height:160px}@media (width<=850px){.cost-fields{grid-template-columns:1fr 1fr}.cost-description{grid-column:span 2}}@media (width<=560px){.costs-page .cost-summary{grid-template-columns:1fr 1fr}.costs-page .cost-summary .stat:last-child{grid-column:1/-1}.cost-form-head,.cost-category-picker,.cost-fields,.cost-form-footer{padding-left:15px;padding-right:15px}.cost-fields{grid-template-columns:1fr}.cost-description{grid-column:auto}.cost-form-footer{flex-direction:column-reverse}.cost-form-footer .button,.cost-cancel{width:100%;min-width:0;height:46px}}.parking-form{border:0;border-radius:20px;outline:1px solid #e2dfeb;padding:0;overflow:hidden;box-shadow:0 16px 42px #23145d1a}.parking-form-title{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 40%,#eafafa);margin:0;padding:20px 23px}.parking-form-title h3{font-size:17px}.parking-form-title p{color:var(--muted);margin:5px 0 0;font-size:11px}.locate-button{height:43px;color:var(--cyan);cursor:pointer;background:#fff;border:1px solid #a8dde0;border-radius:11px;align-items:center;gap:8px;padding:0 14px;font-weight:700;display:flex}.locate-button svg{width:18px}.locate-button:disabled{opacity:.55}.parking-form-grid{grid-template-columns:1fr 1.5fr 1fr;gap:16px;padding:22px}.parking-form-grid input,.parking-form-grid select{border-radius:11px;height:48px;transition:all .2s}.parking-form-grid input:focus,.parking-form-grid select:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px #0db1be1f}.parking-form-grid .button{border-radius:11px;height:48px}.parking-location-error{color:#a73540;background:#fff1f2;border:1px solid #f0b8bd;border-radius:10px;grid-column:1/-1;padding:11px 13px;font-size:12px}.parking-welcome{box-shadow:0 12px 32px #0db1be12}.parking-empty{background:linear-gradient(145deg,#fff,#fbfaff)}.vehicle-add{border:0;border-radius:20px;outline:1px solid #e2dfeb;grid-template-columns:repeat(4,1fr);padding:0 22px 22px;overflow:hidden;box-shadow:0 16px 42px #23145d1a}.vehicle-add-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 40%,#edfafa);grid-column:1/-1;align-items:center;gap:13px;margin:0 -22px 4px;padding:20px 22px;display:flex}.vehicle-add-head>span{background:linear-gradient(135deg,var(--turq),var(--cyan));color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.vehicle-add-head h3{color:var(--purple);margin:0}.vehicle-add-head p{color:var(--muted);margin:4px 0 0;font-size:11px}.vehicle-add input,.vehicle-add select{border-radius:11px!important;height:48px!important}.vehicle-add .button{align-self:end;height:48px}.vehicle-card{border-radius:18px;grid-template-columns:64px 1fr 30px;padding:22px 24px;box-shadow:0 8px 24px #1f164b0f}.vehicle-card:hover{border-color:#a9dfe1;transform:translateY(-3px);box-shadow:0 14px 32px #1f164b1a}.vehicle-card-title{align-items:center;gap:10px;display:flex}.vehicle-card-title h3{margin:0}.vehicle-card-main>p{margin:5px 0 15px}.vehicle-card-metrics{grid-template-columns:repeat(3,minmax(130px,1fr));gap:10px;display:grid}.vehicle-card-metrics>span{color:var(--purple);background:#f7f6fa;border-radius:10px;grid-template-columns:20px 1fr;align-items:center;padding:10px 12px;display:grid}.vehicle-card-metrics svg{width:16px;color:var(--cyan);grid-row:1/3}.vehicle-card-metrics b{font-size:12px}.vehicle-card-metrics small{color:var(--muted);font-size:9px}@media (width<=900px){.parking-form-grid,.vehicle-add,.vehicle-card-metrics{grid-template-columns:1fr 1fr}.vehicle-card-metrics>span:last-child{grid-column:1/-1}}@media (width<=600px){.parking-form-title{flex-direction:column;align-items:flex-start;gap:15px}.locate-button{justify-content:center;width:100%}.parking-form-grid,.vehicle-add{grid-template-columns:1fr}.vehicle-add-head{grid-column:1}.vehicle-card{grid-template-columns:52px 1fr 20px;padding:17px 15px}.vehicle-card>span{width:50px;height:50px}.vehicle-card-metrics{grid-template-columns:1fr}.vehicle-card-metrics>span:last-child{grid-column:auto}}.quick-add{z-index:39;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:28px;right:34px}.quick-add-toggle{background:linear-gradient(135deg,var(--turq),var(--cyan));color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .2s;display:grid;box-shadow:0 12px 28px #08a1b057}.quick-add.open .quick-add-toggle{transform:rotate(90deg)}.quick-add-menu{border:1px solid var(--line);transform-origin:100% 100%;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:18px;gap:3px;width:250px;padding:10px;transition:all .18s;display:grid;transform:translateY(12px)scale(.96);box-shadow:0 18px 45px #1f164b2e}.quick-add.open .quick-add-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.quick-add-menu button{height:58px;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:7px 9px;font-weight:750;display:flex}.quick-add-menu button:hover{background:#f7f6fa}.quick-add-menu span{width:40px;height:40px;color:var(--purple);background:#efedf8;border-radius:11px;place-items:center;display:grid}.quick-add-menu button:nth-child(2) span{color:#ef705d;background:#fff0ed}.quick-add-menu button:nth-child(3) span{color:#049baa;background:#e5f8f8}.quick-add-menu svg{width:19px}.quick-add-toggle svg{width:25px}@media (width<=760px){.quick-add{bottom:86px;right:18px}.quick-add-toggle{width:54px;height:54px}.quick-add-menu{width:min(250px,100vw - 36px)}}.manage-page,.manage-detail{max-width:700px;margin:auto;padding:42px 28px 100px}.manage-page>h2{text-align:center;color:var(--purple);margin:0 0 76px}.manage-group{margin-bottom:30px}.manage-group>small{color:#858090;letter-spacing:1px;margin:0 0 10px 7px;font-size:11px;font-weight:800;display:block}.manage-group>div{border:1px solid var(--line);background:#fff;border-radius:17px;overflow:hidden;box-shadow:0 5px 18px #1f164b0d}.manage-row,.setting-row,.setting-select{border:0;border-bottom:1px solid var(--line);width:100%;min-height:64px;color:var(--ink);text-align:left;font:inherit;background:#fff;grid-template-columns:42px 1fr 22px;align-items:center;gap:10px;padding:9px 14px;display:grid}.manage-row:last-child,.setting-row:last-child,.setting-select:last-child{border-bottom:0}.manage-row{cursor:pointer}.manage-row:hover{background:#faf9fc}.manage-row>span,.setting-row>span,.setting-select>span{width:38px;height:38px;color:var(--purple);background:#eef1f4;border-radius:10px;place-items:center;display:grid}.manage-row svg,.setting-row svg,.setting-select svg{width:18px}.manage-row>svg{color:#aaa5b7}.manage-row div,.setting-row div,.setting-select div{flex-direction:column;gap:4px;display:flex}.manage-row small,.setting-row small,.setting-select small{color:var(--muted);font-size:11px}.setting-row{cursor:default}.setting-row input{width:42px;height:22px;accent-color:var(--cyan);cursor:pointer}.setting-select{grid-template-columns:42px 1fr}.setting-select select{color:var(--purple);font:inherit;background:#f5f4f8;border:0;border-radius:8px;margin-top:4px;padding:7px}.manage-back{align-items:flex-start;gap:14px;margin-bottom:62px;display:flex}.manage-back>button{width:40px;height:40px;color:var(--purple);cursor:pointer;background:#efedf6;border:0;border-radius:10px;place-items:center;display:grid}.manage-back small{color:var(--muted)}.manage-back h2{color:var(--purple);margin:7px 0 0}.manage-intro{text-align:center;color:var(--muted);margin:-32px auto 24px;line-height:1.55}.calculator-card,.charter-card,.about-card{border:2px solid var(--cyan);background:#fff;border-radius:18px;padding:20px;box-shadow:0 7px 22px #1f164b0f}.calculator-card label{color:var(--purple);grid-template-columns:1fr auto;gap:9px;margin-bottom:25px;font-weight:700;display:grid}.calculator-card label:first-child{grid-template-columns:1fr}.calculator-card input[type=number]{border:1px solid var(--line);height:44px;font:inherit;border-radius:9px;padding:0 11px}.calculator-card input[type=range]{width:100%;accent-color:var(--cyan);grid-column:1/-1}.calculator-total{color:#087f89;background:#d8f5f5;border-radius:12px;justify-content:space-between;align-items:center;padding:17px;display:flex}.calculator-total strong{font-size:21px}.charter-card{border-color:var(--line)}.charter-card textarea{border:1px solid var(--line);width:100%;min-height:240px;font:inherit;resize:vertical;border-radius:12px;margin-bottom:15px;padding:15px}.charter-card .button{width:100%}.about-card{border-color:var(--line);flex-direction:column;align-items:flex-start;gap:14px;display:flex}.about-card .logo{font-size:28px}.about-card p{color:var(--muted);line-height:1.6}.about-card>a{width:100%;color:var(--cyan);border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.about-card>a svg{width:19px}.about-card>small{color:var(--muted);align-self:center;margin-top:18px}.manage.active{border-left-color:var(--turq);background:#ffffff21}@media (width<=760px){.manage-page,.manage-detail{padding:25px 14px 120px}.manage-page>h2{margin-bottom:36px}.manage-back{margin-bottom:42px}.manage-row,.setting-row,.setting-select{min-height:68px}}.color-change{color:var(--cyan);font:inherit;cursor:pointer;background:0 0;border:0;margin:-7px auto 16px;font-size:12px;font-weight:700;display:block}.color-backdrop{z-index:150}.color-picker{background:#fff;border-radius:18px;width:min(600px,100%);overflow:hidden;box-shadow:0 28px 80px #100a2d52}.color-title{border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:62px;padding:0 22px;display:flex;position:relative}.color-title h3{color:var(--ink);margin:0}.color-title button{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;right:17px}.color-picker>p{text-align:center;color:var(--muted);margin:22px 15px 8px}.color-grid{grid-template-columns:repeat(5,1fr);gap:14px 26px;padding:12px 42px 28px;display:grid}.color-grid button{background:color-mix(in srgb,var(--avatar-color) 12%,white);cursor:pointer;border:3px solid #0000;border-radius:50%;place-items:center;width:56px;height:56px;transition:all .15s;display:grid}.color-grid button:hover{transform:scale(1.08)}.color-grid button.selected{border-color:var(--avatar-color);box-shadow:inset 0 0 0 3px #fff}.color-grid span{background:var(--avatar-color);border-radius:50%;width:28px;height:28px}.color-picker>.button{width:calc(100% - 64px);height:56px;margin:4px 32px 32px}.profile-avatar{transition:background-color .2s,border-color .2s}@media (width<=600px){.color-picker{max-height:90vh;overflow:auto}.color-grid{grid-template-columns:repeat(5,1fr);gap:10px;padding:12px 18px 24px}.color-grid button{width:45px;height:45px}.color-grid span{width:24px;height:24px}.color-picker>.button{width:calc(100% - 36px);margin:0 18px 22px}}