:root{--ink:#101817;--forest:#12312b;--spruce:#0f5d4c;--paper:#fff;--mist:#f7f8f3;--sage:#eef3ea;--line:#dbe2d8;--muted:#69736f;--success:#2f6f4e;--warning:#d96c47;--danger:#b42318;--info:#2367a2;--bg:var(--mist);--panel:var(--paper);--panel-strong:var(--sage);--accent:var(--spruce);--accent-strong:var(--forest);--shadow:0 14px 35px #10181714}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--forest);color:var(--mist);flex-direction:column;gap:28px;padding:28px 22px;display:flex}.brand{align-items:center;gap:12px;font-size:20px;font-weight:760;display:flex}.brand-mark{background:var(--mist);width:40px;height:40px;color:var(--forest);border-radius:8px;place-items:center;display:grid}.brand-copy{gap:2px;display:grid}.brand-tagline{color:#f7f8f3ad;font-size:11px;font-weight:680}.nav-list{gap:8px;display:grid}.nav-item{color:#f7f8f3d1;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-item.active{color:#fff;background:#f7f8f31f}.nav-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.sidebar-footer{margin-top:auto}.main{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.topbar-copy{gap:8px;max-width:760px;display:grid}.lede{max-width:720px;color:var(--muted);margin:0;font-size:15px;line-height:1.5}.eyebrow{color:var(--muted);margin:0 0 6px;font-size:13px}h1,h2,h3{letter-spacing:0;margin:0}h1{font-size:28px;line-height:1.15}h2{font-size:18px}h3{font-size:15px}.content-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:18px;display:grid}.stack{gap:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.panel-body{padding:20px}.status-strip{border:1px solid var(--line);background:var(--line);box-shadow:var(--shadow);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.status-item{background:var(--panel);align-items:flex-start;gap:12px;min-width:0;padding:14px;display:flex}.status-item strong,.status-item span{display:block}.status-item strong{margin-bottom:4px;font-size:14px}.status-item span{color:var(--muted);font-size:12px;line-height:1.35}.status-dot{background:var(--success);border-radius:999px;flex:none;width:10px;height:10px;margin-top:4px;box-shadow:0 0 0 4px #2f6f4e1f}.status-dot.warn{background:var(--warning);box-shadow:0 0 0 4px #d96c4724}.status-dot.info{background:var(--info);box-shadow:0 0 0 4px #2367a21f}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.feature-tile{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;gap:10px;min-width:0;padding:14px;display:grid}.feature-tile-icon{background:var(--forest);width:34px;height:34px;color:var(--mist);border-radius:8px;place-items:center;display:grid}.feature-tile p{color:var(--muted);margin:0;font-size:13px;line-height:1.42}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;padding:14px}.metric span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.metric strong{font-size:22px;display:block}.checklist{gap:10px;margin:0;padding:0;list-style:none;display:grid}.checklist li{color:#293430;align-items:flex-start;gap:10px;font-size:14px;display:flex}.checklist svg{color:var(--success);flex:none;margin-top:2px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-form-list{gap:18px;display:grid}.settings-form{border-top:1px solid var(--line);padding-top:18px}.settings-form:first-child{border-top:0;padding-top:0}.domain-list{flex-wrap:wrap;gap:8px;display:flex}.field{gap:6px;display:grid}.field.full{grid-column:1/-1}label{color:#293430;font-size:12px;font-weight:680}input,select,textarea{width:100%;min-height:40px;color:var(--ink);background:#fff;border:1px solid #cad5c6;border-radius:8px;padding:9px 11px}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:3px solid #0f5d4c29}.button-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.btn{background:var(--accent);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 13px;font-weight:700;display:inline-flex}.btn.secondary{color:var(--accent-strong);background:#fff;border-color:#cad5c6}.btn.warning{background:var(--warning)}.btn:disabled{opacity:.55;cursor:not-allowed}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}th{color:var(--muted);font-size:12px;font-weight:740}.badge{color:#27483e;background:#e9efe5;border-radius:999px;align-items:center;min-height:26px;padding:3px 8px;font-size:12px;font-weight:740;display:inline-flex}.badge.warn{color:#8a3d22;background:#fff0e8}.badge.info{color:#174a77;background:#e8f1fb}.muted{color:var(--muted)}.copy-link{text-overflow:ellipsis;white-space:nowrap;max-width:360px;color:var(--accent);font-weight:700;display:block;overflow:hidden}.inline-link{color:var(--accent);margin-top:6px;font-size:12px;font-weight:740;display:inline-flex}.copy-box{gap:6px;margin-top:14px;display:grid}.qr-box{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:min(260px,100%);padding:14px;display:grid}.qr-box svg{width:100%;height:auto;display:block}.guest-shell{place-items:start center;min-height:100vh;padding:28px;display:grid}.guest-page{width:min(960px,100%)}.guest-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.guest-list{gap:14px;display:grid}.guest-entry{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.calendar-list{gap:10px;display:grid}.calendar-grid{background:var(--line);grid-template-columns:repeat(7,minmax(145px,1fr));gap:1px;display:grid;overflow-x:auto}.calendar-day{background:var(--panel);align-content:start;min-height:150px;padding:10px;display:grid}.calendar-day.has-events{background:#fbfcf8}.calendar-day-header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.calendar-day-header strong{font-size:16px}.calendar-day-header span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:740}.calendar-day-events{gap:6px;display:grid}.calendar-pill{color:#214c35;background:#eef7f1;border:1px solid #b9d4c4;border-radius:8px;gap:2px;min-width:0;padding:8px;display:grid}.calendar-pill.clean{color:#7b351d;background:#fff0e8;border-color:#f0c5ad}.calendar-pill span,.calendar-pill small{font-size:11px;font-weight:740}.calendar-pill strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.calendar-pill small{color:inherit;opacity:.76}.calendar-event{border:1px solid var(--line);background:var(--panel-strong);border-radius:8px;gap:3px;padding:12px;display:grid}.calendar-event strong{font-size:14px}.calendar-event span{color:var(--muted);font-size:12px}.toast-preview{color:#214c35;background:#eef7f1;border:1px solid #b9d4c4;border-radius:8px;margin:0;padding:12px 14px;font-size:13px;font-weight:680}.empty-state{color:var(--muted);padding:18px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:var(--panel);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:8px;gap:20px;padding:28px;display:grid}.register-panel{width:min(760px,100%)}.register-footnotes{color:var(--muted);flex-wrap:wrap;gap:10px 14px;font-size:13px;display:flex}.register-footnotes span{align-items:center;gap:6px;display:inline-flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.form-alert{color:#8a3d22;background:#fff0e8;border-radius:8px;margin:0 0 18px;padding:12px;font-weight:680}.form-success{color:#27483e;background:#e9efe5;border-radius:8px;margin:0 0 18px;padding:12px;font-weight:680}.marketing-page{background:#f5f7f1;min-height:100vh;overflow-x:hidden}.marketing-hero{color:#fff;background-image:linear-gradient(90deg,#101817e6 0%,#101817b3 44%,#10181738 100%),url(/images/noxly-mountain-stay-hero.png);background-position:58%;background-size:cover;align-content:space-between;min-height:86dvh;padding:22px clamp(18px,4vw,56px) 50px;display:grid}.marketing-nav{justify-content:space-between;align-items:center;gap:18px;min-height:48px;display:flex}.marketing-logo{font-size:24px;font-weight:820}.marketing-nav-actions,.marketing-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.marketing-nav-actions>a:not(.btn){color:#ffffffdb;font-size:14px;font-weight:740}.marketing-nav-actions>a:not(.btn):hover{color:#fff}.marketing-hero .btn.secondary{color:#fff;background:#ffffff1f;border-color:#ffffff70}.marketing-hero-content{gap:18px;width:min(760px,100vw - clamp(36px,8vw,112px));padding:clamp(58px,10vh,96px) 0 24px;display:grid}.marketing-kicker{color:#fffc;overflow-wrap:anywhere;max-width:100%;margin:0;font-size:13px;font-weight:800}.marketing-hero h1{max-width:780px;font-size:clamp(44px,7vw,82px);line-height:.98}.marketing-lede{color:#ffffffd6;overflow-wrap:anywhere;max-width:640px;margin:0;font-size:clamp(17px,2vw,22px);line-height:1.45}.marketing-section,.marketing-band,.marketing-cta{padding:clamp(50px,7vw,92px) clamp(18px,4vw,56px)}.marketing-section{width:min(1180px,100%);margin:0 auto}.marketing-band{border-block:1px solid var(--line);background:#fff}.marketing-proof{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding-block:0;display:grid}.marketing-proof-item{background:#fff;gap:6px;min-width:0;padding:24px clamp(18px,3vw,38px);display:grid}.marketing-proof-item svg{color:var(--spruce)}.marketing-proof-item strong{font-size:16px}.marketing-proof-item span,.marketing-muted,.marketing-card p,.pricing-card p,.marketing-cta p{color:var(--muted);line-height:1.55}.marketing-workspace-section{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(28px,6vw,86px);display:grid}.marketing-workspace-copy{gap:16px;display:grid}.marketing-workspace-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.04}.ops-board{background:linear-gradient(135deg,#ffffffeb,#eef3ead1),#fff;border:1px solid #cdd9c8;border-radius:8px;gap:14px;padding:18px;display:grid;box-shadow:0 24px 70px #1018171a}.ops-board-header,.ops-board-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ops-board-header span,.ops-row span,.ops-row small,.ops-board-footer span{color:var(--muted);font-size:12px;font-weight:720}.ops-board-header strong{color:var(--forest)}.ops-board-grid{gap:8px;display:grid}.ops-row{background:#fff;border:1px solid #dbe5d7;border-radius:8px;grid-template-columns:130px minmax(0,1fr) 150px;align-items:center;gap:14px;min-width:0;padding:14px;display:grid}.ops-row strong{color:#22302b;min-width:0}.ops-board-footer{justify-content:flex-start}.ops-board-footer span{color:#31413b;background:#ffffffad;border:1px solid #d5dfd1;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:6px 10px;display:inline-flex}.marketing-section-heading{gap:10px;max-width:760px;margin-bottom:28px;display:grid}.marketing-section-heading h2,.marketing-split h2,.marketing-cta h2{font-size:clamp(30px,4vw,46px);line-height:1.08}.marketing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:14px;display:grid}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.marketing-card,.pricing-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;min-width:0;padding:22px;display:grid;box-shadow:0 16px 45px #1018170f}.marketing-card.feature-wide{grid-column:span 2}.marketing-card.feature-accent{background:var(--forest);color:#fff}.marketing-card.feature-accent p{color:#ffffffc2}.marketing-card.feature-accent .feature-tile-icon{color:#fff;background:#ffffff21}.marketing-card.feature-muted{background:#eef3ea}.marketing-card p,.pricing-card p{margin:0}.marketing-split{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(24px,5vw,72px);width:min(1180px,100%);margin:0 auto;display:grid}.marketing-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.marketing-steps li{border:1px solid var(--line);background:var(--sage);border-radius:8px;align-items:flex-start;gap:12px;padding:16px;display:flex}.marketing-steps svg{color:var(--success);flex:none;margin-top:2px}.marketing-steps strong{color:#21312d;margin-bottom:3px;display:block}.pricing-card{align-content:space-between}.pricing-card.featured{background:#eff7f1;border-color:#91b7a8}.pricing-card strong{color:var(--forest);font-size:38px;display:block}.pricing-card .btn{width:100%}.marketing-cta{width:min(1180px,100% - 36px);color:var(--ink);background:#fff;border:1px solid #cbd8c6;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin:0 auto 44px;display:flex;box-shadow:0 18px 55px #10181712}.marketing-cta p{max-width:680px}.marketing-cta .btn.secondary{color:var(--forest);background:#f7f9f4;border-color:#cbd8c6}.marketing-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px clamp(18px,4vw,56px);font-size:13px;display:flex}.marketing-footer span{align-items:center;gap:6px;display:inline-flex}@media (max-width:1040px){.app-shell{grid-template-columns:1fr}.sidebar{padding:18px 20px;position:static}.nav-list{grid-template-columns:repeat(4,max-content);overflow-x:auto}.content-grid,.status-strip,.feature-grid,.marketing-proof,.marketing-feature-grid,.pricing-grid,.marketing-split,.marketing-workspace-section{grid-template-columns:1fr}.marketing-card.feature-wide{grid-column:auto}.marketing-cta{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.main,.guest-shell{padding:18px}.topbar,.panel-header,.guest-header{flex-direction:column;align-items:flex-start}.metric-grid,.form-grid,.form-grid.three{grid-template-columns:1fr}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:24px}.marketing-hero{padding-inline:20px;min-height:86dvh;padding-bottom:34px;overflow:hidden}.marketing-nav{flex-direction:column;align-items:flex-start}.marketing-nav-actions{gap:10px;width:100%}.marketing-nav-actions .btn,.marketing-actions .btn{width:100%}.marketing-nav-actions .btn{min-height:48px}.marketing-hero-content{gap:14px;width:100%;max-width:calc(100vw - 40px);padding-top:46px}.marketing-kicker,.marketing-lede{width:100%;max-width:min(360px,100vw - 40px)}.marketing-hero h1{font-size:42px}.marketing-lede{font-size:16px}.ops-row{grid-template-columns:1fr;align-items:start;gap:5px}.ops-board{padding:14px}.marketing-section-heading h2,.marketing-split h2,.marketing-workspace-copy h2,.marketing-cta h2{font-size:26px}}
