@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.sblue-public{--sb-ink:#132b30;--sb-muted:#627579;--sb-sand:#f3f0e8;--sb-gold:#c3a77b;--sb-white:#fffdf8;color:var(--sb-ink);background:var(--sb-white);font-family:DM Sans,sans-serif;overflow:hidden}.sblue-public *{box-sizing:border-box}.sblue-public a{color:inherit;text-decoration:none}.sb-nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,96px);background:#fffdf8;position:relative;z-index:10}.sb-wordmark{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.19em;font-size:17px}.sb-wordmark>span:last-child{display:flex;flex-direction:column;line-height:1.1}.sb-wordmark small{font-size:8px;letter-spacing:.38em;font-weight:500;margin-top:6px}.sb-mark{width:30px;height:28px;display:flex;align-items:flex-end;gap:3px;transform:skew(-20deg)}.sb-mark i{display:block;width:6px;border:1.5px solid #1b4c51;border-radius:8px 8px 2px 2px}.sb-mark i:nth-child(1){height:14px}.sb-mark i:nth-child(2){height:23px}.sb-mark i:nth-child(3){height:18px}.sb-nav-links{display:flex;align-items:center;gap:clamp(16px,2.2vw,34px);font-size:11px;letter-spacing:.04em}.sb-nav-links>a:not(.sb-nav-cta){color:#53666a;transition:color .2s}.sb-nav-links>a:hover{color:#b28e5c}.sb-nav-cta{border:1px solid #c5b18e;padding:14px 18px;display:flex;gap:15px;align-items:center;font-weight:600}.sb-menu-toggle{display:none}.sb-hero{height:min(760px,82vh);min-height:600px;position:relative;background:#294e55;color:#fff}.sb-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(https://www.comporta.com/media/grhlmi55/marina_panorama2.jpg?center=0.57045551298424857%2C0.485&preset=HPMapPOImin320&rnd=133470285677830000);background-position:center 58%;background-size:cover;transform:scale(1.01)}.sb-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#081c21bf,#081c216e 48%,#081c211f),linear-gradient(0deg,rgba(8,28,33,.5),transparent 25%)}.sb-hero-content{position:absolute;left:clamp(24px,10vw,155px);top:50%;transform:translateY(-48%);max-width:700px}.sb-kicker,.sb-section-label{font-size:10px;letter-spacing:.2em;font-weight:600}.sb-kicker{display:flex;align-items:center;gap:12px;color:#e2d3b7}.sb-kicker span{width:27px;height:1px;background:#d4b887}.sb-hero h1,.sb-section h2,.sb-yacht h2,.sb-cta-band h2{font-family:Playfair Display,serif;font-size:clamp(52px,7vw,98px);font-weight:400;letter-spacing:-.04em;line-height:1.03;margin:28px 0}.sb-hero h1 em,.sb-section h2 em,.sb-yacht h2 em,.sb-cta-band h2 em{font-weight:400;color:#d8c09b}.sb-hero-content>p{max-width:520px;font-size:15px;line-height:1.9;color:#ffffffd4}.sb-hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.sb-button{min-height:52px;padding:0 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px;font-size:11px;letter-spacing:.04em;font-weight:600;border:0;cursor:pointer}.sb-button.light{background:#f4efe5;color:#1c373b}.sb-button.dark{background:#183b40;color:#fff;width:100%;margin-top:5px}.sb-text-link{font-size:11px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:10px}.sb-text-link span,.sb-inline-link span{margin-left:10px}.sb-hero-foot{position:absolute;bottom:25px;left:clamp(24px,6vw,90px);right:clamp(24px,6vw,90px);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.17em;color:#ffffffbf}.sb-section{padding:clamp(76px,10vw,150px) clamp(24px,10vw,155px)}.sb-intro{display:grid;grid-template-columns:.7fr 1.45fr .8fr;gap:6%;align-items:start;background:#f5f2ea}.sb-section-label{color:#927b58}.sb-intro h2,.sb-section-heading h2,.sb-model h2,.sb-contact h2{font-family:Playfair Display,serif;font-size:clamp(42px,5vw,68px);line-height:1.1;font-weight:400;letter-spacing:-.035em;margin:0 0 28px}.sb-intro h2 em,.sb-section-heading h2 em,.sb-model h2 em,.sb-contact h2 em{color:#a98b5f}.sb-intro-copy p,.sb-contact-copy>p{font-size:13px;line-height:2;color:#617175;margin:0 0 18px}.sb-inline-link{display:inline-block;font-size:11px;font-weight:600;border-bottom:1px solid #c1a579;padding-bottom:10px;margin-top:18px}.sb-intro-note{padding:28px;background:#e8e5da;margin-top:40px}.sb-quote-mark{font-family:Playfair Display,serif;font-size:60px;color:#bda47c;line-height:.8}.sb-intro-note p{font-family:Playfair Display,serif;font-size:21px;line-height:1.55}.sb-intro-note small{font-size:9px;letter-spacing:.17em;color:#7e8988}.sb-territory{background:#fffdf8}.sb-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.sb-section-heading h2{margin-bottom:0}.sb-section-heading>p{max-width:380px;font-size:13px;line-height:1.9;color:#66787b;margin:0 0 5px}.sb-destination-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:270px 260px;gap:15px}.sb-destination{position:relative;overflow:hidden;background:#d7ddd7;min-width:0}.sb-destination.large{grid-row:span 2}.sb-destination.wide{grid-column:span 2}.sb-destination img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.sb-destination:hover img{transform:scale(1.04)}.sb-destination-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#081e22cc,#081e2200 65%)}.sb-destination-text{position:absolute;left:25px;bottom:25px;color:#fff}.sb-destination-text span{font-size:9px;letter-spacing:.16em;color:#dfc9a4}.sb-destination-text h3{font-family:Playfair Display,serif;font-size:34px;font-weight:400;margin:10px 0 4px}.sb-destination-text p{font-size:11px;color:#fffc;margin:0}.sb-image-note{font-size:10px;color:#829092;margin-top:18px}.sb-yacht{display:grid;grid-template-columns:1.1fr 1fr;background:#eae7dd;min-height:650px}.sb-yacht-image{position:relative;min-height:620px;background:#cad2d0}.sb-yacht-image img{position:absolute;width:100%;height:100%;object-fit:cover;top:0;right:0;bottom:0;left:0}.sb-yacht-caption{position:absolute;left:30px;bottom:28px;color:#fff;font-size:11px;letter-spacing:.15em;text-shadow:0 1px 12px #132b30}.sb-yacht-caption span{display:block;font-size:8px;margin-top:8px;letter-spacing:.2em;color:#e2d8c6}.sb-yacht-copy{padding:clamp(45px,7vw,100px) clamp(28px,6vw,90px);align-self:center}.sb-yacht h2{font-size:clamp(42px,4.5vw,64px);margin:24px 0}.sb-yacht h2 em{color:#a98b5f}.sb-yacht-copy>p{font-size:13px;line-height:2;color:#5f7074;max-width:480px}.sb-specs{display:grid;grid-template-columns:1fr 1fr;gap:25px 18px;border-top:1px solid #c9c5b8;margin:35px 0 20px;padding-top:25px}.sb-specs div{display:flex;flex-direction:column;gap:8px}.sb-specs strong{font-family:Playfair Display,serif;font-weight:400;font-size:27px}.sb-specs span{font-size:9px;letter-spacing:.13em;color:#7d8885}.sb-disclaimer{display:block;font-size:9px;line-height:1.7;color:#7d8885;margin-bottom:10px}.sb-model{background:#f8f6f0}.sb-model-heading{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-top:32px}.sb-model-heading h2{margin:0}.sb-model-heading>p{font-size:13px;line-height:2;color:#66777a;margin:0 0 7px;max-width:490px}.sb-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:70px}.sb-benefits article{border-top:1px solid #c8b28d;padding-top:20px}.sb-benefits article>span{font-size:10px;color:#a98b5f;letter-spacing:.14em}.sb-benefits h3{font-family:Playfair Display,serif;font-weight:400;font-size:22px;line-height:1.3;margin:22px 0 12px}.sb-benefits p{font-size:12px;line-height:1.9;color:#6e7c7d}.sb-cta-band{padding:90px 24px;text-align:center;background:linear-gradient(110deg,#0d2b30f0,#0d2b30c7),url(https://www.comporta.com/media/grhlmi55/marina_panorama2.jpg?center=0.57045551298424857%2C0.485&preset=HPMapPOImin320&rnd=133470285677830000) center 52%/cover;color:#fff}.sb-cta-band .sb-section-label{color:#d2b98f}.sb-cta-band h2{font-size:clamp(40px,5vw,68px);margin:24px 0}.sb-cta-band>p{font-size:13px;color:#ffffffc4;margin:0 auto 28px;line-height:1.8}.sb-contact{display:grid;grid-template-columns:1fr .85fr;gap:12%;background:#f4f1e8}.sb-contact h2{margin-top:25px}.sb-contact-copy>p{max-width:450px}.sb-contact-detail{margin-top:55px;display:flex;flex-direction:column;gap:12px}.sb-contact-detail span{font-size:9px;letter-spacing:.16em;color:#8a7b62}.sb-contact-detail a{font-size:13px;font-weight:600}.sb-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:19px 15px}.sb-contact-form label{display:flex;flex-direction:column;gap:9px;font-size:10px;font-weight:600;color:#4d6165}.sb-contact-form input,.sb-contact-form select,.sb-contact-form textarea{width:100%;border:0;border-bottom:1px solid #c7c8bd;background:transparent;border-radius:0;padding:12px 0;font:12px DM Sans,sans-serif;color:#18383d;outline:none}.sb-contact-form input:focus,.sb-contact-form select:focus,.sb-contact-form textarea:focus{border-color:#927b58}.sb-contact-form input::placeholder,.sb-contact-form textarea::placeholder{color:#a0a8a3}.sb-contact-form .sb-message-label{grid-column:1/-1}.sb-contact-form textarea{resize:vertical}.sb-contact-form .sb-button{grid-column:1/-1}.sb-form-note{grid-column:1/-1;font-size:10px;line-height:1.6;color:#68797b}.sb-footer{min-height:110px;padding:30px clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#122d32;color:#fff}.footer-mark{font-size:14px}.footer-mark .sb-mark i{border-color:#e4d2b1}.sb-footer>p,.sb-footer>span,.sb-footer>a:last-child{font-size:9px;letter-spacing:.14em;color:#b6c2bf}.sb-footer>a:last-child{border-bottom:1px solid #a18a67;padding-bottom:5px}@media(max-width:950px){.sb-nav{height:76px}.sb-menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;font-size:10px;letter-spacing:.12em;color:#19383d}.sb-menu-toggle span{font-size:20px}.sb-nav-links{display:none;position:absolute;top:76px;left:0;right:0;padding:22px;background:#fffdf8;box-shadow:0 15px 25px #132b3012;align-items:stretch;flex-direction:column;gap:0}.sb-nav-links.open{display:flex}.sb-nav-links>a{padding:14px 0}.sb-nav-links .sb-nav-cta{padding:14px;margin-top:8px}.sb-intro{grid-template-columns:1fr 2fr;gap:35px}.sb-intro-note{grid-column:2;margin-top:0}.sb-destination-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 230px 230px}.sb-destination.large{grid-row:auto;grid-column:span 2}.sb-destination.wide{grid-column:span 2}.sb-yacht{grid-template-columns:1fr}.sb-yacht-image{min-height:460px}.sb-yacht-copy{padding:60px clamp(24px,8vw,80px)}.sb-benefits{grid-template-columns:1fr 1fr;gap:35px}.sb-contact{grid-template-columns:1fr;gap:50px}.sb-contact-form{max-width:700px}.sb-footer{flex-wrap:wrap}.sb-footer>p{display:none}}@media(max-width:600px){.sb-hero{height:700px;min-height:0}.sb-hero-content{left:24px;right:24px;top:44%;transform:translateY(-35%)}.sb-hero h1{font-size:55px}.sb-hero-content>p{font-size:13px}.sb-hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.sb-hero-foot{left:24px;right:24px;gap:8px;flex-wrap:wrap;font-size:7px}.sb-hero-foot span:last-child{display:none}.sb-section{padding:75px 24px}.sb-intro{grid-template-columns:1fr;gap:28px}.sb-intro-note{grid-column:auto}.sb-intro h2,.sb-section-heading h2,.sb-model h2,.sb-contact h2{font-size:43px}.sb-section-heading{display:block}.sb-section-heading>p{margin-top:24px}.sb-destination-grid{display:flex;flex-direction:column}.sb-destination,.sb-destination.large,.sb-destination.wide{height:260px;min-height:260px}.sb-yacht-image{min-height:330px}.sb-yacht h2{font-size:42px}.sb-specs{gap:20px 12px}.sb-model-heading{grid-template-columns:1fr;gap:25px}.sb-benefits{grid-template-columns:1fr;gap:28px;margin-top:45px}.sb-benefits article{padding-top:15px}.sb-cta-band{padding:75px 24px}.sb-cta-band h2{font-size:42px}.sb-contact-form{grid-template-columns:1fr}.sb-contact-form .sb-message-label,.sb-contact-form .sb-button,.sb-form-note{grid-column:auto}.sb-footer{align-items:flex-start;flex-direction:column;gap:18px}.sb-footer>span{line-height:1.7}}.sb-core-link{font-size:10px;letter-spacing:.03em;color:#24484d!important;border-bottom:1px solid #c6b28d;padding:13px 0 8px;white-space:nowrap}.sb-core-link span{margin-left:7px;color:#a7895e}.sb-core-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#e9e6dc}.sb-core-copy h2{font-family:Playfair Display,serif;font-size:clamp(42px,4.6vw,66px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:25px 0}.sb-core-copy h2 em{color:#a98b5f;font-weight:400}.sb-core-copy>p{font-size:13px;line-height:2;color:#5e7174;max-width:570px}.sb-core-features{display:grid;grid-template-columns:1fr 1fr;gap:23px 20px;margin:35px 0}.sb-core-features article{display:grid;grid-template-columns:28px 1fr;gap:7px 10px;border-top:1px solid #c7b99d;padding-top:13px}.sb-core-features article>span{grid-row:span 2;font-size:10px;color:#a98b5f;letter-spacing:.1em}.sb-core-features b{font-size:11px;font-weight:600}.sb-core-features small{font-size:10px;line-height:1.7;color:#718080}.sb-core-button{max-width:260px}.sb-core-note{display:block;margin-top:13px;font-size:9px;line-height:1.7;color:#7a8582;max-width:360px}.sb-core-visual{background:#102d32;padding:clamp(20px,3vw,42px);color:#dfe8e3;box-shadow:0 30px 60px #132b3017}.sb-core-window{border:1px solid #406065;background:#15383d}.sb-core-window-top{height:44px;border-bottom:1px solid #406065;display:flex;align-items:center;gap:6px;padding:0 14px}.sb-core-window-top>span{width:6px;height:6px;border-radius:50%;background:#b7a27d}.sb-core-window-top b{font-size:8px;letter-spacing:.13em;font-weight:500;color:#a7b9b5;margin-left:12px}.sb-core-window-body{padding:clamp(16px,3vw,30px)}.sb-core-minihead{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.12em;color:#d6dfda}.sb-core-minihead i{font-style:normal;color:#b9c59b;font-size:7px}.sb-core-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0}.sb-core-metrics>div{padding:13px 10px;border:1px solid #3e6165;display:flex;flex-direction:column;gap:8px}.sb-core-metrics small{font-size:7px;letter-spacing:.08em;color:#9eb2ad}.sb-core-metrics b{font-family:Playfair Display,serif;font-size:27px;font-weight:400;color:#e8d4ae}.sb-core-metrics span{font-size:9px;color:#a5bab4}.sb-core-route{display:flex;align-items:center;gap:8px;font-size:7px;letter-spacing:.1em;color:#d4ded9;white-space:nowrap}.sb-core-route i{height:1px;flex:1;background:#bda77f;min-width:8px}.sb-core-lines{margin:25px 0 20px;display:flex;flex-direction:column;gap:9px}.sb-core-lines i{height:5px;display:block;background:linear-gradient(90deg,#bda77f 0,#bda77f 18%,#42666a 18%,#42666a)}.sb-core-lines i:nth-child(2){background:linear-gradient(90deg,#42666a 0,#42666a 9%,#bda77f 9%,#bda77f 43%,#42666a 43%,#42666a)}.sb-core-lines i:nth-child(3){background:linear-gradient(90deg,#bda77f 0,#bda77f 32%,#42666a 32%,#42666a)}.sb-core-bottom{border-top:1px solid #406065;padding-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:7px;letter-spacing:.1em;color:#9eb2ad}.sb-core-bottom b{color:#e2d0ad}.sb-core-visual-caption{font-size:8px;letter-spacing:.17em;color:#c5b18e;margin-top:16px}@media(max-width:950px){.sb-core-section{grid-template-columns:1fr;gap:45px}.sb-core-visual{max-width:650px;width:100%;margin:auto}.sb-core-link{padding:14px 0}}@media(max-width:600px){.sb-core-features{grid-template-columns:1fr}.sb-core-window-top b,.sb-core-route{font-size:6px}.sb-core-visual{padding:12px}.sb-core-window-body{padding:14px}.sb-core-metrics{gap:5px}.sb-core-metrics>div{padding:9px 6px}.sb-core-metrics small{font-size:6px}}:root{font-family:DM Sans,sans-serif;color:#182b3a;background:#f4f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--navy:#0b1d2b;--navy2:#112b3c;--muted:#7c8c9b;--line:#e7edf2;--blue:#3977e8;--teal:#19b79b;--soft:#f6f8fb}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}.platform{min-height:100vh;background:#f5f7fa}.sidebar{width:258px;background:#0b1d2b;color:#b4c2ce;position:fixed;inset:0 auto 0 0;z-index:30;display:flex;flex-direction:column;padding:23px 15px 13px;overflow-y:auto}.side-brand{display:flex;align-items:center;gap:11px;padding:0 9px 23px;color:#fff;border-bottom:1px solid #233644}.brand-symbol{width:38px;height:38px;display:grid;place-items:center;background:#143b4b;border:1px solid #265263;border-radius:11px;color:#54d6c1}.side-brand b{display:block;font:800 17px Manrope,sans-serif;letter-spacing:1.2px}.side-brand b span{font-weight:500;color:#6cddca;margin-left:5px}.side-brand small{display:block;font-size:9px;letter-spacing:2.05px;color:#8194a3;margin-top:2px}.mobile-close{display:none;margin-left:auto;background:none;border:0;color:#fff}.workspace-switch{display:flex;align-items:center;gap:10px;background:#132b3b;border:1px solid #263e4d;border-radius:10px;padding:10px;margin:19px 0 23px}.workspace-avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:#214c5a;color:#7ee1d0;font-weight:700}.workspace-switch>div:nth-child(2){flex:1;min-width:0}.workspace-switch b,.workspace-switch small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-switch b{font-size:11px;color:#f3f6f8}.workspace-switch small{font-size:10px;color:#8498a7;margin-top:3px}.workspace-switch>svg{color:#8ba0af}.nav-group{margin-bottom:22px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.65px;color:#657b8b;padding:0 11px;margin-bottom:9px}.nav-item{width:100%;border:0;background:transparent;color:#a7b6c2;display:flex;align-items:center;gap:12px;text-align:left;padding:10px 12px;border-radius:8px;margin:2px 0;font-size:12px;transition:background .18s,color .18s}.nav-item span{flex:1}.nav-item:hover{background:#142f40;color:#fff}.nav-item.active{background:#183c4d;color:#fff;box-shadow:inset 3px 0 #39d1b7}.nav-item.active svg{color:#55d9c4}.live-dot,.green-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#23c7a5;box-shadow:0 0 0 3px #23c7a51a;flex-shrink:0}.sidebar-bottom{margin-top:auto}.system-status{display:flex;align-items:center;gap:9px;padding:12px 10px;border-top:1px solid #233644;border-bottom:1px solid #233644;margin-bottom:12px}.system-status>div{flex:1}.system-status b,.system-status small{display:block}.system-status b{font-size:11px;color:#dce6eb}.system-status small{font-size:10px;color:#8296a5;margin-top:3px}.system-status>svg{color:#698595}.user-mini{display:flex;align-items:center;gap:9px;padding:13px 4px 3px}.user-avatar{width:31px;height:31px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#dce8ff;color:#3568c9;font-size:12px;font-weight:700}.user-copy{flex:1;min-width:0}.user-copy b,.user-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy b{font-size:10px;color:#e5edf2}.user-copy small{font-size:10px;color:#8195a4;margin-top:3px}.quiet-icon{width:30px;height:30px;border:0;background:transparent;border-radius:7px;color:#8293a2;display:inline-grid;place-items:center}.quiet-icon:hover{background:#edf2f7;color:#263f52}.sidebar .quiet-icon:hover{background:#1c3646;color:#fff}.main-area{margin-left:258px;min-height:100vh;display:flex;flex-direction:column}.app-topbar{height:67px;background:#fff;border-bottom:1px solid #e8edf2;display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:20}.topbar-left,.topbar-right,.breadcrumbs,.heading-actions{display:flex;align-items:center;gap:12px}.breadcrumbs{font-size:12px;color:#8b99a7;gap:10px}.breadcrumbs b{color:#293c4c;font-weight:600}.topbar-right{gap:17px}.environment{font-size:9px;letter-spacing:.8px;color:#6e8090;font-weight:700;display:flex;align-items:center;gap:8px;background:#f5f8fa;padding:8px 10px;border-radius:6px}.environment span{width:6px;height:6px;border-radius:50%;background:#16b995}.top-icon{border:0;background:transparent;color:#687b8a;width:27px;height:29px;display:grid;place-items:center;position:relative}.top-icon:hover{color:#1b3447}.notification i{position:absolute;width:5px;height:5px;background:#e77b62;border-radius:50%;top:3px;right:3px;border:1px solid white}.top-divider{height:27px;width:1px;background:#e7edf2}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#314657;font-size:11px;font-weight:600}.profile-button .user-avatar{width:29px;height:29px}.hamburger{display:none;background:transparent;border:0;color:#263f52}.page-content{width:100%;max-width:1600px;padding:30px 35px 24px;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.eyebrow-small{display:flex;align-items:center;gap:8px;color:#758a9a;font-size:9px;letter-spacing:1.5px;font-weight:700;margin-bottom:10px}.eyebrow-small .green-dot{width:6px;height:6px}.page-heading h1{font:700 28px Manrope,sans-serif;letter-spacing:-.9px;margin:0;color:#152c3c}.page-heading h1 em{font-style:normal;color:#3676d9}.page-heading p{font-size:12px;color:#7b8b99;margin:8px 0 0}.heading-actions{gap:9px}.button-primary,.button-secondary{height:37px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:0 13px;font-size:11px;font-weight:600;white-space:nowrap}.button-primary{border:1px solid #2868d7;background:#3677e8;color:#fff;box-shadow:0 3px 8px #3977e81f}.button-primary:hover{background:#2868d7}.button-secondary{border:1px solid #dfe6ec;background:#fff;color:#536779}.button-secondary:hover{background:#f8fafc;border-color:#c8d5df}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 14px;border:1px solid #d8e8fb;background:#eff6ff;border-radius:8px;color:#54708d;margin-bottom:20px;font-size:10px}.demo-banner>div{display:flex;align-items:center;gap:10px}.demo-banner svg{color:#3c7fe2;flex-shrink:0}.demo-banner b{color:#244e81}.demo-banner button{display:flex;align-items:center;gap:4px;background:transparent;border:0;color:#376fc3;font-size:10px;white-space:nowrap}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.metric-card{background:#fff;border:1px solid #e7edf2;border-radius:10px;padding:17px 17px 15px;min-width:0;box-shadow:0 2px 7px #102d4204}.metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;margin-bottom:14px}.metric-icon.blue{background:#edf4ff;color:#3878e6}.metric-icon.green{background:#e6f8f3;color:#13a98e}.metric-icon.violet{background:#f0edff;color:#7b67df}.metric-icon.amber{background:#fff4e4;color:#c78a29}.metric-label{display:block;font-size:10px;color:#778897;font-weight:500;margin-bottom:7px}.metric-value{font:700 25px Manrope,sans-serif;letter-spacing:-.7px;color:#172e3e;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px;font-size:9px;color:#94a1ad}.metric-change{display:inline-flex;align-items:center;gap:2px;color:#0d9e83;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:17px;margin-bottom:18px}.panel{background:#fff;border:1px solid #e7edf2;border-radius:10px;min-width:0;box-shadow:0 2px 7px #102d4204}.revenue-panel,.departures-panel{padding:20px 20px 0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:19px 20px 15px}.revenue-panel .panel-heading,.departures-panel .panel-heading{padding:0 0 15px}.panel-heading h2{font:700 13px Manrope,sans-serif;color:#20394a;margin:0;letter-spacing:-.15px}.panel-heading p{font-size:10px;color:#8a99a6;margin:5px 0 0}.panel-heading select{height:30px;border:1px solid #e0e7ed;background:#fff;border-radius:6px;padding:0 9px;font-size:10px;color:#526879}.chart-legend{display:flex;align-items:center;gap:15px;font-size:9px;color:#778997;padding:4px 0 5px}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-revenue,.legend-bookings{width:7px;height:7px;border-radius:2px;display:inline-block;background:#3778e5}.legend-bookings{background:#91dfd1}.chart-total{margin-left:auto!important;font-size:14px;font-weight:700;color:#263e4f!important}.chart-total small{display:block;font-size:8px;font-weight:400;color:#8d9ba8;text-align:right;margin-top:3px}.chart{height:195px;display:flex;padding-top:12px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;padding:0 9px 23px 0;font-size:8px;color:#a0adb8}.chart-plot{position:relative;flex:1;display:flex;flex-direction:column;min-width:0}.grid-line{height:1px;background:#eef2f6;position:absolute;left:0;right:0}.line-1{top:0}.line-2{top:33.3%}.line-3{top:66.6%}.chart-bars{position:absolute;top:0;right:0;bottom:24px;left:0;display:flex;align-items:flex-end;justify-content:space-around;gap:5px}.bar-pair{height:100%;display:flex;align-items:flex-end;gap:3px;flex:1;max-width:35px;justify-content:center;z-index:1}.bar-revenue,.bar-bookings{display:block;width:9px;max-width:44%;background:linear-gradient(180deg,#4d8af0,#3777df);border-radius:3px 3px 0 0;min-height:4px}.bar-bookings{background:#9be4d6}.chart-x{position:absolute;left:0;right:0;bottom:0;height:19px;display:flex;justify-content:space-around;font-size:8px;color:#9aa8b3}.chart-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef2f5;padding:11px 0;color:#95a2ad;font-size:8px}.chart-foot span:first-child{display:flex;align-items:center;gap:3px;color:#1aa386;font-weight:600}.link-button{border:0;background:transparent;display:inline-flex;align-items:center;gap:4px;color:#3678dc;font-size:10px;font-weight:600;white-space:nowrap}.link-button:hover{color:#1c56b0}.departure-list{padding:0 0 5px}.departure-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f5}.departure-time{width:42px;font:700 12px Manrope,sans-serif;color:#253d4e;flex-shrink:0}.departure-time span{display:block;font:700 8px DM Sans,sans-serif;color:#9ba8b3;letter-spacing:.7px;margin-top:4px}.departure-mark{height:42px;width:11px;position:relative;display:flex;justify-content:center;flex-shrink:0}.departure-mark:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:#dce6ee}.departure-mark i{position:relative;z-index:1;margin-top:7px;width:7px;height:7px;background:#fff;border:2px solid #3979e4;border-radius:50%}.departure-info{flex:1;min-width:0}.departure-info b,.departure-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.departure-info b{font-size:10px;color:#334b5c}.departure-info small{font-size:9px;color:#95a2ae;margin-top:5px}.departure-state{font-size:8px;font-weight:600;color:#6d8090;background:#f1f5f8;padding:5px 6px;border-radius:4px;white-space:nowrap}.state-good{color:#128b75;background:#e8f8f3}.state-warn{color:#b98225;background:#fff4e4}.panel-bottom-action{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid #edf1f5;background:transparent;color:#53738a;font-size:10px;padding:13px 0;margin-top:5px}.panel-bottom-action:hover{color:#2e71d8}.bookings-panel{margin-bottom:18px;overflow:hidden}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table thead{background:#f8fafc}.data-table th{text-align:left;padding:11px 14px;font-size:8px;letter-spacing:.8px;font-weight:700;color:#8999a7;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.data-table th:first-child,.data-table td:first-child{padding-left:20px}.data-table td{padding:12px 14px;border-bottom:1px solid #f0f3f6;font-size:10px;color:#5c7080}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfe}.data-table td b{color:#2d4353;font-weight:600}.booking-ref{font-size:10px!important;color:#3975d7!important}.table-customer{display:flex;align-items:center;gap:8px}.customer-avatar{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;background:#e9f0fc;color:#3d70c5;border-radius:50%;font-size:11px;font-weight:700}.customer-avatar.small{width:25px;height:25px;font-size:9px}.experience-name-cell{color:#607585}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:600;white-space:nowrap;background:#f1f4f7;color:#738392}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.good{background:#e9f8f3;color:#149b81}.status-badge.warning{background:#fff4e5;color:#bd842b}.status-badge.bad{background:#fff0ee;color:#ce695b}.status-badge.neutral{background:#f1f4f7;color:#82919e}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.fleet-summary,.integrations-summary{padding-bottom:7px}.fleet-row{display:flex;align-items:center;gap:10px;padding:11px 20px;border-top:1px solid #f0f3f6}.vessel-icon{width:35px;height:35px;border-radius:8px;display:grid;place-items:center;color:#477fcb;background:#edf4ff}.vessel-1{color:#0e9b8a;background:#e7f8f4}.vessel-2{color:#8974cf;background:#f1edff}.fleet-name{flex:1;min-width:0}.fleet-name b,.fleet-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fleet-name b{font-size:10px;color:#314a5b}.fleet-name small{font-size:9px;color:#92a0ac;margin-top:4px}.integration-row{display:flex;align-items:center;gap:10px;padding:11px 20px;border-top:1px solid #f0f3f6}.integration-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.integration-icon.connected{background:#e7f8f2;color:#17a58b}.integration-icon.disconnected{background:#fff4e6;color:#c68d37}.integration-row>div:nth-child(2){flex:1;min-width:0}.integration-row b,.integration-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.integration-row b{font-size:10px;color:#30495a}.integration-row small{font-size:9px;color:#92a0ac;margin-top:3px}.integration-state{font-size:9px;color:#b4863a;white-space:nowrap}.integration-state.ok{color:#169c83}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 35px;border-top:1px solid #e7edf2;color:#9aa6b0;font-size:9px}.app-footer>span:nth-child(2){display:flex;align-items:center;gap:7px}.app-footer .green-dot{width:5px;height:5px}.compact{margin-top:4px}.table-panel{overflow:hidden}.table-toolbar{display:flex;align-items:center;gap:9px;padding:15px 20px;border-bottom:1px solid #edf1f5}.search-box{height:34px;display:flex;align-items:center;gap:8px;border:1px solid #e1e8ee;background:#fff;border-radius:6px;padding:0 10px;color:#9aa8b4;min-width:210px}.search-box input{width:100%;border:0;outline:0;font-size:10px;color:#344b5c;background:transparent}.table-toolbar .search-box{flex:1;max-width:480px}.table-empty{padding:28px;text-align:center;color:#8d9ba7;font-size:11px}.fleet-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.fleet-card,.experience-admin-card{background:#fff;border:1px solid #e5ebf0;border-radius:10px;overflow:hidden;min-width:0}.fleet-visual{height:140px;position:relative;display:grid;place-items:center;overflow:hidden;color:#dae8f4;background:linear-gradient(150deg,#1a4054,#0c2437)}.fleet-visual-1{background:linear-gradient(150deg,#347c8d,#103849)}.fleet-visual-2{background:linear-gradient(150deg,#6e8995,#2e4655)}.fleet-visual svg{position:relative;z-index:2;filter:drop-shadow(0 8px 7px #07152255);transform:scale(1.55)}.boat-water{position:absolute;bottom:12px;left:-10%;width:120%;height:30px;border-top:1px solid #75a8b8aa;border-radius:50%;box-shadow:0 -8px 0 -7px #75a8b866,0 -17px 0 -16px #75a8b866}.fleet-number{position:absolute;top:13px;right:15px;font:700 10px Manrope,sans-serif;color:#d5e5ee;letter-spacing:1px}.fleet-card-body{padding:15px}.fleet-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.fleet-card-top h3,.experience-admin-content h3{margin:0;font:700 13px Manrope,sans-serif;color:#263f50}.fleet-card-top p{margin:5px 0 0;color:#91a0ac;font-size:10px}.fleet-specs{display:flex;gap:12px;flex-wrap:wrap;padding:15px 0 12px;border-bottom:1px solid #edf1f5}.fleet-specs span{display:flex;align-items:center;gap:5px;color:#738695;font-size:9px}.fleet-location{display:flex;align-items:center;gap:7px;color:#748797;font-size:9px;padding:12px 0 3px}.fleet-location .green-dot{width:5px;height:5px}.fleet-card .panel-bottom-action{margin-top:10px}.availability-grid{padding:0 20px 10px;overflow-x:auto}.availability-head,.availability-row{display:grid;grid-template-columns:175px repeat(7,minmax(85px,1fr));gap:7px;min-width:790px;align-items:center}.availability-head{background:#f8fafc;padding:10px;border-radius:6px;color:#8b9aa7;font-size:9px;font-weight:700}.availability-row{padding:12px 10px;border-bottom:1px solid #edf1f5}.availability-row>b{display:flex;align-items:center;gap:7px;font-size:10px;color:#30495a}.slot{border:1px solid transparent;border-radius:5px;padding:7px 4px;font-size:8px;white-space:nowrap}.slot-open{background:#e8f8f3;color:#159a80;border-color:#d7f1e9}.slot-hold{background:#fff5e7;color:#b88736;border-color:#f7ead2}.slot-booked{background:#edf3ff;color:#4678cf;border-color:#e0e9fc}.availability-legend{display:flex;gap:18px;padding:14px 22px 18px;font-size:9px;color:#7f909d}.availability-legend span{display:flex;align-items:center;gap:6px}.availability-legend i{width:7px;height:7px;border-radius:2px;display:inline-block}.legend-open{background:#39b99f}.legend-hold{background:#e6b357}.legend-booked{background:#6e9be9}.experience-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.experience-admin-art{height:128px;display:flex;align-items:center;justify-content:space-between;padding:20px;color:#d6e6ee;background:linear-gradient(130deg,#153c4e,#0b2234)}.experience-admin-art.art-1{background:linear-gradient(130deg,#4a7e88,#193e4d)}.experience-admin-art.art-2{background:linear-gradient(130deg,#6e8496,#283f53)}.experience-admin-art span{font-size:8px;letter-spacing:1.3px}.experience-admin-content{padding:15px}.card-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.experience-admin-content h3{margin-bottom:7px}.experience-admin-content p{font-size:10px;line-height:1.6;color:#82929f;min-height:32px;margin:0 0 15px}.experience-admin-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f5;padding-top:13px;gap:7px}.experience-admin-foot>b{font-size:12px;color:#30485a}.experience-admin-foot small{font-size:9px;color:#8d9ba7;font-weight:400}.experience-admin-foot>span{display:flex;align-items:center;gap:4px;color:#8796a3;font-size:9px}.customer-list,.partner-list{padding:0 20px 8px}.customer-row,.partner-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eff3f6}.customer-detail,.partner-detail{flex:1;min-width:0}.customer-detail b,.customer-detail small,.partner-detail b,.partner-detail small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-detail b,.partner-detail b{font-size:11px;color:#30495a}.customer-detail small,.partner-detail small{font-size:9px;color:#91a0ac;margin-top:4px}.customer-source,.partner-code{font-size:9px;color:#7e91a0;background:#f4f7f9;border-radius:4px;padding:5px 7px}.customer-date{font-size:9px;color:#8e9ca8;min-width:65px}.partner-logo{width:34px;height:34px;display:grid;place-items:center;background:#eaf2ff;border-radius:8px;color:#3f77d4;font:700 12px Manrope,sans-serif}.partner-logo-1{background:#e5f8f2;color:#159b82}.partner-logo-2{background:#f0ecff;color:#7867c7}.stripe-test-pill{display:inline-flex;align-items:center;gap:6px;background:#fff5e7;color:#ad7b2f;border:1px solid #f5e7ce;padding:7px 9px;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.stripe-test-pill span{width:6px;height:6px;border-radius:50%;background:#dfa64b}.operations-banner{display:flex;align-items:center;gap:18px;padding:24px;background:linear-gradient(120deg,#102d40,#17445a);color:#eaf4f7;border-radius:10px;margin-bottom:20px}.ops-icon{width:52px;height:52px;border-radius:12px;background:#2d5d70;display:grid;place-items:center;color:#6fe0cc;flex-shrink:0}.operations-banner>div:nth-child(2){flex:1}.operations-banner>div:nth-child(2)>span{font-size:8px;letter-spacing:1.4px;color:#7ddacb;font-weight:700}.operations-banner h2{font:600 17px Manrope,sans-serif;margin:7px 0;color:#f4f8fa}.operations-banner p{font-size:10px;color:#a9c0cb;margin:0}.weather-chip{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #406275;border-radius:7px;color:#86dccc}.weather-chip b,.weather-chip small{display:block}.weather-chip b{font-size:10px;color:#e2edf1}.weather-chip small{font-size:9px;color:#a2bac5;margin-top:4px}.ops-agenda{padding:0 20px 10px}.ops-agenda-row{display:grid;grid-template-columns:58px 12px minmax(0,1fr) auto 30px;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #edf1f5}.ops-time{font:700 12px Manrope,sans-serif;color:#334c5e}.ops-time span{display:block;font:500 8px DM Sans,sans-serif;color:#96a4af;margin-top:4px}.ops-timeline{height:58px;display:flex;justify-content:center;position:relative}.ops-timeline:before{content:"";position:absolute;top:-17px;bottom:-17px;width:1px;background:#dfe8ee}.ops-timeline i{z-index:1;width:8px;height:8px;border-radius:50%;background:#d3e0e8;border:2px solid #fff;box-shadow:0 0 0 1px #d3e0e8;margin-top:6px}.ops-timeline i.timeline-active{background:#3779e4;box-shadow:0 0 0 2px #d7e5fc}.ops-event b,.ops-event small{display:block}.ops-event b{font-size:11px;color:#2e4758}.ops-event small{font-size:9px;color:#8d9ba7;margin-top:4px}.ops-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px}.ops-tags span{display:flex;align-items:center;gap:4px;color:#8595a1;font-size:8px}.integration-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration-card{background:#fff;border:1px solid #e5ebf0;border-radius:10px;padding:18px;min-width:0}.integration-card-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:#fff4e6;color:#be8a39;margin-bottom:16px}.integration-card-icon.connected{background:#e7f8f2;color:#149d83}.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.integration-card-top h3{font:700 13px Manrope,sans-serif;color:#263f50;margin:0}.integration-category{display:block;font-size:8px;letter-spacing:.8px;font-weight:700;color:#8999a6;margin-top:8px}.integration-card p{font-size:10px;line-height:1.65;color:#788b99;min-height:48px;margin:12px 0 17px}.integration-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f5;padding-top:11px}.integration-card-foot>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#8494a0}.amber-dot{width:6px;height:6px;border-radius:50%;background:#e2ad4f;display:inline-block}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.settings-panel{padding-bottom:18px}.settings-panel>label{display:block;padding:0 20px;margin:12px 0;color:#6f8291;font-size:10px}.settings-panel input{display:block;width:100%;height:36px;border:1px solid #e2e9ee;border-radius:6px;background:#f9fbfc;padding:0 10px;margin-top:7px;color:#4e6575;font-size:10px;outline:0}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid #edf1f5}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:10px;color:#344c5c}.setting-row small{font-size:9px;color:#91a0ac;margin-top:4px}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#07152299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.platform-modal{width:min(440px,100%);position:relative;background:#fff;border-radius:14px;padding:28px;box-shadow:0 20px 70px #07152240}.modal-x{position:absolute;top:15px;right:15px;border:0;background:#f2f5f8;color:#728493;width:30px;height:30px;border-radius:7px;display:grid;place-items:center}.platform-modal h2{font:700 23px Manrope,sans-serif;letter-spacing:-.6px;color:#1c3445;margin:0 0 9px}.platform-modal>p{font-size:11px;color:#7e8f9d;line-height:1.7;margin:0 0 20px}.platform-modal label{display:block;color:#516879;font-size:10px;font-weight:600;margin:13px 0}.platform-modal input{display:block;width:100%;height:38px;border:1px solid #dfe7ed;border-radius:6px;padding:0 10px;margin-top:7px;outline-color:#6d9ee9;font-size:11px}.full-button{width:100%;margin-top:12px}.modal-info{display:flex;align-items:flex-start;gap:10px;background:#f0f6ff;border:1px solid #dce9fb;color:#51729a;padding:12px;border-radius:7px;font-size:10px;line-height:1.6;margin:17px 0}.modal-info svg{flex-shrink:0;color:#4b83d8}.switch-auth{border:0;background:transparent;color:#3976d8;font-size:10px;width:100%;margin-top:15px}.toast{position:fixed;z-index:100;bottom:24px;right:24px;max-width:min(480px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:15px;padding:14px 16px;border-radius:9px;background:#102a3b;color:#f4f8fa;box-shadow:0 10px 35px #07152238;font-size:11px;line-height:1.6}.toast button{background:transparent;border:0;color:#b6c8d2;padding:0;display:grid;place-items:center}.mobile-scrim{display:none}@media(max-width:1250px){.sidebar{width:230px}.main-area{margin-left:230px}.app-topbar{padding:0 24px}.page-content{padding:26px 24px}.metric-grid{gap:10px}.metric-card{padding:14px}.metric-value{font-size:22px}.dashboard-grid{grid-template-columns:minmax(0,1.3fr) minmax(285px,1fr)}.fleet-cards,.experience-admin-grid,.integration-cards{gap:12px}.data-table th,.data-table td{padding-left:10px;padding-right:10px}}@media(max-width:1000px){.sidebar{transform:translate(-100%);transition:transform .25s ease;width:270px}.sidebar.sidebar-open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#06152180;z-index:25}.mobile-close{display:grid;place-items:center}.main-area{margin-left:0}.hamburger{display:grid;place-items:center}.dashboard-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr}.fleet-cards,.experience-admin-grid,.integration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.app-footer{padding:16px 24px}.topbar-right{gap:10px}}@media(max-width:650px){.app-topbar{height:59px;padding:0 14px}.page-content{padding:23px 14px}.topbar-right{gap:8px}.environment{font-size:8px;padding:7px}.profile-button>span,.profile-button>svg,.top-divider{display:none}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:19px}.page-heading h1{font-size:25px}.heading-actions{width:100%;flex-wrap:wrap}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-icon{margin-bottom:11px;width:30px;height:30px}.metric-value{font-size:21px}.metric-label{font-size:9px;min-height:24px}.metric-meta{font-size:8px;gap:4px}.demo-banner{align-items:flex-start;flex-direction:column}.demo-banner button{padding-left:27px}.panel-heading{padding:16px 14px 13px}.revenue-panel,.departures-panel{padding:16px 14px 0}.chart{height:170px}.chart-foot{align-items:flex-start;flex-direction:column}.data-table th:first-child,.data-table td:first-child{padding-left:13px}.table-toolbar{padding:12px;flex-wrap:wrap}.table-toolbar .search-box{flex-basis:100%;max-width:none}.table-toolbar .button-secondary{flex:1}.fleet-cards,.experience-admin-grid,.integration-cards,.settings-grid{grid-template-columns:1fr}.operations-banner{align-items:flex-start;flex-wrap:wrap;padding:18px}.operations-banner h2{font-size:15px}.weather-chip{margin-left:69px}.ops-agenda{padding:0 12px 8px}.ops-agenda-row{grid-template-columns:47px 10px minmax(0,1fr) 28px;gap:8px}.ops-agenda-row>.status-badge{display:none}.ops-tags{gap:6px}.customer-list,.partner-list{padding:0 13px 8px}.customer-source,.partner-code{display:none}.customer-date{min-width:50px}.availability-grid{padding-left:12px;padding-right:12px}.app-footer{padding:14px;flex-wrap:wrap}.app-footer span:last-child{display:none}.breadcrumbs{font-size:11px}.topbar-right .top-icon:first-of-type{display:none}.subpage-heading .heading-actions{width:auto}.platform-modal{padding:24px 20px}}