:root {
  --ink: #153d38;
  --ink-2: #315b55;
  --cream: #f8f5ed;
  --paper: #fffdf8;
  --line: #dddace;
  --coral: #ef765f;
  --coral-dark: #d85e4a;
  --mint: #b9dfcd;
  --mint-light: #e5f2eb;
  --yellow: #f2c96d;
  --blue: #b9dfe5;
  --shadow: 0 24px 60px rgba(21,61,56,.13);
  --radius: 22px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-height: 100vh; background: var(--cream); color: var(--ink); font-family: "DM Sans", sans-serif; }
button, input, select { font: inherit; }
button { color: inherit; }
.grain { position: fixed; inset: 0; pointer-events: none; opacity: .12; z-index: 100; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E"); }
.topbar { height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(22px, 5vw, 78px); border-bottom: 1px solid rgba(21,61,56,.12); background: rgba(248,245,237,.91); backdrop-filter: blur(12px); position: sticky; top: 0; z-index: 50; }
.brand { display: flex; align-items: center; gap: 10px; border: 0; background: transparent; cursor: pointer; font: 800 22px "Manrope"; letter-spacing: -.6px; }
.brand-mark { display: grid; place-items: center; width: 37px; height: 37px; color: var(--coral); }
.brand-mark svg { width: 100%; height: 100%; }
.top-actions { display: flex; align-items: center; gap: 18px; }
.private-pill { display: flex; align-items: center; gap: 7px; padding: 7px 10px; background: rgba(185,223,205,.45); border: 1px solid rgba(21,61,56,.12); border-radius: 100px; font-size: 12px; font-weight: 700; }
.private-pill span { width: 7px; height: 7px; border-radius: 50%; background: #479e76; box-shadow: 0 0 0 3px rgba(71,158,118,.13); }
.role-switch { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--ink-2); }
.role-switch select { border: 1px solid var(--line); background: var(--paper); border-radius: 9px; padding: 7px 28px 7px 10px; color: var(--ink); font-weight: 700; }
.notification-button { width: 38px; height: 38px; position: relative; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--paper); cursor: pointer; font-size: 20px; }
.notification-button b { position: absolute; right: -4px; top: -5px; min-width: 18px; height: 18px; display: grid; place-items: center; padding: 0 4px; border-radius: 20px; background: var(--coral); color: white; border: 2px solid var(--cream); font-size: 8px; }
.avatar { width: 38px; height: 38px; border-radius: 50%; border: 0; background: var(--ink); color: white; font-size: 12px; font-weight: 800; cursor: pointer; }
.view { display: none; }
.view.active { display: block; }
.hero { min-height: 610px; max-width: 1440px; margin: 0 auto; padding: 64px clamp(24px, 7vw, 112px) 54px; display: grid; grid-template-columns: .86fr 1.14fr; gap: 50px; align-items: center; overflow: hidden; }
.hero-copy { position: relative; z-index: 3; }
.eyebrow { width: fit-content; display: flex; align-items: center; gap: 7px; padding: 7px 12px; background: var(--mint-light); border-radius: 100px; color: var(--ink-2); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.15px; }
.eyebrow span { color: var(--coral); }
h1, h2, h3 { font-family: "Manrope", sans-serif; margin: 0; }
h1 { margin: 21px 0 18px; font-size: clamp(54px, 6vw, 86px); line-height: .98; letter-spacing: -4.3px; }
h1 em { color: var(--coral); font-style: normal; position: relative; }
h1 em:after { content: ""; position: absolute; left: 2%; right: 0; bottom: -6px; height: 8px; background: url("data:image/svg+xml,%3Csvg width='300' height='10' viewBox='0 0 300 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 7C80 1 206 2 298 5' stroke='%23ef765f' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100%; }
.hero-copy > p { max-width: 530px; font-size: 18px; line-height: 1.65; color: var(--ink-2); }
.hero-actions { display: flex; gap: 12px; margin: 30px 0 38px; }
.btn { border: 0; border-radius: 12px; padding: 12px 18px; cursor: pointer; font-weight: 700; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, opacity .18s ease; }
.btn:hover:not(:disabled) { transform: translateY(-2px); }
.btn:disabled { opacity: .43; cursor: not-allowed; }
.btn-primary { background: var(--coral); color: white; box-shadow: 0 8px 20px rgba(239,118,95,.22); }
.btn-primary:hover:not(:disabled) { background: var(--coral-dark); box-shadow: 0 11px 24px rgba(239,118,95,.3); }
.btn-quiet { background: transparent; border: 1px solid rgba(21,61,56,.25); }
.btn-quiet:hover:not(:disabled) { background: var(--paper); }
.btn-large { padding: 15px 22px; }
.trust-row { display: flex; align-items: center; gap: 14px; }
.mini-avatars { display: flex; }
.mini-avatars span { width: 33px; height: 33px; display: grid; place-items: center; border: 2px solid var(--cream); border-radius: 50%; margin-right: -8px; color: var(--ink); font-size: 10px; font-weight: 800; }
.mini-avatars span:nth-child(1) { background: var(--yellow); } .mini-avatars span:nth-child(2) { background: var(--blue); } .mini-avatars span:nth-child(3) { background: var(--mint); }
.trust-row p { margin: 0 0 0 7px; color: var(--ink-2); font-size: 12px; line-height: 1.45; }
.trust-row strong { color: var(--ink); }
.hero-visual { position: relative; height: 490px; border-radius: 50% 45% 48% 52%; background: #d8ede2; overflow: hidden; transform: rotate(-1.5deg); }
.hero-visual:before { content: ""; position: absolute; inset: auto -10% -35% 3%; height: 85%; background: #8dbca6; border-radius: 50% 50% 0 0; transform: rotate(-6deg); }
.hero-visual:after { content: ""; position: absolute; inset: auto -20% -48% 30%; height: 90%; background: #467c6f; border-radius: 50% 0 0 0; transform: rotate(9deg); }
.sun { position: absolute; width: 72px; height: 72px; border-radius: 50%; background: var(--yellow); top: 63px; right: 98px; box-shadow: 0 0 0 12px rgba(242,201,109,.15); }
.cloud { position: absolute; width: 90px; height: 22px; background: rgba(255,255,255,.74); border-radius: 50px; }
.cloud:before, .cloud:after { content: ""; position: absolute; background: inherit; border-radius: 50%; }
.cloud:before { width: 38px; height: 38px; left: 18px; bottom: 0; }.cloud:after { width: 29px; height: 29px; left: 48px; bottom: 0; }
.cloud-one { top: 90px; left: 42px; transform: scale(.65); }.cloud-two { top: 145px; right: 28px; transform: scale(.45); }
.route-line { position: absolute; width: 250px; height: 150px; right: 16px; bottom: 70px; border: 3px dashed rgba(255,255,255,.5); border-color: rgba(255,255,255,.6) transparent transparent transparent; border-radius: 50%; transform: rotate(17deg); z-index: 2; }
.floating-card { position: absolute; z-index: 4; background: var(--paper); box-shadow: var(--shadow); border: 1px solid rgba(21,61,56,.09); }
.trip-preview { width: 330px; left: 52px; top: 70px; border-radius: 22px; overflow: hidden; transform: rotate(2deg); }
.preview-image { height: 148px; overflow: hidden; position: relative; background: linear-gradient(#addfe4 0 62%,#eac68b 62%); }
.mountain { position: absolute; bottom: -30px; width: 190px; height: 130px; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.mountain-back { right: 6px; background: #799f92; }.mountain-front { left: -18px; bottom: -42px; width: 240px; height: 160px; background: #315e55; }
.preview-tag { position: absolute; left: 13px; top: 13px; padding: 6px 9px; border-radius: 7px; background: rgba(255,253,248,.91); font-size: 10px; font-weight: 800; }
.preview-body { padding: 18px; }.preview-body p { margin: 0 0 6px; font-size: 10px; letter-spacing: 1.2px; color: var(--coral); font-weight: 800; }.preview-body h3 { font-size: 20px; }
.progress { height: 5px; margin: 18px 0 8px; border-radius: 9px; background: #e6e3d9; overflow: hidden; }.progress span { height: 100%; display: block; background: var(--coral); }
.preview-foot { display: flex; justify-content: space-between; font-size: 10px; color: #6d817c; }
.schedule-preview { right: 25px; bottom: 45px; width: 300px; padding: 15px; border-radius: 15px; display: grid; grid-template-columns: 50px 1fr 34px; align-items: center; gap: 12px; transform: rotate(-2deg); }
.schedule-time { display: flex; flex-direction: column; font-size: 11px; }.schedule-time span { color: var(--coral); font-size: 9px; font-weight: 800; }.schedule-preview p { margin: 0 0 3px; font-size: 12px; font-weight: 700; }.schedule-preview small { font-size: 10px; color: #74847f; }.schedule-icon { width: 34px; height: 34px; display: grid; place-items: center; background: var(--yellow); border-radius: 9px; }
.pin { position: absolute; z-index: 3; color: var(--paper); }.pin-one { font-size: 25px; left: 24px; bottom: 92px; }.pin-two { font-size: 18px; top: 28px; left: 43%; }
.benefits { border-top: 1px solid rgba(21,61,56,.13); border-bottom: 1px solid rgba(21,61,56,.13); max-width: 1290px; margin: 0 auto; padding: 34px clamp(20px, 3vw, 45px); display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; }
.benefits article { display: flex; align-items: center; gap: 16px; }.benefit-icon { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; font: 800 12px "Manrope"; }.benefit-icon.coral{background:#f5c4b9}.benefit-icon.yellow{background:#f4d98f}.benefit-icon.green{background:#c6e5d5}.benefits h3{font-size:15px;margin-bottom:4px}.benefits p{font-size:12px;line-height:1.45;color:#66807a;margin:0}
.plans-section { max-width: 1290px; margin: 0 auto; padding: 86px 24px 110px; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 28px; }.section-heading h2 { font-size: 36px; letter-spacing: -1.6px; }.section-heading p { color: #6a817c; }
.kicker { display: block; color: var(--coral); font-size: 11px; font-weight: 800; letter-spacing: 1.6px; margin-bottom: 10px; }
.plan-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; align-items: stretch; }
.plan-card { position: relative; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,253,248,.75); padding: 25px 22px; display: flex; flex-direction: column; min-height: 290px; transition: .2s ease; }.plan-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(21,61,56,.08)}.plan-card.featured{background:var(--ink);color:white;border-color:var(--ink);}.plan-card .recommended{position:absolute;right:17px;top:17px;background:var(--yellow);color:var(--ink);font-size:9px;font-weight:800;padding:5px 8px;border-radius:7px;letter-spacing:.7px}.plan-card h3{font-size:19px}.plan-price{font:800 36px "Manrope";letter-spacing:-1.5px;margin:17px 0 3px}.plan-price sup{font-size:15px;vertical-align:top;line-height:2}.plan-price small{font:500 11px "DM Sans";letter-spacing:0;opacity:.7}.plan-description{font-size:12px;line-height:1.5;color:#68807a;min-height:38px}.featured .plan-description{color:#c4d4d0}.plan-features{list-style:none;padding:0;margin:17px 0 24px;display:grid;gap:8px;font-size:12px}.plan-features li:before{content:"✓";color:var(--coral);font-weight:800;margin-right:7px}.plan-card .btn{margin-top:auto;width:100%}.featured .btn-quiet{color:white;border-color:rgba(255,255,255,.4)}
.plan-card.agency-plan{background:linear-gradient(160deg,#fff9e7,#f5e3a9);border:2px solid #e1bd58;padding:24px 21px}.plan-card.featured h3,.plan-card.agency-plan h3{padding-top:27px}.plan-card.agency-plan .recommended{background:var(--ink);color:white}.plan-card.agency-plan .btn{background:var(--ink);color:white;border-color:var(--ink)}
.collaboration-addons { margin-top: 18px; border: 1px solid rgba(21,61,56,.2); border-radius: 22px; padding: 24px; background: linear-gradient(135deg,#e2f0e8,#f8edcf); display: grid; grid-template-columns: 1fr 1.2fr; gap: 28px; align-items: center; }
.agency-addon-copy { display: flex; gap: 16px; align-items: flex-start; }.agency-addon-copy .kicker{margin-bottom:5px}.agency-addon-copy h3{font-size:18px}.agency-addon-copy p{margin:7px 0 0;color:#55716a;font-size:12px;line-height:1.5}.agency-seal{flex:0 0 50px;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:var(--ink);color:white;font:800 13px "Manrope";box-shadow:inset 0 0 0 5px rgba(255,255,255,.12)}
.addon-price-list { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.addon-price-list>div{background:rgba(255,253,248,.7);border:1px solid rgba(21,61,56,.1);border-radius:11px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.addon-price-list span{font-size:10px}.addon-price-list strong{font-size:13px;white-space:nowrap}.addon-price-list small{font:500 8px "DM Sans";color:#75857f}
.addons-for-all{grid-column:1/-1;margin:0 0 2px;font-size:9px;font-weight:800;letter-spacing:1.2px;color:#637a74}

.app-shell.active { min-height: calc(100vh - 76px); display: grid; grid-template-columns: 225px 1fr; max-width: 1500px; margin: 0 auto; }
.sidebar { background: rgba(255,253,248,.64); border-right: 1px solid var(--line); padding: 34px 18px 22px; display: flex; flex-direction: column; justify-content: space-between; min-height: calc(100vh - 76px); }
.sidebar-label { font-size: 9px; font-weight: 800; letter-spacing: 1.4px; color: #81928e; margin: 0 12px 10px; }
.nav-item { width: 100%; display: flex; align-items: center; gap: 11px; padding: 11px 12px; margin: 3px 0; border: 0; background: transparent; border-radius: 10px; color: #58716b; cursor: pointer; text-align: left; font-size: 13px; font-weight: 600; }.nav-item:hover{background:#edf0e9}.nav-item.active{background:var(--mint-light);color:var(--ink);font-weight:800}.nav-item span{width:18px;text-align:center}.sidebar-bottom{display:grid;gap:4px}.plan-mini{border:1px solid var(--line);border-radius:12px;padding:13px;margin:0 4px 15px;background:var(--paper)}.plan-mini small{display:block;font-size:9px;color:var(--coral);font-weight:800;letter-spacing:1px}.plan-mini strong{display:block;margin-top:4px;font-size:13px}.plan-mini p{font-size:10px;color:#71847f;margin:3px 0 0}.workspace{padding:42px clamp(26px,5vw,72px);min-width:0}.panel{display:none}.panel.active{display:block}.workspace-header{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:28px}.workspace-header h2{font-size:34px;letter-spacing:-1.5px}.workspace-header>div>p{margin:7px 0 0;color:#69817b;font-size:14px}.header-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.trip-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:24px}.stat-card{border:1px solid var(--line);background:rgba(255,253,248,.72);padding:17px;border-radius:15px}.stat-card span{display:block;color:#7c8d89;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.stat-card strong{font:800 22px "Manrope";display:block;margin-top:5px}.main-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px}.content-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px}.content-card h3{font-size:16px;margin-bottom:17px}.date-card{position:relative;overflow:hidden;background:var(--ink);color:white;min-height:205px}.date-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;bottom:-85px;background:#4c7b70}.date-card .date-range{font:800 25px "Manrope";position:relative;z-index:2}.date-card .date-meta{font-size:12px;color:#c5d4d0;position:relative;z-index:2}.lock-badge{display:inline-flex;align-items:center;gap:6px;border-radius:100px;padding:6px 9px;background:rgba(255,255,255,.13);font-size:10px;margin-top:14px;position:relative;z-index:2}.date-edit-row{position:relative;z-index:2;display:flex;gap:8px;margin-top:16px}.date-edit-row input{min-width:0;width:100%;padding:8px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:white;color-scheme:dark}.date-edit-row .btn{padding:8px 11px;background:var(--coral);white-space:nowrap}.activity-list{display:grid;gap:10px}.activity{display:grid;grid-template-columns:50px 38px 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid #ebe8df;border-radius:12px}.activity time{font-size:11px;font-weight:800}.activity-icon{width:36px;height:36px;display:grid;place-items:center;background:var(--mint-light);border-radius:10px}.activity strong{display:block;font-size:12px}.activity small{color:#81908c;font-size:10px}.activity button{border:0;background:transparent;color:#879590;cursor:pointer}.empty-state{text-align:center;padding:40px 16px;color:#788a86}.empty-state .empty-icon{font-size:32px}.empty-state h3{color:var(--ink);margin:8px 0}.viewer-banner{max-width:900px;margin:0 0 22px;padding:13px 16px;border-radius:13px;background:#fff2cd;border:1px solid #e9d28f;display:flex;gap:12px;align-items:center}.viewer-banner>span{font-size:18px}.viewer-banner strong{font-size:12px}.viewer-banner p{font-size:10px;margin:2px 0 0;color:#756744}.hidden{display:none!important}.day-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:7px;margin-bottom:18px}.day-tab{flex:0 0 auto;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:11px}.day-tab.active{background:var(--ink);color:white;border-color:var(--ink)}.itinerary-day{font-size:12px;color:#6c817c;margin-bottom:10px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.person{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ece9e0}.person:last-child{border-bottom:0}.person-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-size:11px;font-weight:800}.person-info{flex:1}.person strong{display:block;font-size:12px}.person small{color:#82918d;font-size:10px}.role-badge{font-size:9px;font-weight:800;background:#edf0e9;padding:5px 8px;border-radius:100px}.role-badge.editor{background:#fde2db;color:#a64634}.capacity-row{display:flex;justify-content:space-between;font-size:11px;margin:12px 0 7px}.capacity-track{height:6px;background:#e8e7df;border-radius:10px;overflow:hidden}.capacity-track span{display:block;height:100%;background:var(--coral)}
.reservation-modal{width:min(760px,100%)}.field-help{font-size:10px;color:#73847f;font-weight:500}.reservation-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.liquidation-alerts{display:grid;grid-template-columns:minmax(220px,.8fr) 2fr;gap:16px;padding:16px;margin-bottom:18px;border:1px solid #f0c5ad;border-radius:16px;background:#fff8f3}.liquidation-alert-heading{display:flex;gap:11px;align-items:flex-start}.liquidation-alert-heading>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--coral);color:white;font-weight:800}.liquidation-alert-heading strong{display:block;font-size:13px}.liquidation-alert-heading p{font-size:10px;color:#7d756e;margin:4px 0 0}.liquidation-alert-list{display:grid;gap:6px}.liquidation-alert{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;background:white;border:1px solid #efe4db}.liquidation-alert div strong,.liquidation-alert div small{display:block}.liquidation-alert div strong{font-size:10px}.liquidation-alert div small{font-size:8px;color:#86908d}.liquidation-alert>span{font-size:10px;font-weight:800}.liquidation-alert>b{font-size:9px;color:#63756f}.liquidation-alert.overdue,.liquidation-alert.today{border-color:#e4a597;background:#fff2ef}.liquidation-alert.overdue>b,.liquidation-alert.today>b{color:#b24b39}.reservation-filters{display:flex;gap:7px;overflow:auto;padding:2px 0 14px}.reservation-filters button{white-space:nowrap;border:1px solid var(--line);background:var(--paper);border-radius:100px;padding:8px 11px;font-size:10px;font-weight:700;cursor:pointer}.reservation-filters button.active{background:var(--ink);border-color:var(--ink);color:white}.reservation-list{display:grid;gap:10px}.reservation-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:start;padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.reservation-card.cancelled{opacity:.58}.reservation-card.settled{border-color:#bfd8c5}.reservation-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--mint-light);font-size:20px}.reservation-icon.flight{background:#dbecef}.reservation-icon.hotel,.reservation-icon.airbnb{background:#f5dfba}.reservation-icon.car,.reservation-icon.rental{background:#e0e6d9}.reservation-icon.tour{background:#f6d4ca}.reservation-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:3px}.reservation-type{font-size:8px;color:#70847f;font-weight:800;text-transform:uppercase;letter-spacing:1px}.reservation-status,.due-badge{font-size:8px;font-weight:800;padding:4px 7px;border-radius:20px;background:#eeeae0;color:#6d7b77}.reservation-status.confirmed{background:#dceceb;color:#34736e}.reservation-status.paid{background:#dceedd;color:#3a774a}.reservation-status.cancelled{background:#f3d7d1;color:#a64e3d}.due-badge{background:#edf0e9;color:#65736c}.due-badge.overdue,.due-badge.today{background:#f8dcd6;color:#a94c3a}.due-badge.soon{background:#fff0c9;color:#8a6723}.reservation-main h3{font-size:14px;margin:0 0 3px}.reservation-main>p{font-size:10px;color:#758681;margin:0}.reservation-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:9px;font-size:9px;color:#697e78}.reservation-notes{display:block;margin-top:8px;color:#81908c;font-size:9px}.payment-control{margin-top:12px;padding:11px;border-radius:12px;background:#f6f7f2}.payment-figures{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-figures span{font-size:8px;color:#758681}.payment-figures b{display:block;margin-top:2px;font-size:11px;color:var(--ink)}.payment-figures .balance b{color:var(--coral)}.payment-progress{height:6px;margin-top:9px;overflow:hidden;border-radius:10px;background:#e3e5df}.payment-progress span{display:block;height:100%;border-radius:10px;background:#56a072}.liquidation-date{margin-top:7px;font-size:9px;color:#687a75}.payment-history{margin-top:10px;font-size:9px;color:#63736e}.payment-history>strong{display:block;margin-bottom:5px}.payment-history.empty-payment{color:#8b9793}.payment-row{display:grid;grid-template-columns:minmax(0,1fr) auto 22px;gap:8px;align-items:center;padding:5px 0;border-top:1px dashed #dcddd7}.payment-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-row button{width:21px;height:21px;border:0;border-radius:6px;background:#f4dfda;color:#a94d3c;cursor:pointer}.reservation-side{text-align:right;min-width:135px}.reservation-side>strong{display:block;font:800 16px "Manrope"}.reservation-side>small{display:block;color:#85938f;font-size:8px}.reservation-side>a{display:block;margin-top:9px;color:var(--coral);font-size:9px;font-weight:700;text-decoration:none}.add-payment{width:100%;margin-top:10px;border:0;border-radius:8px;padding:8px 9px;background:var(--coral);color:white;font-size:9px;font-weight:800;cursor:pointer}.reservation-actions{display:flex;justify-content:flex-end;gap:5px;margin-top:8px}.reservation-actions button{border:1px solid var(--line);background:white;border-radius:7px;padding:5px 8px;font-size:9px;cursor:pointer}.reservation-actions .delete-reservation{color:#b85846}.reservation-empty{grid-column:1/-1}.payment-modal{width:min(590px,100%)}.payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:-8px 0 18px}.payment-summary>div{padding:11px;border-radius:11px;background:#f3f4ee}.payment-summary span,.payment-summary strong{display:block}.payment-summary span{font-size:9px;color:#72817d}.payment-summary strong{margin-top:3px;font-size:14px}.payment-summary .pending{background:#fff0ea}.payment-summary .pending strong{color:var(--coral)}
.agency-tools { margin-bottom: 18px; padding: 16px 18px; display: flex; align-items: center; gap: 14px; border-radius: 16px; background: linear-gradient(110deg,#143f39,#295f55); color: white; overflow: hidden; position: relative; }
.agency-tools:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.07);right:-30px;top:-55px}.agency-tools-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--yellow);color:var(--ink);font-weight:800;z-index:1}.agency-tools>div{flex:1;z-index:1}.agency-tools strong{display:block;font:700 13px "Manrope"}.agency-tools p{font-size:10px;color:#c7d7d3;margin:3px 0 0}.agency-tools .btn{z-index:1;background:white;color:var(--ink);padding:9px 13px;font-size:11px}.agency-tools .btn:disabled{opacity:.4}
.publication-status{display:inline-flex;align-items:center;padding:7px 10px;border-radius:100px;background:#eceae2;color:#75827f;font-size:10px;font-weight:800}.publication-status.published{background:#d8eedf;color:#327253}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.community-form{display:grid;gap:14px}.community-form h3{margin-bottom:2px}.publish-switch{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.publish-switch>span{flex:1}.publish-switch strong,.publish-switch small{display:block}.publish-switch strong{font-size:11px}.publish-switch small{font-size:9px;color:#758782;margin-top:2px}.publish-switch input{position:absolute;opacity:0;pointer-events:none}.publish-switch i{width:40px;height:22px;background:#cccac3;border-radius:30px;position:relative;transition:.2s}.publish-switch i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.publish-switch input:checked+i{background:#4b9a72}.publish-switch input:checked+i:after{transform:translateX(18px)}.community-preview-wrap{position:sticky;top:110px}.community-preview{overflow:hidden;border-radius:20px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.community-cover{height:175px;padding:18px;display:flex;justify-content:space-between;align-items:flex-start;color:white;background:linear-gradient(145deg,rgba(20,63,57,.12),rgba(20,63,57,.55)),linear-gradient(135deg,#9ed5d8,#438171);position:relative}.community-cover:after{content:"";position:absolute;width:230px;height:115px;left:35px;bottom:-45px;background:#1e5148;clip-path:polygon(50% 0,100% 100%,0 100%)}.community-cover span,.community-cover b{position:relative;z-index:1}.community-cover span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.community-cover b{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.9);color:var(--ink);font-size:9px}.community-preview-body{padding:20px}.community-preview-body>small{color:var(--coral);font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.community-preview-body h3{font-size:22px;margin:5px 0 7px}.community-preview-body>p{font-size:11px;line-height:1.5;color:#617b75;min-height:34px}.community-cost{display:grid;grid-template-columns:1fr auto;align-items:end;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:15px 0}.community-cost span{font-size:9px;text-transform:uppercase;color:#81908c}.community-cost strong{grid-row:1/3;grid-column:2;font:800 19px "Manrope"}.community-cost small{font-size:9px;color:#81908c}.community-includes b{font-size:10px;text-transform:uppercase;letter-spacing:1px}.community-includes ul{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:9px 0 0;padding:0;list-style:none}.community-includes li{font-size:10px}.community-includes li:before{content:"✓";color:#4b9a72;margin-right:6px;font-weight:800}.community-share{width:100%;margin-top:10px}.upgrade-community{max-width:700px;margin:40px auto;padding:52px;text-align:center;border:1px solid var(--line);border-radius:24px;background:linear-gradient(150deg,#fffdf8,#f7e9bd)}.upgrade-community .agency-seal{margin:0 auto 16px}.upgrade-community h2{font-size:32px;letter-spacing:-1.2px}.upgrade-community p{max-width:520px;margin:12px auto 22px;color:#647c76;line-height:1.6;font-size:13px}

.modal-backdrop { position: fixed; inset: 0; z-index: 80; background: rgba(10,38,34,.52); backdrop-filter: blur(8px); display: grid; place-items: center; padding: 20px; }
.modal { width: min(720px, 100%); max-height: 92vh; overflow-y: auto; background: var(--paper); border-radius: 24px; padding: 32px; box-shadow: 0 30px 100px rgba(0,0,0,.24); position: relative; }
.compact-modal{width:min(560px,100%)}.modal-close{position:absolute;right:19px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:#efeee8;font-size:22px;cursor:pointer}.modal h2{font-size:29px;letter-spacing:-1.2px}.modal-lead{color:#6e827d;font-size:13px;line-height:1.55;margin:9px 0 22px}.stepper{display:flex;gap:5px;margin-bottom:25px}.stepper span{width:32px;height:4px;background:#e5e2d8;border-radius:8px}.stepper span.active{background:var(--coral)}.wizard-step{display:none}.wizard-step.active{display:block}.modal-plan-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-plan-option{border:1px solid var(--line);border-radius:14px;padding:15px;text-align:left;background:white;cursor:pointer;position:relative}.modal-plan-option:hover{border-color:#9bb5ae}.modal-plan-option.selected{border:2px solid var(--coral);padding:14px;background:#fff9f6}.modal-plan-option strong{display:block;font:700 14px "Manrope"}.modal-plan-option p{font-size:10px;color:#70847f;margin:5px 0}.modal-plan-option b{font-size:16px}.modal-plan-option span{position:absolute;right:12px;top:12px;width:18px;height:18px;border:1px solid #bbc3c0;border-radius:50%}.modal-plan-option.selected span{background:var(--coral);border-color:var(--coral);box-shadow:inset 0 0 0 4px white}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:25px}.wizard-actions.end{justify-content:flex-end}.text-back{border:0;background:transparent;color:#71827e;font-size:11px;padding:0;margin-bottom:20px;cursor:pointer}form{display:grid;gap:15px}label{display:grid;gap:6px;font-size:11px;font-weight:700}input,select,textarea{width:100%;border:1px solid #d7d6cf;border-radius:10px;background:white;padding:11px 12px;color:var(--ink);outline:none}textarea{resize:vertical;min-height:95px}input:focus,select:focus,textarea:focus{border-color:#6c998c;box-shadow:0 0 0 3px rgba(108,153,140,.12)}input:disabled,textarea:disabled,select:disabled{background:#eeece5;color:#6f7b78}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.locked-input{position:relative}.locked-input input{padding-right:40px}.locked-input span{position:absolute;right:12px;top:11px;font-size:13px}.duration-note{padding:10px 12px;background:var(--mint-light);border-radius:10px;color:#4b6b64;font-size:11px}.checkout-card{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fbfaf5}.checkout-row{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:12px}.checkout-row.total{border-top:1px solid var(--line);margin-top:8px;padding-top:15px;font-weight:800;font-size:15px}.checkout-row small{display:block;color:#87938f;margin-top:3px}.collaboration-extra{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:14px 17px;margin-top:12px}.collaboration-extra strong,.extras-heading strong{display:block;font-size:12px}.collaboration-extra small,.extras-heading small{font-size:10px;color:#82908d}.counter{display:flex;align-items:center;gap:12px}.counter button{width:29px;height:29px;border:1px solid var(--line);background:white;border-radius:8px;cursor:pointer}.counter span{font-weight:800}.viewer-extras{border:1px solid var(--line);border-radius:14px;padding:14px 17px;margin-top:10px}.extras-heading{margin-bottom:10px}.viewer-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.viewer-package-grid button{border:1px solid var(--line);border-radius:9px;background:white;padding:9px;text-align:left;cursor:pointer;color:var(--ink)}.viewer-package-grid button.selected{border-color:var(--coral);background:#fff4f0;box-shadow:inset 0 0 0 1px var(--coral)}.viewer-package-grid strong,.viewer-package-grid small{display:block}.viewer-package-grid strong{font-size:10px}.viewer-package-grid small{font-size:9px;color:#83908d;margin-top:2px}.notify-confirm{display:flex;align-items:center;gap:11px;padding:12px;border-radius:11px;background:var(--mint-light)}.notify-confirm>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--ink);color:white}.notify-confirm>div{flex:1}.notify-confirm strong{display:block;font-size:11px}.notify-confirm small{font-size:9px;color:#648078}.notify-confirm>b{font-size:9px;color:#317859;background:white;border-radius:20px;padding:5px 8px}.notification-list{display:grid;gap:9px}.notification-item{display:grid;grid-template-columns:36px 1fr;gap:11px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fbfaf5}.notification-item.unread{border-left:3px solid var(--coral)}.notification-item-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--mint-light)}.notification-item.news .notification-item-icon{background:#fff0c8}.notification-item.payment .notification-item-icon{background:#f8dcd6;color:#a54c3d;font-weight:800}.notification-item strong{display:block;font-size:11px}.notification-item p{font-size:10px;color:#687d78;margin:3px 0;line-height:1.45}.notification-item time{font-size:8px;color:#929c99}.toast{position:fixed;z-index:120;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:11px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s ease}.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width: 1000px) {.hero{grid-template-columns:1fr 1fr;padding-top:45px}.hero-visual{height:430px}.trip-preview{left:24px}.schedule-preview{right:10px}.plan-grid{grid-template-columns:1fr 1fr}.collaboration-addons{grid-template-columns:1fr}.main-grid{grid-template-columns:1fr}.people-grid,.community-grid{grid-template-columns:1fr}.community-preview-wrap{position:static}}
@media (max-width: 760px) {.topbar{height:66px;padding:0 16px}.private-pill,.role-switch>span{display:none}.top-actions{gap:8px}.notification-button{width:34px;height:34px}.role-switch select{padding:7px 25px 7px 8px}.hero{display:block;padding:40px 20px}.hero h1{font-size:54px;letter-spacing:-3px}.hero-visual{height:380px;margin-top:35px}.trip-preview{width:270px;left:20px;top:45px}.schedule-preview{width:250px;bottom:30px}.benefits{grid-template-columns:1fr;gap:22px;margin:0 20px}.section-heading{display:block}.section-heading p{font-size:12px}.plan-grid{grid-template-columns:1fr}.addon-price-list{grid-template-columns:1fr}.app-shell.active{grid-template-columns:1fr}.sidebar{min-height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);display:block;position:sticky;top:66px;z-index:20;overflow:auto}.sidebar>div:first-child{display:flex;gap:4px}.sidebar-label,.sidebar-bottom{display:none}.nav-item{white-space:nowrap;margin:0}.workspace{padding:26px 18px}.workspace-header{display:block}.header-actions{margin-top:16px}.trip-stats,.reservation-stats{grid-template-columns:1fr 1fr}.liquidation-alerts{grid-template-columns:1fr}.liquidation-alert{grid-template-columns:minmax(0,1fr) auto}.liquidation-alert>b{grid-column:1/-1}.reservation-card{grid-template-columns:42px minmax(0,1fr)}.reservation-icon{width:40px;height:40px}.reservation-side{grid-column:2;text-align:left;min-width:0}.reservation-actions{justify-content:flex-start}.add-payment{width:auto}.agency-tools{align-items:flex-start;flex-wrap:wrap}.agency-tools .btn{width:100%}.modal{padding:28px 20px}.modal-plan-list,.field-row{grid-template-columns:1fr}.modal h2{padding-right:28px}.people-grid{grid-template-columns:1fr}}
@media (max-width: 430px){.hero-actions{display:grid}.hero-visual{height:340px}.trip-preview{width:245px}.schedule-preview{width:230px}.workspace-header h2{font-size:28px}.header-actions{display:grid}.activity{grid-template-columns:44px 34px 1fr}.activity button{display:none}.upgrade-community{padding:30px 20px}.upgrade-community h2{font-size:26px}.community-includes ul{grid-template-columns:1fr}}