:root{color:#162033;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{color:#162033;background:#f5f7fb;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.appShell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#eef4ff;background:#101a2e;flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand.large{margin-bottom:28px}.brandMark{color:#101a2e;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:#9fb0ce}.sidebar nav{gap:6px;margin-top:34px;display:grid}.sidebar nav a{color:#ccd7e8;border-radius:9px;padding:11px 12px}.sidebar nav a:hover{color:#fff;background:#1d2a43}.sidebarFoot{border:1px solid #2d3a56;border-radius:12px;margin-top:auto;padding:14px}.sidebarFoot small,.sidebarFoot strong{display:block}.sidebarFoot small{color:#8fa1bf}.workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e4e9f1;justify-content:space-between;align-items:center;gap:24px;padding:26px 32px 20px;display:flex}.topbar h1{margin:0;font-size:28px}.topbar p{color:#68758a;margin:5px 0 0}.profileChip{border:1px solid #e3e8ef;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;display:flex}.profileChip>span{background:#eef2f8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.profileChip strong,.profileChip small{display:block}.profileChip small{color:#6c788a}.content{max-width:1500px;margin:auto;padding:28px 32px 46px}.metricGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.metricCard,.panel,.roomCard,.folioHero{background:#fff;border:1px solid #e2e7ef;border-radius:16px;box-shadow:0 1px 2px #101a2e0a}.metricCard{padding:18px}.metricCard small,.muted{color:#6d7889}.metricCard span{color:#8290a3;margin-top:4px;font-size:12px;display:block}.kpi{margin:7px 0;font-size:28px;font-weight:800;line-height:1.15}.sectionGap{margin-top:18px}.twoCol{grid-template-columns:1fr 1fr;gap:18px;display:grid}.threeCol{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.panel{padding:20px}.panel h2{margin:0 0 6px;font-size:18px}.panelHeader{justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;display:flex}.panelHeader p{color:#7a8799;margin:2px 0 0;font-size:13px}.textLink{color:#274dbb;font-weight:700}.activityList{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.activityList div{background:#f7f9fc;border-radius:12px;padding:14px}.activityList strong{font-size:23px;display:block}.activityList span{color:#6f7b8d;font-size:13px}.barRows{gap:10px;display:grid}.barRows div{border-bottom:1px solid #edf0f5;justify-content:space-between;padding:11px 0;display:flex}.barRows div:last-child{border:0}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:#7a8798;border-bottom:1px solid #e7ebf1;padding:10px 12px;font-size:11px}td{border-bottom:1px solid #eef1f5;padding:13px 12px;font-size:14px}tbody tr:last-child td{border-bottom:0}.badge{text-transform:capitalize;white-space:nowrap;background:#edf2f7;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:750;display:inline-block}.badge-available,.badge-completed,.badge-checked-out{color:#1e7b4b;background:#e7f8ef}.badge-occupied,.badge-checked-in{color:#2d52b9;background:#e9efff}.badge-reserved,.badge-confirmed,.badge-ready{color:#8a6600;background:#fff4d7}.badge-dirty,.badge-preparing{color:#a64b14;background:#fff0e5}.badge-maintenance,.badge-out-of-service{color:#a72b2b;background:#ffe8e8}.badge-checkout{color:#6540a8;background:#f1e9ff}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters button,.secondary,.primary{cursor:pointer;color:#334158;background:#fff;border:1px solid #dce2eb;border-radius:10px;padding:10px 13px;font-weight:700}.filters .active{color:#274dbb;background:#eaf0ff;border-color:#cbd8ff}.primary{color:#fff;background:#183eaa;border-color:#183eaa}.secondary{background:#fff}.full{width:100%}.roomGrid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px;display:grid}.roomCard{padding:18px}.roomTop{justify-content:space-between;gap:12px;display:flex}.roomTop h2{margin:2px 0}.roomTop small{color:#7a8798}.roomRate{margin:18px 0;font-size:24px;font-weight:800}.roomRate small{color:#8390a2;margin-left:4px;font-size:12px}.roomCard dl{gap:8px;margin:0 0 16px;display:grid}.roomCard dl div{justify-content:space-between;display:flex}.roomCard dt{color:#7b8798}.roomCard dd{margin:0;font-weight:650}.calendar td{text-align:center}.calendar td:first-child{text-align:left}.folioHero{justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.folioHero small,.folioHero span{color:#7b8798;display:block}.folioHero strong{margin:4px 0;font-size:38px;display:block}.folioActions{gap:10px;display:flex}.receipt{border:1px dashed #d6dce6;border-radius:12px;margin:18px 0;padding:14px}.receipt div{justify-content:space-between;padding:8px 0;display:flex}.receipt .total{border-top:1px solid #e1e5eb;margin-top:7px;padding-top:13px}.split{gap:12px;margin-top:16px;display:grid}.split label{gap:5px;font-size:13px;font-weight:700;display:grid}.split input{border:1px solid #dbe1e9;border-radius:9px;padding:10px 11px}.recipeGrid,.permissionGrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px;display:grid}.recipeGrid>div,.permissionGrid>div{background:#f8fafc;border-radius:12px;padding:14px}.recipeGrid strong,.recipeGrid span,.recipeGrid small,.permissionGrid strong,.permissionGrid span{display:block}.recipeGrid span,.permissionGrid span{color:#778497;margin-top:4px;font-size:13px}.block{display:block}.dangerText{color:#b42318}.landing{background:linear-gradient(135deg,#f2f6ff,#fbfcfe);place-items:center;min-height:100vh;padding:30px;display:grid}.landingCard{background:#fff;border:1px solid #e0e6ef;border-radius:24px;max-width:780px;padding:42px;box-shadow:0 18px 50px #1a2a4b14}.landingCard h1{margin:24px 0 16px;font-size:44px;line-height:1.08}.landingCard p{color:#657287;font-size:18px}.landingActions{gap:10px;margin:28px 0;display:flex}.linkButton{display:inline-block}.landingCard>small{color:#8a95a5}@media (max-width:900px){.appShell{display:block}.sidebar{height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebarFoot{display:none}.topbar,.content{padding:20px}.twoCol,.threeCol{grid-template-columns:1fr}.folioHero{flex-direction:column;align-items:flex-start}.landingCard h1{font-size:34px}}@media (max-width:560px){.topbar{align-items:flex-start}.profileChip{display:none}.sidebar nav{grid-template-columns:1fr 1fr}.landingCard{padding:28px}.landingCard h1{font-size:29px}.landingActions{flex-direction:column}.folioActions{flex-direction:column;width:100%}.toolbar{flex-direction:column;align-items:flex-start}.primary{width:100%}}.loginPage{background:linear-gradient(135deg,#eef3ff,#f8fafc);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:#fff;border:1px solid #e1e6ef;border-radius:22px;width:min(460px,100%);padding:34px;box-shadow:0 18px 50px #101a2e14}.loginCard h1{margin:22px 0 8px;font-size:30px}.loginCard>p{color:#68758a;margin:0 0 20px}.loginForm{gap:15px;display:grid}.loginForm label{gap:6px;font-size:13px;font-weight:700;display:grid}.loginForm input{border:1px solid #d8dee8;border-radius:10px;padding:12px}.formError{color:#a72b2b;background:#fff0f0;border-radius:10px;margin:0 0 15px;padding:11px 12px;font-size:13px}.securityNote{color:#7a8798;margin-top:18px;display:block}.userArea{align-items:center;gap:9px;display:flex}.ghostButton{color:#657287;font:inherit;cursor:pointer;background:0 0;border:0;padding:7px;font-size:12px}.ghostButton:hover{color:#183eaa;text-decoration:underline}@media (max-width:560px){.userArea{display:none}}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.formGrid label{color:#354258;gap:6px;font-size:13px;font-weight:700;display:grid}.formGrid input,.formGrid select{color:#162033;background:#fff;border:1px solid #d8dee8;border-radius:10px;width:100%;padding:11px 12px}.formGrid input:focus,.formGrid select:focus{border-color:#8ba6ee;outline:2px solid #dce6ff}.fullSpan{grid-column:1/-1}.formActions{align-items:end;gap:10px;display:flex}.formSuccess{color:#17653e;background:#eaf8ef;border-radius:10px;padding:11px 12px;font-size:13px}.compactForm{grid-template-columns:1.5fr 1fr .7fr .8fr 2fr auto}.compactForm .wideField{min-width:210px}.emptyState{text-align:center;color:#718096;padding:32px}.quickActions{flex-wrap:wrap;gap:8px;display:flex}.miniButton{cursor:pointer;background:#fff;border:1px solid #dbe2ec;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:700}.miniButton:hover{color:#183eaa;border-color:#9db2e8}.miniButton.danger{color:#a72b2b}.amountPositive{color:#17653e}.amountNegative{color:#a72b2b}@media (max-width:900px){.compactForm{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.formGrid,.compactForm{grid-template-columns:1fr}.fullSpan{grid-column:auto}}.paymentInline{grid-template-columns:1fr 1.2fr 1.3fr 1.4fr auto;align-items:center;gap:9px;display:grid}.paymentInline input,.paymentInline select{border:1px solid #d8dee8;border-radius:9px;min-width:0;padding:9px 10px}@media (max-width:900px){.paymentInline{grid-template-columns:1fr 1fr}.paymentInline .primary{width:auto}}@media (max-width:560px){.paymentInline{grid-template-columns:1fr}.paymentInline .primary{width:100%}}.staffPinPanel,.staffSessionCard{border:1px solid var(--border);background:var(--panel);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.staffPinPanel>div:first-child,.staffSessionCard>div:first-child{flex:1;min-width:220px}.staffPinPanel p{color:var(--muted);margin:3px 0 0;font-size:13px}.staffPinPanel input{max-width:180px}.staffSessionCard strong,.staffSessionCard span{display:block}.staffSessionCard span{color:var(--muted);text-transform:capitalize;font-size:12px}.staffSessionCard button{white-space:nowrap}.srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cartBuilder{grid-template-columns:minmax(0,2fr) 110px auto;gap:9px;display:grid}.cartBuilder select,.cartBuilder input{border:1px solid #d8dee8;border-radius:10px;padding:11px 12px}.cartLines{border:1px solid #e1e6ee;border-radius:13px;overflow:hidden}.cartLines>div:not(.emptyState){border-bottom:1px solid #edf0f4;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:11px 13px;display:grid}.cartLines span small{color:#7a8798;display:block}.cartTotal{background:#f8fafc}.kitchenGrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.ticketCard{background:#fff;border:1px solid #e1e6ee;border-radius:15px;padding:17px}.ticketCard h2{margin:14px 0 5px}.ticketCard p{color:#657287;margin:0 0 8px}.ticketTop{justify-content:space-between;align-items:center;display:flex}.ticketActions{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.badge-open{color:#2d52b9;background:#e9efff}.badge-closed,.badge-served{color:#1e7b4b;background:#e7f8ef}.badge-new,.badge-sent{color:#8a6600;background:#fff4d7}@media (max-width:620px){.cartBuilder{grid-template-columns:1fr}.cartLines>div:not(.emptyState){grid-template-columns:1fr auto}.cartLines button{grid-column:1/-1;justify-self:start}}.inlineSubForm{border:1px solid var(--border,#e5e7eb);background:#00000004;border-radius:.65rem;flex-wrap:wrap;align-items:center;gap:.45rem;width:100%;margin-top:.4rem;padding:.55rem;display:flex}.inlineSubForm input,.inlineSubForm select{border:1px solid var(--border,#d1d5db);background:var(--surface,#fff);border-radius:.45rem;min-height:34px;padding:.35rem .5rem}.printDocument{color:#182026;background:#f4f6f8;min-height:100vh;padding:24px}.documentToolbar{justify-content:space-between;max-width:900px;margin:0 auto 14px;font-size:13px;display:flex}.documentPaper{background:#fff;border-radius:16px;max-width:900px;margin:auto;padding:42px;box-shadow:0 10px 40px #00000014}.documentPaper header{border-bottom:1px solid #e6e8eb;justify-content:space-between;gap:24px;padding-bottom:28px;display:flex}.documentPaper h1{margin:10px 0 2px}.documentMeta{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.documentGuest,.documentTotals{border-bottom:1px solid #e6e8eb;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:28px 0;display:grid}.documentGuest div,.documentTotals div{flex-direction:column;gap:5px;display:flex}.documentTotals{grid-template-columns:repeat(4,minmax(0,1fr))}.documentTotals strong{font-size:20px}.documentPaper footer{color:#68727d;padding-top:28px;font-size:12px}@media print{.documentToolbar{display:none}.printDocument{background:#fff;padding:0}.documentPaper{box-shadow:none;border-radius:0;max-width:none;padding:20px}}.publicBookingPage{background:#f4f7fb;max-width:1220px;min-height:100vh;margin:auto;padding:28px}.bookingBrand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.bookingBrand>span{color:#fff;background:#101a2e;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.bookingBrand strong,.bookingBrand small{display:block}.bookingBrand small{color:#718096}.bookingHero{color:#fff;background:#101a2e;border-radius:22px;justify-content:space-between;align-items:flex-end;gap:24px;padding:34px;display:flex}.bookingHero h1{margin:7px 0 12px;font-size:42px;line-height:1.08}.bookingHero p{color:#cad5e7;margin:0}.bookingTimes{gap:10px;display:flex}.bookingTimes>div{background:#1c2942;border:1px solid #34425d;border-radius:13px;min-width:110px;padding:14px 18px}.bookingTimes small,.bookingTimes strong{display:block}.bookingCard{background:#fff;border:1px solid #e1e7ef;border-radius:18px;margin-top:18px;padding:22px}.availabilitySearch{grid-template-columns:repeat(4,minmax(120px,1fr)) auto;align-items:end;gap:10px;display:grid}.availabilitySearch label,.publicBookingForm label{gap:6px;font-size:13px;font-weight:750;display:grid}.availabilitySearch input,.publicBookingForm input,.publicBookingForm select,.publicBookingForm textarea{background:#fff;border:1px solid #d8dee8;border-radius:10px;width:100%;padding:11px 12px}.availabilityCards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:18px;display:grid}.availabilityCards article{border:1px solid #e6eaf0;border-radius:14px;justify-content:space-between;gap:16px;padding:16px;display:flex}.availabilityCards h2{margin:5px 0}.availabilityCards p{color:#718096;margin:0;font-size:13px}.availabilityCards>article>strong{text-align:right;font-size:20px}.availabilityCards>article>strong small{color:#8490a3;font-size:11px;display:block}.bookingGrid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;display:grid}.bookingTwo{grid-template-columns:1fr 1fr;gap:10px;display:grid}.publicBookingForm{gap:13px;margin-top:14px;display:grid}.publicBookingForm textarea{resize:vertical}.policyCard>div{border-bottom:1px solid #eef1f5;padding:14px 0}.policyCard small,.policyCard strong{display:block}.policyCard p{margin:5px 0}.bookingSuccess{text-align:center;padding:20px}.bookingSuccess>span{color:#1e7b4b;background:#e7f8ef;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto;font-size:28px;display:grid}.bookingSuccess>strong{letter-spacing:.08em;font-size:30px}.bookingSummary{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.bookingSummary>div{background:#f7f9fc;border-radius:12px;padding:13px}.bookingSummary small,.bookingSummary b{display:block}@media (max-width:800px){.bookingHero{flex-direction:column;align-items:flex-start}.bookingHero h1{font-size:34px}.availabilitySearch{grid-template-columns:1fr 1fr}.availabilitySearch button{grid-column:1/-1}.bookingGrid{grid-template-columns:1fr}}@media (max-width:520px){.publicBookingPage{padding:16px}.bookingHero{padding:24px}.availabilitySearch,.bookingTwo{grid-template-columns:1fr}.bookingTimes{width:100%}.bookingTimes>div{flex:1}}.checkRow{grid-column:1/-1;align-items:flex-start;gap:.65rem;display:flex!important}.checkRow input{width:auto;margin-top:.25rem}.publicBookingPage hr{border:0;border-top:1px solid var(--border,#e5e7eb);margin:1.5rem 0}.publicBookingPage select,.publicBookingPage textarea{box-sizing:border-box;width:100%}.bookingBrand a{color:inherit;text-decoration:underline}.menuGrid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:18px;display:grid}.qtyRow{align-items:center;gap:12px;margin-top:12px;display:flex}.qtyRow button{width:42px}.publicCard.wide{max-width:1050px}.inlineActions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.inlineActions button{width:auto;padding:7px 10px}:root{--occ-navy:#071226;--occ-blue:#2f67ff;--occ-blue2:#6b8cff;--occ-cyan:#33d6ff;--occ-gold:#f5c76d;--occ-surface:#ffffffdb;--occ-shadow:0 24px 70px #0d1f4524}body{background:radial-gradient(circle at 90% 0,#edf3ff 0,#0000 32%),linear-gradient(#f6f8fc,#eef2f8)}.appShell{background:0 0;grid-template-columns:278px 1fr}.sidebar{background:linear-gradient(#071226 0%,#0a1730 50%,#071226 100%);border-right:1px solid #ffffff0d;padding:24px 18px;overflow:auto;box-shadow:18px 0 50px #040d1f1f}.premiumBrand{position:relative}.premiumBrand .brandMark{color:#071226;background:linear-gradient(145deg,#fff,#cfdcff);border-radius:13px;transform:perspective(100px)rotateX(5deg);box-shadow:0 10px 30px #4e78ff47,inset 0 1px #fff}.premiumBrand strong{letter-spacing:.01em}.propertyBadge{background:linear-gradient(145deg,#ffffff1a,#ffffff09);border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;margin:20px 0 4px;padding:12px 13px;display:flex;box-shadow:inset 0 1px #ffffff14}.propertyBadge small,.propertyBadge strong{display:block}.propertyBadge small{color:#8fa6cf;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.propertyBadge strong{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:12px;overflow:hidden}.propertyDot{background:#3fe397;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #3fe3971a,0 0 16px #3fe397b3}.sidebar nav{gap:5px;margin-top:20px}.sidebar nav a{color:#c8d4ea;border-radius:11px;padding:10px 12px;transition:transform .18s,background .18s,color .18s;position:relative}.sidebar nav a:hover{color:#fff;background:linear-gradient(90deg,#4970ff33,#4970ff12);transform:translate(3px)}.platformAdminLink{border:1px solid #f5c76d2e;color:#ffe4aa!important;background:linear-gradient(120deg,#f5c76d29,#4f77ff29)!important}.platformAdminLink span{margin-right:7px}.sidebarFoot{background:linear-gradient(145deg,#ffffff12,#ffffff05);border-color:#ffffff17}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);background:#f9fbffd1;border-bottom:1px solid #d3dcecbf;padding:22px 32px;position:sticky;top:0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:#5b73a5;margin-bottom:3px;font-size:10px;font-weight:800}.topbar h1{letter-spacing:-.025em;font-size:30px}.profileChip{background:#ffffffc7;border-color:#d2dbebcc;box-shadow:0 8px 28px #253b6914}.profileChip>span{color:#244493;background:linear-gradient(145deg,#eef3ff,#dce7ff)}.content{padding:30px 34px 82px}.metricCard,.panel,.roomCard,.folioHero{background:linear-gradient(145deg,#fffffff0,#f6f9ffe0);border:1px solid #d2dcedcc;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 18px 45px #162d5813,inset 0 1px #ffffffe6}.metricCard:hover,.roomCard:hover{border-color:#c8d6f5;transform:translateY(-4px);box-shadow:0 24px 55px #162d5821}.metricCard{border-radius:19px;padding:20px;position:relative;overflow:hidden}.metricCard:after{content:"";background:radial-gradient(circle,#4a70ff29,#0000 68%);border-radius:50%;width:95px;height:95px;position:absolute;top:-38px;right:-30px}.metricCard .kpi{letter-spacing:-.03em;font-size:31px}.panel{border-radius:20px}.activityList div,.recipeGrid>div,.permissionGrid>div{background:linear-gradient(145deg,#f7faff,#f1f5fb);border:1px solid #edf1f7;box-shadow:inset 0 1px #fff}.barRows strong{font-variant-numeric:tabular-nums}.primary{background:linear-gradient(135deg,#2148bd,#396fff);border-color:#0000;transition:transform .15s,box-shadow .15s;box-shadow:0 9px 20px #2d5adc38}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #2d5adc4d}.secondary,.miniButton{box-shadow:0 5px 14px #1c31570f}.badge{box-shadow:inset 0 1px #ffffffbf}.roomCard{border-radius:20px;position:relative;overflow:hidden}.roomCard:before{content:"";background:linear-gradient(#4776ff,#63d9ff);width:4px;position:absolute;top:0;bottom:0;left:0}.roomRate{letter-spacing:-.03em}.tableWrap{border-radius:14px}.tableWrap tbody tr{transition:background .15s}.tableWrap tbody tr:hover{background:#eef4ffb8}.floatingQuick{z-index:50;position:fixed;bottom:28px;right:28px}.floatingQuick>summary{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#2d59df,#477dff);border-radius:22px;place-items:center;width:62px;height:62px;font-size:31px;font-weight:300;list-style:none;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 18px 36px #2653d359,inset 0 1px #ffffff59}.floatingQuick>summary::-webkit-details-marker{display:none}.floatingQuick>summary:hover{transform:translateY(-4px)rotate(3deg);box-shadow:0 24px 42px #2653d36b}.floatingQuick[open]>summary{border-radius:50%;transform:rotate(45deg)}.floatingQuickMenu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#09162ff0;border:1px solid #ffffff1f;border-radius:18px;gap:4px;width:225px;padding:10px;animation:.18s ease-out occFloatIn;display:grid;position:absolute;bottom:76px;right:0;box-shadow:0 28px 60px #07122652}.floatingQuickMenu small{color:#88a2ce;text-transform:uppercase;letter-spacing:.12em;padding:8px 10px 4px;font-size:9px}.floatingQuickMenu a{color:#eaf1ff;border-radius:10px;padding:10px;font-size:13px;font-weight:700}.floatingQuickMenu a:hover{background:#5278ff2e}@keyframes occFloatIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.premiumLanding{color:#fff;background:linear-gradient(145deg,#061124 0%,#0b1834 56%,#102552 100%);position:relative;overflow:hidden}.landingGlow{filter:blur(10px);pointer-events:none;border-radius:50%;position:absolute}.landingGlowOne{background:radial-gradient(circle,#426fff73,#426fff00);width:460px;height:460px;top:-130px;right:-80px}.landingGlowTwo{background:radial-gradient(circle,#34d8ff2e,#34d8ff00);width:390px;height:390px;bottom:-120px;left:-80px}.premiumLandingCard{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#ffffff1f,#ffffff0e);border:1px solid #ffffff26;border-radius:30px;max-width:900px;padding:50px;position:relative;box-shadow:0 35px 100px #0000004d,inset 0 1px #ffffff29}.premiumLandingCard h1{letter-spacing:-.045em;max-width:780px;margin-top:20px;font-size:54px}.premiumLandingCard p{color:#bdcbe3;max-width:720px}.premiumLandingCard>small{color:#8298bb}.heroPill{color:#d6e2f5;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:9px;padding:8px 11px;font-size:12px;display:inline-flex}.heroPill span{background:#43e1a0;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #43e1a0}.heroPrimary{background:linear-gradient(135deg,#3b68ef,#6592ff);border:0;box-shadow:0 18px 34px #3165ec5c}.heroSecondary{color:#f4f7ff;background:#ffffff14;border-color:#ffffff29}.heroFeatureRow{flex-wrap:wrap;gap:8px;margin:0 0 28px;display:flex}.heroFeatureRow span{color:#aebed9;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:7px 10px;font-size:11px}.loginPage{background:radial-gradient(circle at 85% 15%,#dae6ff 0,#0000 28%),linear-gradient(145deg,#edf3ff,#f8faff)}.loginCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--occ-shadow);background:#ffffffe6;border-color:#d3ddeed9;border-radius:26px}@media (max-width:900px){.appShell{display:block}.sidebar{height:auto;position:relative;overflow:visible}.propertyBadge{max-width:360px}.content{padding:22px 20px 92px}.premiumLandingCard{padding:36px}.premiumLandingCard h1{font-size:40px}.floatingQuick{bottom:18px;right:18px}.floatingQuick>summary{border-radius:19px;width:56px;height:56px}}@media (max-width:560px){.premiumLandingCard{border-radius:24px;padding:27px}.premiumLandingCard h1{font-size:33px}.heroFeatureRow{gap:6px}.topbar h1{font-size:25px}.propertyBadge{margin-bottom:10px}.floatingQuickMenu{width:210px}.sidebar nav{max-height:420px;overflow:auto}}button,.linkButton,.miniButton,.floatingQuick>summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active,.primary:active,.secondary:active,.miniButton:active,.ghostButton:active,.linkButton:active{transition-duration:40ms!important;transform:scale(.975)!important}button:disabled{cursor:wait;opacity:.72}.buttonSpinner{vertical-align:-.1em;border:2px solid;border-right-color:#0000;border-radius:50%;width:.9em;height:.9em;margin-right:.45em;animation:.55s linear infinite occSpin;display:inline-block}@keyframes occSpin{to{transform:rotate(360deg)}}.routeLoading{z-index:9999;pointer-events:none;background:#f6f9ff1a;position:fixed;inset:0}.routeLoadingPill{color:#eef4ff;background:#071226eb;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;position:fixed;top:18px;right:22px;box-shadow:0 10px 30px #07122633}@keyframes occRouteBar{0%{transform:translate(-20%)}to{transform:translate(220%)}}.panel,.roomCard,.metricCard{content-visibility:auto;contain-intrinsic-size:1px 220px}@media (max-width:1100px){.topbar,.floatingQuickMenu,.loginCard{-webkit-backdrop-filter:none!important}.sidebar{box-shadow:8px 0 24px #040d1f17}.metricCard,.panel,.roomCard,.folioHero{box-shadow:0 10px 25px #162d5811,inset 0 1px #fffc}.metricCard:hover,.roomCard:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stayFlag{letter-spacing:.01em;white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;padding:.38rem .62rem;font-size:.76rem;font-weight:800;display:inline-flex}.stayFlag.success{color:#7ee2ad;background:#26be741f;border-color:#40d08747}.stayFlag.warning{color:#ffd27d;background:#f5b14221;border-color:#f5b1424d;box-shadow:0 0 22px #f5b14214}.stayFlag.danger{color:#ff9c99;background:#ef535021;border-color:#ef535057;box-shadow:0 0 24px #ef53501a}.attentionItem{background:linear-gradient(#ef53501a,#ffffff05)!important;border-color:#ef535047!important}.network-state{z-index:9999;letter-spacing:.02em;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:12px;font-weight:800;transition:all .2s;display:flex;position:fixed;bottom:18px;right:18px;box-shadow:0 10px 28px #00000038}.network-online{color:#baf7cf;background:#0e744824;border:1px solid #4ade8038}.network-offline{color:#ffe1a3;background:#b4530929;border:1px solid #fbbf2447}.network-dot{background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px}@media (max-width:760px){.network-state{font-size:11px;bottom:78px;right:14px}}.errorRecoveryCard{text-align:center;max-width:620px}.errorRecoveryIcon{color:#ffd08a;background:#ffb5471f;border:1px solid #ffb54747;border-radius:18px;place-items:center;width:58px;height:58px;margin:4px auto 8px;font-size:32px;font-weight:900;display:grid}.demoHero{justify-content:space-between;align-items:center;gap:28px;padding:28px;display:flex}.demoHero h2{max-width:760px;margin:14px 0 10px;font-size:clamp(26px,3vw,42px)}.demoHero p{max-width:780px}.demoStepGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.demoStepCard{color:inherit;background:linear-gradient(145deg,#ffffff0e,#ffffff06);border:1px solid #ffffff17;border-radius:22px;gap:16px;padding:22px;text-decoration:none;transition:transform .16s,border-color .16s;display:flex;box-shadow:0 16px 44px #00000029}.demoStepCard:hover{border-color:#4f74ff6b;transform:translateY(-2px)}.demoStepNumber{background:#335bff26;border:1px solid #4f74ff4d;border-radius:14px;flex:0 0 42px;place-items:center;height:42px;font-weight:900;display:grid}.demoStepCard h3{margin:0 0 7px}.demoStepCard p{opacity:.78;margin:0 0 12px;line-height:1.55}.demoStepCard strong{font-size:13px}.demoRules{flex-wrap:wrap}.demoRules span{white-space:normal}@media (max-width:850px){.demoStepGrid{grid-template-columns:1fr}.demoHero{flex-direction:column;align-items:flex-start}}.demoHeroActions{flex-direction:column;gap:10px;min-width:190px;display:flex}.demoHeroActions form{margin:0}.demoHeroActions button{width:100%}.demoStats{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.demoStats span{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:13px}.demoStats strong{margin-right:4px}.integrationStack{gap:18px;max-width:980px;display:grid}.integrationHero{justify-content:space-between;align-items:center;gap:24px;display:flex}.integrationHero h2{margin:9px 0 4px;font-size:25px}.integrationMeta{text-align:right;background:#f8faff;border:1px solid #e1e7f0;border-radius:14px;padding:14px 16px}.integrationMeta small,.integrationMeta strong{display:block}.integrationMeta small{color:#7a8798}.integrationForm{grid-template-columns:minmax(180px,.7fr) minmax(210px,1fr) auto;align-items:end;gap:10px;margin-top:14px;display:grid}.integrationForm label{gap:6px;font-size:13px;font-weight:750;display:grid}.integrationForm input,.integrationForm select{background:#fff;border:1px solid #d8dee8;border-radius:10px;padding:11px 12px}.statusForm{grid-template-columns:1fr auto}.integrationResult{border-radius:13px;margin-top:14px;padding:14px 16px;overflow:auto}.integrationResult strong{display:block}.integrationResult pre{white-space:pre-wrap;word-break:break-word;max-height:260px;margin:10px 0 0;font-size:12px;overflow:auto}.integrationSuccess{color:#17653e;background:#eaf8f0;border:1px solid #bce7ce}.integrationError{color:#8f2d25;background:#fff0ef;border:1px solid #f1c2bd}.integrationWarning{color:#735c08;background:#fff8df;border:1px solid #ecd991;border-radius:12px;padding:12px 14px}.integrationSettingsLink{margin-top:12px;display:inline-block;width:auto!important}@media (max-width:760px){.integrationHero{flex-direction:column;align-items:flex-start}.integrationMeta{text-align:left}.integrationForm,.statusForm{grid-template-columns:1fr}.integrationForm .primary,.integrationForm .secondary{width:100%}}.publicFooterLinks{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:22px;padding-top:18px;display:flex}.publicFooterLinks a{color:inherit;opacity:.82;font-weight:700;text-decoration:none}.publicFooterLinks a:hover{opacity:1}.publicFooterLinks.compact{margin-top:16px;padding-top:12px;font-size:.9rem}.publicPage{color:#eef5ff;background:radial-gradient(circle at 20% 0,#265baa2e,#0000 34%),#07111f;min-height:100vh;padding:42px 18px}.publicCard{background:#0a182aeb;border:1px solid #ffffff1a;border-radius:24px;max-width:880px;margin:0 auto;padding:32px;box-shadow:0 24px 80px #00000047}.publicCard h1{margin:22px 0 16px;font-size:clamp(2rem,5vw,3.6rem)}.publicCard h2{margin-top:28px}.publicCard p{color:#d7e4f4;line-height:1.75}.publicCard .muted{color:#9fb0c6}@media (max-width:640px){.publicPage{padding:18px 10px}.publicCard{border-radius:18px;padding:22px 18px}}.appShell{color:#eef6ff;background:radial-gradient(circle at 82% 0,#18589b2e,#0000 34%),linear-gradient(135deg,#05101e 0%,#081525 42%,#07101d 100%);grid-template-columns:268px 1fr}.appShell .sidebar{background:linear-gradient(#031022 0%,#06152b 45%,#041124 100%);border-right:1px solid #60bcff1f;padding:22px 15px;box-shadow:18px 0 60px #00000059}.appShell .premiumBrand .brandMark{color:#041224;background:linear-gradient(145deg,#23d5e9,#287bff);border-radius:50%;box-shadow:0 0 0 1px #7bebff40,0 10px 34px #1bb1ee38}.appShell .premiumBrand strong{font-size:17px}.appShell .premiumBrand small{color:#7893b9}.appShell .propertyBadge{background:linear-gradient(135deg,#163f6c7a,#08214085);border:1px solid #41b1ff2e;box-shadow:inset 0 1px #ffffff0f,0 14px 38px #00000029}.appShell .sidebar nav{gap:3px}.appShell .sidebar nav a{color:#9fb1c8;border:1px solid #0000;align-items:center;gap:11px;padding:10px 11px;display:flex}.appShell .sidebar nav a:hover{color:#eefdff;background:linear-gradient(90deg,#13b8e524,#2d6cff17);border-color:#2bb7ec24;transform:translate(2px)}.navIcon{color:#69dff4;background:#286fa921;border:1px solid #42bbe714;border-radius:8px;place-items:center;width:27px;height:27px;font-size:14px;font-weight:800;display:grid}.appShell .sidebarFoot{background:#0312278c;border-color:#3eadde1f}.appShell .workspace{background:0 0}.appShell .topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:35;background:#05111fc7;border-bottom:1px solid #55aadc1a;padding:22px 30px 18px;position:sticky;top:0}.appShell .topbar h1{letter-spacing:-.035em;color:#f6fbff;font-size:30px}.appShell .topbar p{color:#8399b5}.appShell .eyebrow{color:#7ea4c7}.liveDot{background:#43e5a1;border-radius:50%;width:7px;height:7px;margin-right:3px;display:inline-block;box-shadow:0 0 13px #43e5a1}.appShell .profileChip{background:#0d2239a6;border:1px solid #58b3e126;box-shadow:inset 0 1px #ffffff0a}.appShell .profileChip>span{color:#8eeaff;background:linear-gradient(145deg,#0f4062,#102b4d)}.appShell .profileChip small{color:#7f96b2}.appShell .ghostButton{color:#a9bad0}.appShell .content{max-width:1560px;padding:25px 30px 56px}.appShell .panel,.appShell .metricCard,.appShell .roomCard,.appShell .folioHero{color:#edf6ff;background:linear-gradient(145deg,#0d2239eb,#081b30db);border:1px solid #46a1d41f;box-shadow:0 22px 54px #0003,inset 0 1px #ffffff09}.appShell .panel h2{color:#f2f8ff}.appShell .panelHeader p,.appShell .muted,.appShell .metricCard span,.appShell .metricCard small{color:#8298b3}.appShell .textLink{color:#5ddbf2}.appShell .emptyState{color:#8298b3;background:#ffffff06;border-color:#ffffff0f}.appShell table{color:#dbe9f8}.appShell th{color:#6885a6;border-color:#6ba0c21f}.appShell td{border-color:#6ba0c214}.appShell tbody tr:hover{background:#3691c90e}.appShell input,.appShell select,.appShell textarea{box-shadow:inset 0 1px #ffffff05;color:#eaf6ff!important;background:#0b2037!important;border:1px solid #5da8d333!important}.appShell input::placeholder,.appShell textarea::placeholder{color:#56708d}.appShell option{color:#eaf6ff;background:#0b2037}.appShell label{color:#a9bed4}.appShell details{color:#c3d5e7}.appShell summary{cursor:pointer;color:#8fdff0;font-weight:750}.appShell .primary{color:#fff;background:linear-gradient(135deg,#0bbbd4,#346cff);border-color:#55d6f247;box-shadow:0 10px 28px #166fde3b}.appShell .secondary,.appShell .miniButton{color:#cbe8f8;background:#0b243dc7;border-color:#55a8d62e}.appShell .secondary:hover,.appShell .miniButton:hover{background:#134363b8}.appShell .badge{border:1px solid #ffffff0f}.dashboardHero{background:radial-gradient(circle at 88% 20%,#0fc6de30,#0000 28%),linear-gradient(135deg,#0a2642f5,#081a30eb);border:1px solid #40b6e724;border-radius:22px;justify-content:space-between;align-items:flex-end;gap:22px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 60px #0000002e}.dashboardHero:after{content:"OCC";letter-spacing:-.1em;color:#68e1f706;pointer-events:none;font-size:150px;font-weight:950;position:absolute;top:-35px;right:30px}.dashboardHero h2{letter-spacing:-.045em;color:#f7fcff;margin:7px 0;font-size:clamp(27px,3vw,41px)}.dashboardHero p{color:#89a0ba;margin:0}.heroKicker{letter-spacing:.16em;color:#49d8ed;font-size:10px;font-weight:850}.heroActions{z-index:2;flex-wrap:wrap;gap:9px;display:flex;position:relative}.premiumMetrics{grid-template-columns:repeat(5,minmax(150px,1fr));margin-top:16px}.premiumMetrics .metricCard{min-height:138px;padding:18px 18px 17px;position:relative;overflow:hidden}.premiumMetrics .metricCard:after{content:"";background:radial-gradient(circle,var(--metricGlow),transparent 68%);opacity:.45;border-radius:50%;width:95px;height:95px;position:absolute;top:-30px;right:-32px}.metricIcon{width:34px;height:34px;color:var(--metricAccent);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;place-items:center;margin-bottom:10px;font-weight:900;display:grid}.premiumMetrics .kpi{color:#f8fcff;margin:4px 0;font-size:27px}.metricCyan{--metricAccent:#39d8ec;--metricGlow:#39d8ec}.metricGreen{--metricAccent:#42e0a2;--metricGlow:#42e0a2}.metricViolet{--metricAccent:#9a7cff;--metricGlow:#9a7cff}.metricAmber{--metricAccent:#ffbf67;--metricGlow:#ffbf67}.metricBlue{--metricAccent:#5b9dff;--metricGlow:#5b9dff}.metricProgress{background:#ffffff0d;border-radius:999px;height:4px;margin-top:13px;overflow:hidden}.metricProgress i{background:linear-gradient(90deg,#25d3e7,#4c82ff);border-radius:999px;height:100%;display:block;box-shadow:0 0 14px #25d3e78c}.dashboardGrid{grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:18px;display:grid}.roomOverviewPanel{min-width:0}.roomShowcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.roomShowcaseCard{background:#091b30;border:1px solid #51abdb1f;border-radius:16px;transition:all .2s;overflow:hidden}.roomShowcaseCard:hover{border-color:#51d0e852;transform:translateY(-3px);box-shadow:0 18px 38px #0000003d}.roomPhoto{background-position:50%;background-size:cover;align-items:flex-end;height:150px;padding:12px;display:flex;position:relative}.roomPhoto>div{gap:2px;display:grid}.roomPhoto strong{color:#fff;font-size:16px}.roomPhoto small{color:#c3d4e6}.roomState{text-transform:uppercase;letter-spacing:.08em;color:#d9f5ff;background:#051426b8;border:1px solid #ffffff1f;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850;position:absolute;top:10px;right:10px}.roomState-available{color:#75efb0}.roomState-occupied{color:#76cfff}.roomState-dirty{color:#ffc17b}.roomShowcaseMeta{color:#e8f5ff;justify-content:space-between;padding:10px 12px;font-weight:800;display:flex}.roomShowcaseMeta small{color:#7f97b2;font-weight:500}.pulseGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pulseGrid>div{background:linear-gradient(145deg,#16375594,#091f36a6);border:1px solid #53aad514;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:14px;display:grid}.pulseGrid>div:last-child{grid-column:span 2}.pulseGrid strong{color:#f4fbff;font-size:24px}.pulseGrid small{color:#7891ad;grid-column:2}.pulseIcon{color:#60dbee;background:#37bfde17;border-radius:9px;grid-row:span 2;place-items:center;width:29px;height:29px;font-weight:900;display:grid}.pulseAlert{border-color:#f46d6730!important}.pulseAlert .pulseIcon{color:#ff8c86;background:#f46d671a}.panelTotal{color:#62e0ed;font-size:22px}.paymentDonutLayout{grid-template-columns:180px 1fr;align-items:center;gap:24px;display:grid}.donut{--p:0;background:conic-gradient(#44d9e8 calc(var(--p)*1%),#8a6eff 0 70%,#38d995 0);border-radius:50%;place-items:center;width:150px;height:150px;display:grid;position:relative;box-shadow:0 0 34px #4ba1ee14}.donut:after{content:"";background:#0a1c31;border-radius:50%;width:108px;height:108px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff09}.donut>div{z-index:2;text-align:center;position:relative}.donut strong,.donut small{display:block}.donut strong{font-size:13px}.donut small{color:#6e8aa8}.appShell .barRows div{border-color:#6aa6c614}.appShell .barRows span{color:#9cb2c9}.dot{border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.dotCyan{background:#42d8e8}.dotViolet{background:#8a6eff}.dotGreen{background:#38d995}.inventoryStatusRow{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.inventoryStatusRow>div{background:#14365380;border:1px solid #55adda14;border-radius:13px;padding:15px}.inventoryStatusRow span,.inventoryStatusRow strong{display:block}.inventoryStatusRow span{color:#7892ae;font-size:11px}.inventoryStatusRow strong{margin-top:3px;font-size:24px}.warnText{color:#ffc16b!important}.inventorySignal{color:#8da5bf;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px;font-size:12px;display:grid}.inventorySignal>div{background:#ffffff0d;border-radius:999px;height:6px;overflow:hidden}.inventorySignal i{background:linear-gradient(90deg,#37d89c,#48d7e7);border-radius:999px;height:100%;display:block}.inventorySignal strong{color:#dffaff}.visualRoomCard{overflow:hidden;padding:0!important}.roomCardPhoto{background-position:50%;background-size:cover;align-items:flex-end;height:145px;padding:13px;display:flex;position:relative}.roomCardPhoto:after{content:"";background:linear-gradient(#0000 40%,#020b18d6);position:absolute;inset:0}.roomCardPhoto span{z-index:2;color:#eafaff;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:850;position:relative}.roomPhoto0{background-image:url(/room-standard-v52.jpg)}.roomPhoto1{background-image:url(/room-deluxe-v52.jpg)}.roomPhoto2{background-image:url(/room-executive-v52.jpg)}.visualRoomCard .roomTop,.visualRoomCard .roomRate,.visualRoomCard dl,.visualRoomCard details,.visualRoomCard>a{margin-left:18px;margin-right:18px}.visualRoomCard .roomTop{margin-top:17px}.visualRoomCard>a{margin-bottom:18px;width:calc(100% - 36px)!important}.formSuccess{color:#9af1c5!important;background:#35da971a!important;border-color:#35da973d!important}.formError{color:#ffaaa7!important;background:#ef5d581c!important;border-color:#ef5d583d!important}@media (max-width:1250px){.premiumMetrics{grid-template-columns:repeat(3,1fr)}.dashboardGrid{grid-template-columns:1fr}.roomShowcase{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.appShell .sidebar{border-bottom:1px solid #60bcff1f;border-right:0}.appShell .topbar{position:relative}.premiumMetrics{grid-template-columns:repeat(2,1fr)}.dashboardHero{flex-direction:column;align-items:flex-start}.roomShowcase{grid-template-columns:1fr 1fr}.paymentDonutLayout{grid-template-columns:140px 1fr}.donut{width:130px;height:130px}.donut:after{width:92px;height:92px}}@media (max-width:600px){.appShell .content{padding:18px 14px 90px}.premiumMetrics{grid-template-columns:1fr 1fr;gap:10px}.premiumMetrics .metricCard{min-height:128px;padding:15px}.premiumMetrics .metricCard:last-child{grid-column:span 2}.dashboardHero{padding:20px}.dashboardHero h2{font-size:29px}.heroActions{width:100%}.heroActions a{text-align:center;flex:1}.roomShowcase{grid-template-columns:1fr}.roomPhoto{height:175px}.paymentDonutLayout{grid-template-columns:1fr}.donut{margin:auto}.inventoryStatusRow{grid-template-columns:1fr}.appShell .topbar{padding:18px 16px}.appShell .topbar h1{font-size:27px}.appShell .userArea{align-items:flex-end}.appShell .profileChip{max-width:185px}.appShell .profileChip strong{white-space:nowrap;text-overflow:ellipsis;max-width:112px;overflow:hidden}.visualRoomCard .roomCardPhoto{height:190px}}.amenityPills{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.amenityPills span{background:#14508229;border:1px solid #4cc9f038;border-radius:999px;padding:.55rem .8rem;font-size:.9rem}.bookingCard .panelHeader{align-items:flex-start}.formGrid textarea{box-sizing:border-box;width:100%}.publicRoomCard{overflow:hidden;padding:0!important}.publicRoomCard>img{object-fit:cover;border-bottom:1px solid #94a3b826;width:100%;height:170px;display:block}.publicRoomCard>div,.publicRoomCard>strong{margin:16px;display:block}.publicRoomCard>strong small{color:var(--muted);margin-top:4px;font-size:.72rem;font-weight:500;display:block}@media (max-width:700px){.publicRoomCard>img{height:150px}}button:disabled{cursor:not-allowed;opacity:.72;filter:saturate(.85)}.authCard{max-width:500px}.authEyebrow{color:#284da9;letter-spacing:.04em;text-transform:uppercase;background:#edf3ff;border-radius:999px;margin:4px 0 0;padding:6px 9px;font-size:11px;font-weight:850;display:inline-flex}.formInfo{color:#24517d;background:#eef7ff;border:1px solid #d7eafe;border-radius:12px;margin:0 0 15px;padding:12px 13px;font-size:13px}.authInlineForm{margin:-4px 0 16px}.authChoiceBox{background:#f6f8fc;border:1px solid #e3e9f2;border-radius:14px;gap:5px;margin-top:18px;padding:14px 15px;display:grid}.authChoiceBox strong{font-size:13px}.authChoiceBox span{color:#6c788a;font-size:12px}.authChoiceBox .textLink{margin-top:2px;font-size:12px}.homeChoiceGrid{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 24px;display:grid}.homeChoiceCard{background:#ffffff12;border:1px solid #ffffff21;border-radius:18px;gap:7px;padding:20px;transition:transform .18s,background .18s,border-color .18s;display:grid}.homeChoiceCard:hover{background:#ffffff1a;border-color:#ffffff3b;transform:translateY(-2px)}.homeChoiceCard small{letter-spacing:.08em;color:#94acd1;font-size:10px;font-weight:850}.homeChoiceCard strong{color:#fff;font-size:18px}.homeChoiceCard span{color:#b9c8df;font-size:13px}.homeChoiceCard b{color:#a9c5ff;font-size:13px}.homeChoiceCard.ownerChoice{background:linear-gradient(135deg,#3b68ef57,#498bff29);border-color:#7197ff61}.routeLoading{z-index:9999;pointer-events:auto;color:#13213a;background:radial-gradient(circle at 80% 15%,#dbe7ff 0,#0000 32%),linear-gradient(145deg,#eef4ff,#f8fbff);place-items:center;display:grid;position:fixed;inset:0}.routeLoadingBar{background:linear-gradient(90deg,#2f67ff,#33d6ff,#6b8cff);width:42%;height:4px;animation:.75s ease-in-out infinite alternate occRouteBar;position:fixed;top:0;left:0;box-shadow:0 0 18px #2f67ff8c}.routeLoadingCenter{background:#ffffffeb;border:1px solid #dce5f2;border-radius:24px;width:min(410px,100% - 36px);padding:28px;box-shadow:0 24px 70px #1f3b6c21}.routeLoadingBrand{align-items:center;gap:11px;display:flex}.routeLoadingBrand strong,.routeLoadingBrand small{display:block}.routeLoadingBrand small{color:#7f8ca0}.routeLoadingMessage{color:#34435d;align-items:center;margin-top:22px;font-weight:800;display:flex}.routeLoadingSkeleton{gap:9px;margin-top:20px;display:grid}.routeLoadingSkeleton i{background:linear-gradient(90deg,#edf1f7,#dfe7f4,#edf1f7) 0 0/200% 100%;border-radius:999px;height:11px;animation:1.1s linear infinite occSkeleton;display:block}.routeLoadingSkeleton i:nth-child(2){width:82%}.routeLoadingSkeleton i:nth-child(3){width:64%}@keyframes occSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:620px){.homeChoiceGrid{grid-template-columns:1fr}.premiumLandingCard{padding:28px}.premiumLandingCard h1{font-size:34px}.homeChoiceCard{padding:17px}}.navGroup{gap:4px;margin:12px 0 16px;display:grid}.navGroupLabel{color:#6f819b;text-transform:uppercase;letter-spacing:.12em;padding:0 14px 6px;font-size:10px;font-weight:800;display:block}.actionRow{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.actionRow .secondary{width:auto}@media (max-width:760px){.actionRow,.actionRow .secondary{width:100%}}.mobileNavToggle,.mobileNavBackdrop,.mobileNavButton,.mobileNavClose,.mobileSidebarHead{display:none}.topbarTitle{align-items:flex-start;gap:12px;min-width:0;display:flex}.topbarTitle>div{min-width:0}@media (max-width:760px){.occShell{min-height:100vh;display:block;overflow-x:hidden}.occShell .workspace{width:100%;min-width:0}.occShell .sidebar{z-index:10020;width:min(86vw,330px);transition:transform .22s;inset:0 auto 0 0;overflow-x:hidden;transform:translate(-105%);border-bottom:0!important;height:100dvh!important;padding:18px 14px 26px!important;position:fixed!important;overflow-y:auto!important;box-shadow:20px 0 50px #00000073!important}.occShell .mobileNavToggle:checked~.sidebar{transform:translate(0)}.occShell .mobileNavBackdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10010;opacity:0;pointer-events:none;background:#0108149e;transition:opacity .2s;display:block;position:fixed;inset:0}.occShell .mobileNavToggle:checked~.mobileNavBackdrop{opacity:1;pointer-events:auto}.mobileSidebarHead{color:#8fa6c2;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:800;display:flex}.mobileNavClose{color:#dbe9f7;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff17;border-radius:12px;place-items:center;width:36px;height:36px;font-size:25px;line-height:1;display:grid}.occShell .sidebar nav{max-height:none!important;margin-top:22px!important;display:block!important;overflow:visible!important}.occShell .sidebar .navGroup{margin:14px 0 18px}.occShell .sidebar nav a{min-height:46px;font-size:15px;padding:11px 12px!important}.occShell .sidebarFoot{margin-top:20px;display:block!important}.occShell .topbar{z-index:9000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);gap:10px;top:0;background:#040f21f0!important;border-bottom:1px solid #5eb4e724!important;align-items:center!important;padding:12px 14px!important;position:sticky!important}.occShell .topbarTitle{flex:1;align-items:center;gap:10px;min-width:0}.mobileNavButton{cursor:pointer;background:linear-gradient(145deg,#16a0da2e,#345bff21);border:1px solid #41b2e833;border-radius:13px;flex-direction:column;flex:0 0 42px;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:flex}.mobileNavButton span{background:#dff8ff;border-radius:2px;width:18px;height:2px;display:block}.occShell .topbar .eyebrow{white-space:nowrap;text-overflow:ellipsis;max-width:58vw;font-size:10px;overflow:hidden}.occShell .topbar h1{white-space:nowrap;text-overflow:ellipsis;max-width:64vw;margin-top:3px;line-height:1.15;overflow:hidden;font-size:22px!important}.occShell .topbar p{display:none}.occShell .userArea{display:none!important}.occShell .content{width:100%;max-width:none;padding:14px 12px 88px!important}.occShell .twoCol,.occShell .threeCol,.occShell .dashboardGrid{grid-template-columns:1fr!important}.occShell .premiumMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.occShell .premiumMetrics .metricCard{min-height:116px!important;padding:13px!important}.occShell .metricCard .kpi{font-size:23px}.occShell .dashboardHero{border-radius:18px!important;padding:18px!important}.occShell .dashboardHero h2{font-size:26px!important}.occShell .heroActions{width:100%;grid-template-columns:1fr!important;display:grid!important}.occShell .heroActions a,.occShell .heroActions button{text-align:center;width:100%!important}.occShell .roomShowcase{scroll-snap-type:x mandatory;gap:12px;margin-right:-12px;padding-bottom:6px;padding-right:12px;overflow-x:auto;grid-template-columns:none!important;display:flex!important}.occShell .roomShowcase>*{scroll-snap-align:start;flex:none;min-width:82vw;max-width:340px}.occShell .roomGrid{grid-template-columns:1fr!important}.occShell .tableWrap{-webkit-overflow-scrolling:touch;border-radius:14px;max-width:100%;overflow-x:auto!important}.occShell table{min-width:680px}.occShell .toolbar,.occShell .panelHeader{flex-direction:column;align-items:flex-start}.occShell .filters{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.occShell .filters button{white-space:nowrap}.occShell .folioHero{padding:18px!important}.occShell .folioHero strong{font-size:30px}.occShell .formGrid{grid-template-columns:1fr!important}.occShell input,.occShell select,.occShell textarea,.occShell button,.occShell .primary,.occShell .secondary{min-height:44px}.occShell .panel{border-radius:16px;padding:16px}.network-state{bottom:16px!important;right:12px!important}}@media (max-width:390px){.occShell .premiumMetrics{grid-template-columns:1fr!important}.occShell .premiumMetrics .metricCard:last-child{grid-column:auto!important}.occShell .topbar h1{max-width:58vw}.occShell .roomShowcase>*{min-width:88vw}}.reservationCalendar .calendarState{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-width:76px;padding:6px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.calendar-available{color:#8ff0bd;background:#3dd6911f;border:1px solid #3dd69140}.calendar-reserved{color:#a9c8ff;background:#5b98ff24;border:1px solid #5b98ff40}.calendar-occupied{color:#f5d77e;background:#f5c45124;border:1px solid #f5c45140}.splitPaymentBox{background:#08183061;border:1px solid #90b6ff29;border-radius:14px;margin-top:12px;padding:12px}.splitPaymentBox summary{cursor:pointer;color:#d9e9ff;font-weight:700}.splitPaymentBox[open] summary{margin-bottom:12px}@media (max-width:700px){.reservationCalendar table{min-width:860px}.splitPaymentBox .formGrid{grid-template-columns:1fr}}.marketingSite{color:#eef6ff;background:#07111f;min-height:100vh}.publicNav{z-index:9500;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111ff0;border-bottom:1px solid #82b7eb21;align-items:center;gap:34px;height:76px;padding:0 max(5vw,28px);display:flex;position:sticky;top:0}.publicLogo{align-items:center;gap:10px;min-width:max-content;display:flex}.publicLogoMark{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg,#1fc7df,#345bff);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 8px 24px #217dff3d}.publicLogo strong,.publicLogo small{display:block}.publicLogo strong{font-size:17px}.publicLogo small{color:#85a0bf;letter-spacing:.03em;font-size:10px}.publicNav nav{gap:27px;margin-left:auto;display:flex}.publicNav nav a{color:#b9c9db;font-size:14px;font-weight:700}.publicNav nav a:hover{color:#fff}.publicNavActions{align-items:center;gap:10px;display:flex}.publicSignIn,.publicCta,.marketingPrimary,.marketingSecondary{border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.publicSignIn{color:#cbd8e7;border:1px solid #9ab5d338}.publicCta,.marketingPrimary{color:#fff;background:linear-gradient(135deg,#1746e8,#274df5);border:1px solid #436aff;box-shadow:0 12px 30px #1c4ae638}.marketingSecondary{color:#dbe8f5;background:#ffffff09;border:1px solid #b7cfe633}.marketingHero{background:radial-gradient(circle at 78% 36%,#1668e82e,#0000 33%);grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;max-width:1420px;margin:auto;padding:90px max(5vw,36px) 84px;display:grid}.heroCopy h1{letter-spacing:-.055em;max-width:820px;margin:18px 0 24px;font-size:clamp(48px,5.6vw,78px);line-height:.99}.heroCopy h1 span{color:#0000;background:linear-gradient(95deg,#79d9ff,#79a5ff);-webkit-background-clip:text;background-clip:text}.heroCopy>p{color:#9fb2c8;max-width:720px;font-size:19px;line-height:1.75}.marketingPill{color:#63ddb4;letter-spacing:.035em;text-transform:uppercase;background:#1fba8914;border:1px solid #3ad5a43d;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.marketingActions{flex-wrap:wrap;gap:12px;margin:30px 0;display:flex}.heroProof{color:#8da5be;flex-wrap:wrap;gap:18px;font-size:12px;display:flex}.dashboardPreview{background:linear-gradient(145deg,#112138f7,#081424fa);border:1px solid #7eafde29;border-radius:28px;padding:20px;position:relative;transform:perspective(1200px)rotateY(-2deg);box-shadow:0 35px 100px #00000061,inset 0 1px #ffffff0d}.dashboardPreview:before{content:"";z-index:-1;background:linear-gradient(125deg,#40b8ff59,#0000 30% 70%,#425aff2e);border-radius:28px;position:absolute;inset:-1px}.previewTop{color:#91a7c0;justify-content:space-between;gap:15px;padding:7px 5px 17px;font-size:12px;display:flex}.previewTop i{background:#44db9d;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.previewMetrics{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.previewMetrics article{background:#ffffff09;border:1px solid #a8c2dc1a;border-radius:15px;padding:15px}.previewMetrics small,.previewMetrics span{color:#7f95ad;font-size:10px;display:block}.previewMetrics strong{margin:4px 0;font-size:24px;display:block}.previewBookings{gap:10px;margin-top:12px;display:grid}.previewBookings>div{background:#ffffff09;border:1px solid #a8c2dc1a;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;padding:15px 16px;display:flex}.previewBookings b,.previewBookings small,.previewBookings strong,.previewBookings em{display:block}.previewBookings small{color:#8195ad;margin-top:4px;font-size:11px}.previewBookings strong{text-align:right}.previewBookings em{color:#62e0a7;margin-top:4px;font-size:9px;font-style:normal}.previewBookings em.due{color:#ff9d9d}.trustStrip{text-align:center;background:#091522;border-top:1px solid #8aadd017;border-bottom:1px solid #8aadd017;padding:28px max(5vw,36px)}.trustStrip>strong{color:#89a4c1;text-transform:uppercase;letter-spacing:.08em;font-size:13px;display:block}.trustStrip div{flex-wrap:wrap;justify-content:center;gap:26px;margin-top:16px;display:flex}.trustStrip span{color:#dce9f6;font-weight:850}.marketingSection{max-width:1420px;margin:auto;padding:92px max(5vw,36px)}.sectionHeading{max-width:800px;margin-bottom:38px}.sectionHeading>small,.darkFeatureBand>div>small,.trialCta>small,.pageHero>small{color:#58c8ef;letter-spacing:.14em;font-size:11px;font-weight:900}.sectionHeading h2,.darkFeatureBand h2,.trialCta h2,.pageHero h1,.pricingFootNote h2{letter-spacing:-.04em;margin:10px 0;font-size:clamp(34px,4vw,54px);line-height:1.08}.sectionHeading p,.darkFeatureBand p,.trialCta p,.pageHero p{color:#93a8c0;font-size:17px}.featureCardGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.marketingFeatureCard{background:linear-gradient(145deg,#122136e6,#0a1728eb);border:1px solid #84b1da24;border-radius:22px;min-height:280px;padding:28px;box-shadow:0 12px 35px #00000021}.marketingFeatureCard .featureIcon{color:#5ed4ff;background:#3aa7ef1a;border-radius:13px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.marketingFeatureCard h3{margin:24px 0 10px;font-size:21px}.marketingFeatureCard p{color:#8fa3ba;line-height:1.7}.marketingFeatureCard a{color:#72c9ff;font-size:13px;font-weight:800}.darkFeatureBand{background:radial-gradient(circle at 90% 30%,#245cf22e,#0000 38%),#0a1727;border:1px solid #88b2db26;border-radius:32px;grid-template-columns:1.2fr .8fr;gap:50px;max-width:1320px;margin:24px auto 70px;padding:60px;display:grid}.checkList{color:#aec1d5;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px;display:grid}.darkFeatureBand aside{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ownerMetric{background:#ffffff0a;border:1px solid #a6c1db1f;border-radius:18px;padding:22px}.ownerMetric small,.ownerMetric strong{display:block}.ownerMetric small{color:#8299b3}.ownerMetric strong{margin-top:7px;font-size:27px}.valueGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.valueGrid article{background:linear-gradient(#ffffff06,#0000);border-top:1px solid #85b5e53d;padding:25px}.valueGrid b{color:#4ecbf1}.valueGrid h3{font-size:19px}.valueGrid p{color:#879db6;line-height:1.65}.trialCta{text-align:center;background:radial-gradient(circle at 50% 0,#3d75ff59,#0000 45%),linear-gradient(145deg,#0c1b32,#0a1525);border:1px solid #609ae82e;border-radius:32px;max-width:1180px;margin:30px auto 100px;padding:70px 35px}.marketingActions.center{justify-content:center}.publicMegaFooter{background:#030a14;border-top:1px solid #88b2db1f;grid-template-columns:1.6fr repeat(4,1fr);gap:42px;padding:60px max(5vw,36px) 36px;display:grid}.publicMegaFooter>div:not(.footerBrand){align-content:start;gap:10px;display:grid}.publicMegaFooter>div>strong{margin-bottom:5px}.publicMegaFooter a{color:#8298b2;font-size:13px}.publicMegaFooter a:hover{color:#fff}.footerBrand p{color:#8298b2;max-width:350px;font-size:13px;line-height:1.7}.footerLegal{color:#667d96;border-top:1px solid #88b2db17;grid-column:1/-1;padding-top:24px}.pageHero{text-align:center;max-width:1420px;margin:auto;padding:90px max(5vw,36px) 50px}.pageHero h1{max-width:950px;margin:12px auto}.pageHero p{max-width:780px;margin:0 auto}.featureTriplet{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.marketingFeatureCard.tall{min-height:330px}.marketingFeatureCard ul,.pricingCard ul{gap:11px;margin:20px 0;padding:0;list-style:none;display:grid}.marketingFeatureCard li,.pricingCard li{color:#9fb2c6;font-size:14px}.integrationNote,.pricingFootNote{background:#0b192a;border:1px solid #7ab1e124;border-radius:25px;max-width:1180px;margin:20px auto 90px;padding:42px}.integrationNote p,.pricingFootNote p{color:#91a7bf;line-height:1.7}.pricingWrap{max-width:1420px;margin:auto;padding:20px max(5vw,36px) 80px}.pricingGrid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;display:grid}.pricingCard{background:#0c1929;border:1px solid #83b2db26;border-radius:24px;padding:30px;position:relative}.pricingCard.featured{border-color:#416dffb3;transform:translateY(-10px);box-shadow:0 28px 75px #1945da2e}.popularFlag{color:#fff;letter-spacing:.06em;background:#204ee7;border-radius:999px;padding:7px 14px;font-size:10px;font-weight:900;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricingCard>small{color:#8298b1}.pricingCard h2{margin:8px 0;font-size:28px}.planPrice{letter-spacing:-.04em;margin:15px 0;font-size:39px;font-weight:900}.planPrice span{color:#8095ae;letter-spacing:0;font-size:12px;font-weight:700}.pricingCard>p{color:#8fa5bd;min-height:50px}.pricingCard>a{width:100%;margin:10px 0 4px}.planLimits{border-top:1px solid #84acd21f;gap:7px;padding-top:16px;display:grid}.planLimits strong{font-size:12px}.planLimits span{color:#7189a3;font-size:11px}.addonSection,.comparisonSection{max-width:1420px;margin:auto;padding:65px max(5vw,36px)}.addonGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.addonGrid article{background:#0b1828;border:1px solid #81abd31f;border-radius:16px;justify-content:space-between;gap:20px;padding:21px;display:flex}.addonGrid span{color:#71caff;text-align:right;font-size:12px}.pricingTable table{background:#0a1726;border-radius:18px;min-width:850px;overflow:hidden}.pricingTable th,.pricingTable td{color:#bfd0e1;border-color:#93b7d91c}.pricingTable th{color:#7790aa}.pricingTable td:not(:first-child),.pricingTable th:not(:first-child){text-align:center}.planYes{font-weight:900;color:#58dda5!important}.planNo{color:#647a90!important}.compactPricing{margin-top:28px}.resourceLead,.supportGrid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1320px;margin:auto;padding:20px max(5vw,36px) 70px;display:grid}.resourceLead article,.supportGrid article{background:#0b1828;border:1px solid #82b0db21;border-radius:20px;padding:28px}.resourceLead article>span,.supportGrid article>span{font-size:29px}.resourceLead h2,.supportGrid h2{font-size:20px}.resourceLead p,.supportGrid p{color:#889fb8;line-height:1.7}.resourceLead b{color:#62c7f3;font-size:12px}.resourceTopics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.resourceTopics article{background:#0a1726;border-left:3px solid #2f68f1;border-radius:0 15px 15px 0;padding:24px}.resourceTopics span{color:#72bdea;margin-top:11px;font-size:13px;display:block}.supportCta{text-align:center;background:#0b192a;border:1px solid #80b2e024;border-radius:28px;max-width:1180px;margin:30px auto 90px;padding:52px}.supportCta p{color:#8fa5bd;max-width:800px;margin:0 auto}.checkoutPage{color:#eaf3fd;background:linear-gradient(145deg,#071321,#0b192b);min-height:100vh;padding:45px 24px}.checkoutShell{width:min(1180px,100%);margin:auto}.checkoutHead{max-width:820px}.checkoutHead h1{margin:15px 0;font-size:42px;line-height:1.05}.checkoutHead p{color:#8fa6bf}.checkoutGrid{grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:25px;display:grid}.checkoutPlan,.checkoutFormCard{background:#0c1a2b;border:1px solid #84b5e124;border-radius:22px;padding:28px}.checkoutPlan>small{color:#5ecdf4;font-size:10px;font-weight:900}.checkoutPlan ul{color:#9db2c8;gap:9px;padding:0;font-size:13px;list-style:none;display:grid}.checkoutFormCard .loginForm select,.checkoutFormCard .loginForm textarea{color:#eaf3fd;background:#081522;border:1px solid #90b4d633;border-radius:10px;padding:12px}.checkoutSuccess,.checkoutWarning{border-radius:14px;gap:4px;margin:20px 0;padding:16px 18px;display:grid}.checkoutSuccess{color:#aaf3d1;background:#37d3911a;border:1px solid #37d39133}.checkoutWarning{color:#f3d290;background:#f7b84c17;border:1px solid #f7b84c33}.subscriptionStatus{grid-template-columns:1fr 1fr;gap:14px;margin:25px 0;display:grid}.subscriptionStatus article{background:#0c1a2b;border:1px solid #84b5e124;border-radius:18px;padding:22px}.subscriptionStatus small,.subscriptionStatus strong,.subscriptionStatus span{display:block}.subscriptionStatus small{color:#6ecdf1;font-size:10px;font-weight:900}.subscriptionStatus strong{margin:5px 0;font-size:23px}.subscriptionStatus span{color:#829ab4;font-size:12px}.subscriptionBottom{flex-wrap:wrap;align-items:center;gap:15px;margin:30px 0;display:flex}.lockedNav{opacity:.7}.lockedNav b{letter-spacing:.08em;color:#f3c963;border:1px solid #ffc45840;border-radius:6px;margin-left:auto;padding:3px 5px;font-size:8px}.sidebarPlanLink{margin-top:8px;font-size:11px;color:#78baff!important;display:block!important}.checkoutPage .panel{color:#eaf3fd;background:#0c1a2b;border-color:#84b5e124}.checkoutPage table th,.checkoutPage table td{color:#b7c9db;border-color:#84b5e11a}.checkoutPage .badge{color:#9fc1ff;background:#5182e529}@media (max-width:1050px){.marketingHero{grid-template-columns:1fr;gap:40px}.dashboardPreview{transform:none}.featureCardGrid,.featureTriplet,.pricingGrid{grid-template-columns:1fr 1fr}.pricingCard.featured{transform:none}.valueGrid,.resourceTopics{grid-template-columns:1fr 1fr}.darkFeatureBand{grid-template-columns:1fr}.publicMegaFooter{grid-template-columns:1.4fr 1fr 1fr}.footerBrand{grid-column:1/-1}.resourceLead,.supportGrid{grid-template-columns:1fr 1fr}.checkoutGrid{grid-template-columns:1fr}}@media (max-width:760px){.publicNav{height:64px;padding:0 14px}.publicLogo small,.publicNav nav{display:none}.publicNavActions{margin-left:auto}.publicSignIn{display:none}.publicCta{min-height:40px;padding:0 12px;font-size:12px}.marketingHero{padding:60px 18px 58px}.heroCopy h1{font-size:45px}.heroCopy>p{font-size:16px}.previewMetrics{grid-template-columns:1fr 1fr}.previewMetrics article:last-child{grid-column:1/-1}.trustStrip{padding:24px 18px}.marketingSection{padding:65px 18px}.featureCardGrid,.featureTriplet,.pricingGrid,.addonGrid,.resourceLead,.supportGrid{grid-template-columns:1fr}.marketingFeatureCard{min-height:0}.darkFeatureBand{margin:15px 14px 55px;padding:32px 22px}.darkFeatureBand aside,.checkList,.valueGrid,.resourceTopics{grid-template-columns:1fr}.trialCta{margin:20px 14px 70px;padding:50px 20px}.publicMegaFooter{grid-template-columns:1fr 1fr;padding:45px 18px 28px}.footerBrand{grid-column:1/-1}.pageHero{padding:65px 18px 35px}.pricingWrap,.addonSection,.comparisonSection{padding-left:18px;padding-right:18px}.planPrice{font-size:34px}.checkoutPage{padding:24px 14px}.checkoutHead h1{font-size:34px}.subscriptionStatus,.compactPricing{grid-template-columns:1fr}.resourceLead,.supportGrid{padding-left:18px;padding-right:18px}.addonGrid article{flex-direction:column}.addonGrid span{text-align:left}}.demoIntro{justify-content:space-between;align-items:end;gap:30px;max-width:1420px;margin:auto;padding:70px max(5vw,36px) 34px;display:flex}.demoIntro>div{max-width:850px}.demoIntro small{color:#58c8ef;letter-spacing:.13em;font-weight:900}.demoIntro h1{letter-spacing:-.04em;margin:10px 0;font-size:clamp(38px,4.5vw,60px);line-height:1.05}.demoIntro p{color:#8fa6be}.publicDemoShell{border:1px solid #7fb1dd2b;border-radius:25px;grid-template-columns:230px 1fr;max-width:1420px;margin:20px auto 90px;display:grid;overflow:hidden;box-shadow:0 32px 90px #00000059}.publicDemoShell>aside{background:#07111d;flex-direction:column;gap:8px;padding:24px 17px;display:flex}.publicDemoShell>aside>small{color:#5f7792;letter-spacing:.12em;margin:20px 8px 5px;font-size:9px;font-weight:900}.publicDemoShell>aside>b,.publicDemoShell>aside>span{color:#91a8c0;border-radius:9px;padding:10px 11px;font-size:12px}.publicDemoShell>aside>b{color:#85bdff;background:#3169ee29}.publicDemoMain{background:#0b1521;min-width:0}.publicDemoMain>header{border-bottom:1px solid #86add21f;justify-content:space-between;align-items:center;height:78px;padding:0 28px;display:flex}.publicDemoMain header small{color:#7088a2;font-size:9px}.publicDemoMain header h2{margin:3px 0}.publicDemoMain header>span{color:#8198b0;border:1px solid #7ba5cd38;border-radius:8px;padding:7px 9px;font-size:9px}.demoMetrics{grid-template-columns:repeat(4,1fr);gap:12px;padding:25px;display:grid}.demoMetrics article{background:#111f2e;border-top:2px solid #2f62ef;border-radius:17px;padding:20px}.demoMetrics small,.demoMetrics strong,.demoMetrics span{display:block}.demoMetrics small{color:#7890aa;font-size:9px;font-weight:800}.demoMetrics strong{margin:8px 0;font-size:27px}.demoMetrics span{color:#63dda9;font-size:10px}.demoTable{color:#dce9f5;background:#0e1c2b;border-color:#80aed81f;margin:0 25px}.demoTable th,.demoTable td{color:#aac0d4;border-color:#80aed81a}.demoMiniGrid{grid-template-columns:repeat(3,1fr);gap:12px;padding:25px;display:grid}.demoMiniGrid article{background:#101e2d;border:1px solid #80aed81a;border-radius:15px;padding:19px}.demoMiniGrid h3{margin-top:0}.demoMiniGrid p{color:#91a8bf;justify-content:space-between;display:flex}.demoMiniGrid strong{color:#eaf4ff}.demoDot{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.demoDot.available{background:#4add9e}.demoDot.occupied{background:#f0c45a}.demoDot.reserved{background:#6799ff}@media (max-width:900px){.publicDemoShell{grid-template-columns:1fr;margin-left:14px;margin-right:14px}.publicDemoShell>aside{display:none}.demoMetrics{grid-template-columns:1fr 1fr}.demoMiniGrid{grid-template-columns:1fr}.demoIntro{flex-direction:column;align-items:flex-start;padding-left:18px;padding-right:18px}}@media (max-width:560px){.demoMetrics{grid-template-columns:1fr;padding:14px}.demoTable{margin:0 14px}.demoMiniGrid{padding:14px}.publicDemoMain>header{padding:0 15px}.publicDemoMain header>span{display:none}}.legalContent,.securityContact{background:#0a1726;border:1px solid #81b0da21;border-radius:24px;max-width:1000px;margin:0 auto 85px;padding:36px max(5vw,36px)}.legalContent h2,.securityContact h2{margin-top:28px}.legalContent h2:first-child{margin-top:0}.legalContent p,.securityContact p{color:#8fa6be;line-height:1.8}.contactGrid a{margin-top:10px;display:inline-block}.securityContact{text-align:center}@media (max-width:760px){.legalContent,.securityContact{margin-left:14px;margin-right:14px;padding:26px 20px}}.loginPage{color:#eaf3fd;background:radial-gradient(circle at 75% 15%,#265cee30,#0000 34%),linear-gradient(145deg,#06111e,#0a1829)}.loginCard{background:#0c1a2a;border-color:#87b5de29;box-shadow:0 28px 80px #00000057}.loginCard h1{color:#f2f7fd}.loginCard>p,.loginCard .muted{color:#8ea5be}.loginForm label,.formGrid label{color:#bfd0e0}.loginForm input,.formGrid input,.formGrid select{color:#eef6ff;background:#081522;border-color:#91b5d833}.authEyebrow{color:#8cb8ff;background:#2f68ee21}.authChoiceBox{background:#ffffff06;border-color:#8cb3d721}.authChoiceBox strong{color:#eaf3fd}.authChoiceBox span,.securityNote{color:#7e95ad}.loginCard .secondary{color:#d8e7f5;background:#ffffff0a;border-color:#91b5d82e}.occoLogo{align-items:center;gap:11px;text-decoration:none;display:flex}.occoLogo .occoMark{border-radius:12px;box-shadow:0 8px 24px #2563ff38}.occoLogo strong{letter-spacing:.025em}.occoLogo small{letter-spacing:.08em}.occoWordMark{letter-spacing:-.04em;min-width:48px;font-size:.83rem}.brand.large .occoWordMark,.brand.premiumBrand .occoWordMark{font-size:.9rem}.publicNav .occoLogo strong{font-size:1.08rem}.publicMegaFooter .occoLogo strong{font-size:1.05rem}.resourceCardLink{color:inherit;text-decoration:none;display:block}.resourceCardLink article{height:100%;transition:transform .18s,border-color .18s,background .18s}.resourceCardLink:hover article{background:#0e2034;border-color:#50b1ff73;transform:translateY(-3px)}.resourceCardLink b{margin-top:8px;display:inline-block}.resourceTopics a{color:#72bdea;margin-top:11px;font-size:13px;text-decoration:none;display:block}.resourceTopics a:hover{color:#fff}.docLayout{grid-template-columns:240px 1fr;align-items:start;gap:34px;max-width:1320px;margin:0 auto 90px;padding:20px max(5vw,36px);display:grid}.docToc{background:#0b1828;border:1px solid #82b0db21;border-radius:18px;gap:10px;padding:22px;display:grid;position:sticky;top:96px}.docToc strong{margin-bottom:6px}.docToc a{color:#86a8c8;font-size:13px}.docToc a:hover{color:#fff}.docContent{gap:16px;display:grid}.docSection,.docCallout,.guideGrid article{background:#0b1828;border:1px solid #82b0db21;border-radius:20px;padding:28px}.docSection{scroll-margin-top:100px}.docSection h2,.guideGrid h2{margin-top:0;font-size:24px}.docSection p,.docSection li,.guideGrid p,.guideGrid li{color:#9eb1c5;line-height:1.75}.docSection ol,.guideGrid ol{padding-left:22px}.docCallout p{color:#9eb1c5}.guideGrid{grid-template-columns:1fr 1fr;gap:16px;max-width:1200px;margin:0 auto 90px;padding:20px max(5vw,36px);display:grid}.guideGrid article{min-height:210px}@media (max-width:760px){.docLayout{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.docToc{position:static}.guideGrid{grid-template-columns:1fr;padding-left:18px;padding-right:18px}}