@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#222c26;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#222c26;--muted:#758078;--line:#e4e8e1;--paper:#fff;--green:#315e4e;--green-dark:#213a32;--gold:#d49a35;--blue:#617d9c;--red:#a34b42;background:#f7f8f4;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 80% 2%,#edf1e8 0,#0000 35%),#f7f8f4;min-width:340px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #c99131}.appShell{min-height:100vh}.statusScreen{place-items:center;min-height:100vh;padding:24px;display:grid}.statusCard,.authCard{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(440px,100%);padding:30px;box-shadow:0 16px 48px #26382e12}.statusCard h1,.authCard h1{margin:10px 0;font:600 24px Space Grotesk,sans-serif}.statusContent{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;line-height:1.6;display:flex}.statusContent .errorNotice{flex-basis:100%}.authScreen{place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{flex-direction:column;gap:15px;display:flex}.authCard h1{margin:-5px 0 -12px}.authCard>p{color:var(--muted);margin:0;font-size:13px}.authCard .primaryButton{width:100%;margin-top:3px}.errorNotice{color:#8f362f;overflow-wrap:anywhere;background:#fbefed;border:1px solid #f0d2cd;border-radius:5px;padding:10px 12px;font-size:12px}.signedInEmail{color:#737e76;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:11px;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 max(28px,50vw - 608px);display:flex}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brandMark{color:#fff;background:var(--green);border-radius:12px 12px 12px 4px;place-items:center;width:39px;height:39px;display:grid}.brand strong,.brand small{display:block}.brand strong{letter-spacing:0;font:700 15px Space Grotesk,sans-serif}.brand small{color:var(--muted);letter-spacing:1.1px;margin-top:2px;font-size:9px;font-weight:700}.topActions{align-items:center;gap:9px;display:flex}.utilityButton{color:#526057;border:1px solid var(--line);background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.utilityButton:hover{color:var(--green);border-color:#a8b9ae}.utilityButton input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.localBadge{color:#737e76;align-items:center;gap:7px;margin-left:6px;font-size:11px;display:inline-flex}.localBadge>span,.legendDot,.statusPill>span{background:#53a777;border-radius:50%;width:7px;height:7px;display:inline-block}main{width:min(1216px,100% - 56px);margin:0 auto}.welcomeBand{color:#fff;background:linear-gradient(112deg,#213a32 0%,#315e4e 72%,#3a654d 100%);border-radius:6px;justify-content:space-between;align-items:center;gap:24px;min-height:196px;margin-top:29px;padding:28px 42px;display:flex;position:relative;overflow:hidden}.welcomeBand:before{content:"";opacity:.36;pointer-events:none;background:repeating-linear-gradient(135deg,#0000 0 27px,#ffffff14 27px 28px);position:absolute;inset:0 0 0 55%;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.welcomeCopy,.rateNote{z-index:1;position:relative}.eyebrow{color:#718b7b;letter-spacing:1.5px;font-size:9px;font-weight:700}.welcomeCopy .eyebrow{color:#c5d5c9}.welcomeCopy h1{letter-spacing:0;margin:12px 0 7px;font:600 34px/1.14 Space Grotesk,sans-serif}.welcomeCopy h1 em{color:#efc978;font-style:normal}.welcomeCopy p{color:#d1ddd5;margin:0;font-size:13px}.rateNote{color:#26382e;background:#f7f5ec;border-radius:5px;grid-template-columns:1fr auto;align-items:center;gap:8px 13px;width:212px;padding:15px 18px;display:grid}.rateNote>span{color:#718075;letter-spacing:1.2px;grid-column:1/-1;margin-bottom:3px;font-size:9px;font-weight:700}.rateNote strong{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.rateNote strong svg{color:var(--green)}.rateNote strong b{margin-left:auto;font:700 14px Space Grotesk,sans-serif}.bandLine{z-index:0;border:1px solid #ffffff20;border-radius:50%;width:225px;height:225px;position:absolute;bottom:-85px;right:30%;box-shadow:0 0 0 24px #ffffff0a,0 0 0 48px #ffffff08}.summary{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:25px 0 35px;display:grid}.summaryItem{border-right:1px solid var(--line);align-items:center;gap:13px;min-height:95px;padding:10px 18px;display:flex}.summaryItem:first-child{padding-left:0}.summaryItem:last-child{border:0;padding-right:0}.summaryIcon{border-radius:8px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.summaryIcon.green{color:#35644f;background:#e5eee7}.summaryIcon.gold{color:#a46d19;background:#f5ecd9}.summaryIcon.blue{color:#536e8d;background:#e7edf2}.summaryItem small,.summaryItem strong,.summaryItem div>span{display:block}.summaryItem small{color:#7c877e;letter-spacing:.8px;font-size:9px;font-weight:700}.summaryItem strong{letter-spacing:0;margin-top:4px;font:600 22px Space Grotesk,sans-serif}.summaryItem div>span{color:#929b94;margin-top:1px;font-size:10px}.estimateItem strong{font-size:19px}.staysSection{padding-bottom:18px}.sectionHead{justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px;display:flex}.sectionHead h2{letter-spacing:0;margin:5px 0 0;font:600 23px Space Grotesk,sans-serif}.sectionHead h2>span{color:#718077;vertical-align:3px;background:#e9ece6;border-radius:4px;margin-left:5px;padding:3px 7px;font:600 11px DM Sans,sans-serif}.primaryButton{color:#fff;background:var(--green);border:1px solid var(--green);border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 15px;font-size:12px;font-weight:700;transition:background .16s,transform .16s;display:inline-flex}.primaryButton:hover{background:#254b3c;transform:translateY(-1px)}.listToolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:52px;display:flex}.filterTabs{align-items:stretch;gap:21px;height:52px;display:flex}.filterTab{color:#7b867e;background:0 0;border:0;align-items:center;gap:7px;padding:0 1px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.filterTab:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.filterTab.selected{color:var(--green)}.filterTab.selected:after{background:var(--green)}.filterTab>span{color:#7a857d;text-align:center;background:#ebeee9;border-radius:8px;min-width:17px;padding:1px 4px;font-size:10px}.searchBox{color:#879189;background:#fff;border:1px solid #e1e6df;border-radius:5px;align-items:center;gap:8px;width:min(272px,38%);height:35px;padding:0 9px;display:flex}.searchBox input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.searchBox input::placeholder{color:#a2aaa3}.searchBox button{color:#758078;background:0 0;border:0;place-items:center;width:24px;height:24px;padding:0;display:grid}.tableScroller{border-bottom:1px solid var(--line);background:#fff;overflow-x:auto}.stayTable{border-collapse:collapse;text-align:left;width:100%;min-width:850px}.stayTable th{color:#929b94;letter-spacing:.7px;white-space:nowrap;border-bottom:1px solid #edf0eb;height:39px;padding:0 12px;font-size:9px;font-weight:700}.stayTable th:first-child,.stayTable td:first-child{padding-left:17px}.stayTable td{vertical-align:middle;border-bottom:1px solid #edf0eb;height:77px;padding:9px 12px}.stayTable tbody tr:last-child td{border-bottom:0}.stayTable tbody tr:hover{background:#fbfcf9}.guestCell{align-items:center;gap:10px;min-width:245px;display:flex}.petAvatar{color:#35604d;background:#e8efe9;border-radius:50%;flex:0 0 37px;place-items:center;width:37px;height:37px;display:grid}.petAvatar.catAvatar{color:#a56e21;background:#f4ecdc}.guestText{min-width:0}.guestText strong,.guestText small,.dateMain,.dateSub,.daysValue,.amountValue{display:block}.guestText strong{color:#28352c;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.guestText small{color:#7e8981;text-overflow:ellipsis;white-space:nowrap;max-width:290px;margin-top:3px;font-size:10px;overflow:hidden}.guestText .dividerDot{color:#c1c8c1;padding:0 2px}.guestText .guestContact{color:#929b94;align-items:center;gap:5px;margin-top:4px;display:flex}.guestContact svg:nth-of-type(2){margin-left:4px}.dateMain{color:#465349;white-space:nowrap;font-size:11px;font-weight:600}.dateSub{color:#929b94;white-space:nowrap;margin-top:4px;font-size:10px}.daysValue{font:600 13px Space Grotesk,sans-serif}.amountValue{white-space:nowrap;font:600 14px Space Grotesk,sans-serif}.statusPill{color:#397451;white-space:nowrap;background:#eaf4ec;border-radius:3px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.statusPill>span{width:6px;height:6px}.rowActions{white-space:nowrap;justify-content:end;align-items:center;gap:2px;width:148px;display:flex}.rowActions button{border:0;justify-content:center;align-items:center;display:inline-flex}.checkOutButton{color:#315e4e;background:#eef4ef;border-radius:4px;gap:5px;min-height:30px;padding:0 8px;font-size:10px;font-weight:700}.checkOutButton:hover{background:#dcebe0}.moreButton,.deleteButton{color:#778279;background:0 0;border-radius:4px;width:29px;height:29px}.moreButton:hover{color:var(--green);background:#eef2ed}.deleteButton:hover{color:var(--red);background:#f8ece9}.emptyState{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:228px;padding:25px;display:flex}.emptyState>span{width:44px;height:44px;color:var(--green);background:#e8efe9;border-radius:50%;place-items:center;margin-bottom:12px;display:grid}.emptyState>strong{font:600 16px Space Grotesk,sans-serif}.emptyState p{color:#89938c;margin:5px 0 0;font-size:12px}.textButton{color:var(--green);background:0 0;border:0;margin-top:14px;padding:0;font-size:12px;font-weight:700}.textButton span{margin-left:4px}.tableFoot{color:#929b94;justify-content:space-between;align-items:center;gap:12px;min-height:38px;font-size:10px;display:flex}.tableFoot>span:first-child{color:#66766b;align-items:center;gap:6px;display:flex}.legendDot{width:6px;height:6px}.pageFooter{color:#9aa39c;border-top:1px solid var(--line);letter-spacing:.8px;justify-content:space-between;align-items:center;gap:12px;min-height:58px;margin-top:29px;font-size:9px;font-weight:700;display:flex}.pageFooter b{color:var(--gold);padding:0 4px}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.modalOverlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14231dd9;place-items:center;padding:20px;animation:.16s both veil-in;display:grid;position:fixed;inset:0}.stayModal{background:#fff;border-radius:7px;flex-direction:column;width:min(760px,100%);max-height:min(92vh,900px);animation:.2s both modal-in;display:flex;overflow:hidden;box-shadow:0 24px 90px #101b1666}.modalHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:82px;padding:15px 25px;display:flex}.modalHeader h2{margin:4px 0 0;font:600 21px Space Grotesk,sans-serif}.iconButton{color:#657169;background:#f2f4f0;border:0;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.iconButton:hover{color:var(--ink);background:#e8ece6}.stayModal form{flex-direction:column;flex:1;min-height:0;display:flex}.modalBody{min-height:0;padding:0 25px;overflow-y:auto}.formSection{border:0;border-bottom:1px solid #edf0eb;min-width:0;margin:0;padding:19px 0 20px}.formSection legend{color:#3d4b41;width:100%;padding:0;font:600 13px Space Grotesk,sans-serif}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px;margin-top:13px;display:grid}.formField{color:#66736a;flex-direction:column;gap:6px;min-width:0;font-size:10px;font-weight:700;display:flex}.formField input,.formField select,.formField textarea,.customDetailRow input{width:100%;min-width:0;min-height:37px;color:var(--ink);background:#fff;border:1px solid #dce3dc;border-radius:4px;padding:8px 10px;font-size:12px;font-weight:400}.formField textarea{resize:vertical;min-height:61px}.formField input::placeholder,.formField textarea::placeholder,.customDetailRow input::placeholder{color:#a1aaa3}.formField small{color:#969f98;margin-top:-2px;font-size:9px;font-weight:400}.fullField{grid-column:1/-1}.legendRow{justify-content:space-between;align-items:center;display:flex}.legendRow legend{width:auto}.addDetailButton{color:var(--green);background:0 0;border:0;align-items:center;gap:4px;padding:4px 0 4px 8px;font-size:10px;font-weight:700;display:inline-flex}.addDetailButton:hover{color:#203d31}.sectionHint{color:#89938c;margin:11px 0 0;font-size:11px}.customDetails{gap:8px;margin-top:12px;display:grid}.customDetailRow{grid-template-columns:1fr 1.4fr 30px;gap:7px;display:grid}.customDetailRow input{min-height:34px}.removeDetailButton{color:#89938c;background:0 0;border:0;place-items:center;display:grid}.removeDetailButton:hover{color:var(--red)}.notesField{margin-top:14px}.modalFooter{border-top:1px solid var(--line);background:#fafbf8;justify-content:space-between;align-items:center;gap:16px;min-height:65px;padding:10px 25px;display:flex}.modalFooter>span{color:#879189;font-size:10px}.modalFooter>div{gap:8px;display:flex}.cancelButton{color:#667169;background:#fff;border:1px solid #dce3dc;border-radius:5px;min-height:38px;padding:0 13px;font-size:11px;font-weight:700}.cancelButton:hover{background:#f2f4f0}@keyframes veil-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summaryItem:nth-child(2){border-right:0}.summaryItem:nth-child(3),.summaryItem:nth-child(4){border-top:1px solid var(--line)}.summaryItem:nth-child(3){padding-left:0}}@media (width<=620px){.topbar{height:64px;padding:0 16px}.brandMark{width:35px;height:35px}.topActions{gap:6px}.utilityButton{width:34px;min-height:34px;padding:0}.utilityButton span{display:none}.localBadge{margin-left:2px;font-size:0}.localBadge>span{width:8px;height:8px}main{width:calc(100% - 32px)}.welcomeBand{flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;min-height:220px;margin-top:16px;padding:23px 20px}.welcomeCopy h1{max-width:340px;font-size:28px}.welcomeCopy p{max-width:270px;font-size:12px}.rateNote{grid-template-columns:1fr auto;width:min(100%,260px);padding:10px 12px}.rateNote>span{display:none}.rateNote strong{font-size:11px}.rateNote strong b{font-size:12px}.bandLine{bottom:-45px;right:-82px}.summary{margin:17px 0 27px}.summaryItem{gap:9px;min-height:82px;padding:9px 8px}.summaryItem:first-child,.summaryItem:nth-child(3){padding-left:0}.summaryIcon{flex-basis:31px;width:31px;height:31px}.summaryIcon svg{width:16px}.summaryItem small{letter-spacing:.45px;font-size:8px}.summaryItem strong{font-size:19px}.estimateItem strong{font-size:16px}.summaryItem div>span{font-size:9px}.sectionHead{align-items:center;gap:10px;margin-bottom:13px}.sectionHead h2{font-size:19px}.sectionHead h2>span{font-size:10px}.primaryButton{min-height:37px;padding:0 10px;font-size:11px}.listToolbar{flex-direction:column-reverse;align-items:stretch;gap:8px;padding-bottom:0}.searchBox{width:100%}.filterTabs{gap:17px;height:43px}.filterTab{font-size:11px}.tableFoot{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 0;line-height:1.4}.pageFooter{margin-top:16px;font-size:8px}.modalOverlay{align-items:end;padding:0}.stayModal{border-radius:8px 8px 0 0;width:100%;max-height:94dvh}.modalHeader{min-height:70px;padding:12px 17px}.modalHeader h2{font-size:19px}.modalBody{padding:0 17px}.formGrid{gap:11px 10px}.formField{font-size:9px}.formField input,.formField select,.formField textarea{padding:7px;font-size:11px}.modalFooter{min-height:60px;padding:8px 14px}.modalFooter>span{max-width:120px;font-size:9px}.modalFooter .primaryButton,.cancelButton{min-height:35px;padding:0 9px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
