:root{
  --primary:#0f766e;
  --primary-2:#14b8a6;
  --accent:#f97316;
  --accent-2:#fbbf24;
  --ink:#102027;
  --muted:#64748b;
  --line:#e2e8f0;
  --surface:#ffffff;
  --soft:#f8fafc;
  --soft-2:#ecfeff;
  --danger:#dc2626;
  --success:#16a34a;
  --warning:#d97706;
  --radius:8px;
  --shadow:0 24px 70px rgba(15,23,42,.14);
  --shadow-soft:0 14px 34px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1180px,92%);margin-inline:auto}
.section{padding:86px 0}
.section-sm{padding:54px 0}
.mt{margin-top:26px}.mb{margin-bottom:26px}
.text-muted{color:var(--muted)}.text-center{text-align:center}.hide{display:none!important}

.navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.72)}
.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,92%);margin:auto}
.brand{display:flex;align-items:center;gap:10px;font-weight:950;font-size:1.15rem;letter-spacing:-.03em;color:#0f172a}
.brand .brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 12px 28px rgba(20,184,166,.22);font-weight:950}
.brand .brand-highlight{color:var(--primary)}
.nav-menu{display:flex;align-items:center;gap:4px}
.nav-menu a,.nav-dropbtn{padding:10px 14px;border-radius:999px;color:#334155;font-weight:750;font-size:.95rem;transition:.18s;background:transparent;border:0;font:inherit;cursor:pointer}
.nav-menu a:hover,.nav-dropbtn:hover,.nav-dropdown.open .nav-dropbtn{background:#ecfeff;color:#0f766e}
.btn-nav,.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important;box-shadow:0 16px 32px rgba(15,118,110,.22)}
.nav-toggle{display:none;width:42px;height:42px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;gap:4px;flex-direction:column;justify-content:center}
.nav-toggle span{display:block;height:2px;background:#0f172a;border-radius:999px}
.nav-dropdown{position:relative}
.nav-submenu{position:absolute;top:calc(100% + 10px);left:0;min-width:190px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft);padding:8px;display:none;z-index:80}
.nav-submenu-right{left:auto;right:0}
.nav-submenu a{display:block;border-radius:10px;white-space:nowrap}
.nav-dropdown:hover .nav-submenu,.nav-dropdown:focus-within .nav-submenu,.nav-dropdown.open .nav-submenu{display:block}
.dot{background:#ef4444;color:white;border-radius:999px;font-size:.7rem;padding:2px 6px;margin-left:4px}
.nav-icon-link,.nav-icon-button{position:relative;display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:42px;padding:0!important;border-radius:50%!important}
.nav-icon-link svg,.nav-icon-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-icon-danger{color:#b91c1c!important}
.nav-icon-danger:hover{background:#fef2f2!important;color:#991b1b!important}
.nav-mobile-label{display:none}
.nav-dot{position:absolute;top:3px;right:2px;margin:0;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;font-size:.68rem;line-height:1}

.hero{position:relative;overflow:hidden;min-height:690px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,47,46,.88),rgba(15,118,110,.55),rgba(15,23,42,.28)),url('../../upload/paket_gili.jpeg') center/cover no-repeat;color:#fff}
.hero:before{content:"";position:absolute;inset:auto 0 0 0;height:150px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) 420px;gap:40px;align-items:center;padding:70px 0 90px}
.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);font-weight:850;margin-bottom:22px}
.hero h1{font-size:clamp(2.7rem,6vw,5.5rem);line-height:.98;margin:0 0 20px;letter-spacing:-.07em;max-width:850px}
.hero p{font-size:1.13rem;max-width:650px;color:rgba(255,255,255,.86);margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-panel{align-self:end;background:rgba(255,255,255,.94);color:#0f172a;border-radius:30px;padding:24px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.55)}
.hero-panel h3{margin:0 0 14px;letter-spacing:-.04em;font-size:1.35rem}
.trip-search{display:grid;gap:12px}.trip-search input,.trip-search select{border:1px solid var(--line);border-radius:16px;padding:13px 14px;font:inherit;background:#fff}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;max-width:690px}
.metric{padding:16px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px)}
.metric b{display:block;font-size:1.45rem}.metric span{color:rgba(255,255,255,.78);font-size:.9rem}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 19px;font-weight:850;cursor:pointer;transition:.18s;line-height:1.2;background:#e2e8f0;color:#0f172a;font:inherit;font-weight:850}
.btn:hover{transform:translateY(-1px);filter:saturate(1.05)}
.btn-secondary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff!important;box-shadow:0 14px 28px rgba(249,115,22,.20)}
.btn-light{background:#fff;color:#0f172a;border:1px solid var(--line)}
.btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff}
.btn-success{background:linear-gradient(135deg,#22c55e,#15803d);color:#fff}
.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}
.btn-info{background:linear-gradient(135deg,#38bdf8,#2563eb);color:#fff}
.btn-sm{padding:8px 12px;font-size:.86rem}

.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid rgba(226,232,240,.9);border-radius:var(--radius);box-shadow:var(--shadow-soft);overflow:hidden}
.card-body{padding:26px}.card-title{margin:0 0 8px;font-size:1.32rem;letter-spacing:-.035em}.card p{margin-top:8px}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:32px}.section-title h1,.section-title h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.06em;margin:0}.section-title p{max-width:620px;margin:10px 0 0;color:var(--muted)}
.pill{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#ccfbf1;color:#0f766e;font-weight:850;font-size:.84rem}.pill-light{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.25)}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:900}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1d4ed8}.badge-primary{background:#ccfbf1;color:#0f766e}.badge-muted{background:#f1f5f9;color:#475569}

.paket-card{transition:.26s ease, transform .26s ease;border-radius:30px;overflow:hidden;border:1px solid rgba(15,23,42,.08);background:#fff}
.paket-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(15,23,42,.15)}
.paket-card .image-wrap{position:relative;overflow:hidden;border-radius:28px 28px 0 0}
.paket-card img{height:260px;width:100%;object-fit:cover;transition:transform .35s ease}
.paket-card:hover img{transform:scale(1.05)}
.paket-card .image-labels{position:absolute;left:16px;right:16px;bottom:16px;display:flex;justify-content:space-between;gap:10px}
.paket-card .image-labels .pill{background:rgba(255,255,255,.94);color:#0f172a}
.paket-card .image-labels .date-chip{background:rgba(15,23,42,.78);color:#fff;font-weight:700;padding:8px 14px;border-radius:999px}
.paket-card .card-body{padding:26px 24px 24px}
.paket-card .card-meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.paket-card .card-title{font-size:1.35rem;margin:0 0 12px;line-height:1.2;color:#0f172a}
.paket-card .card-copy{margin:0 0 18px;min-height:70px;color:#475569}
.paket-card .card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto}
.paket-card .price{font-size:1.45rem;font-weight:900;color:#0f766e;margin-bottom:4px}
.paket-card .price-note{font-size:.86rem;color:#64748b}
.paket-card .date-chip{background:rgba(56,189,248,.12);color:#0c4a6e;font-weight:700}
.paket-card .paket-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0}.card-copy{min-height:66px;margin:0 0 16px}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.date-chip{font-size:.85rem;font-weight:700;color:#0f766e;background:rgba(220,252,229,.95);padding:8px 12px;border-radius:999px}.price{font-size:1.5rem;font-weight:950;color:#0f766e;letter-spacing:-.03em}.price small{font-size:.85rem;font-weight:700;color:var(--muted)}

.feature-card{position:relative;min-height:230px}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(20,184,166,.13),transparent 36%);pointer-events:none}.feature-icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#ccfbf1;color:#0f766e;font-size:1.35rem;margin-bottom:16px}.destination-strip{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;align-items:stretch}.destination-photo{min-height:390px;border-radius:32px;background:linear-gradient(180deg,rgba(15,23,42,0),rgba(15,23,42,.72)),url('../../upload/paket_rinjani.jpg') center/cover no-repeat;display:flex;align-items:flex-end;padding:28px;color:#fff;box-shadow:var(--shadow)}.destination-photo h2{font-size:2.5rem;line-height:1;margin:0 0 10px;letter-spacing:-.06em}.check-list{display:grid;gap:14px}.check-item{display:flex;gap:12px;align-items:flex-start}.check-item b{display:block}.check-icon{width:30px;height:30px;flex:none;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#166534;font-weight:900}

.form{display:grid;gap:16px}
.form-group{display:grid;gap:7px}
.form label{font-weight:850;color:#334155}
.form input,.form select,.form textarea{width:100%;border:1px solid var(--line);border-radius:17px;padding:13px 14px;font:inherit;background:white;outline:none}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--primary-2);box-shadow:0 0 0 4px rgba(20,184,166,.12)}
.search-card{grid-template-columns:2fr 1fr auto;align-items:end;margin-bottom:28px}
.auth-wrap{position:relative;isolation:isolate;min-height:calc(100vh - 78px);display:grid;place-items:center;padding:82px 0;overflow:hidden;background:linear-gradient(135deg,rgba(236,254,255,.95) 0%,rgba(248,250,252,.96) 43%,rgba(255,247,237,.92) 100%),linear-gradient(120deg,#042f2e 0%,#0f766e 48%,#14b8a6 100%)}
.auth-wrap:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(118deg,rgba(15,118,110,.16) 0 31%,transparent 31% 100%),linear-gradient(302deg,transparent 0 56%,rgba(249,115,22,.1) 56% 100%),repeating-linear-gradient(135deg,rgba(15,118,110,.07) 0 1px,transparent 1px 22px)}
.auth-wrap:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.76))}
.auth-card{position:relative;width:min(540px,92%);background:rgba(255,255,255,.9);backdrop-filter:blur(22px);border:1px solid rgba(15,118,110,.14);border-radius:28px;padding:38px;box-shadow:0 32px 90px rgba(15,23,42,.14),0 1px 0 rgba(255,255,255,.85) inset;overflow:hidden}
.auth-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--primary),var(--primary-2),var(--accent))}
.auth-card .pill{background:#d1fae5;color:#0f766e;border:1px solid rgba(15,118,110,.1)}
.auth-card h1{margin:10px 0 8px;letter-spacing:-.055em;font-size:2.3rem;line-height:1.04;color:#0f172a}
.auth-card .text-muted{font-size:1rem;line-height:1.75}
.auth-card .form{gap:17px;margin-top:20px}
.auth-card .form-group{gap:8px}
.auth-card .form input,.auth-card .form select,.auth-card .form textarea{border-radius:14px;background:#fff;border-color:#dbe7e9;box-shadow:0 1px 0 rgba(15,23,42,.03)}
.auth-card .form input::placeholder,.auth-card .form textarea::placeholder{color:#94a3b8}
.auth-card .form input:focus,.auth-card .form select:focus,.auth-card .form textarea:focus{background:#fff;border-color:var(--primary-2);box-shadow:0 0 0 4px rgba(20,184,166,.12),0 12px 26px rgba(15,23,42,.06)}
.auth-card .form input:-webkit-autofill,.auth-card .form input:-webkit-autofill:hover,.auth-card .form input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px #fff inset,0 0 0 4px rgba(20,184,166,.1);-webkit-text-fill-color:#0f172a;caret-color:#0f172a;transition:background-color 9999s ease-out}
.auth-card .alert{margin:16px 0 0}
.alert{padding:14px 16px;border-radius:18px;margin:14px 0;border:1px solid var(--line)}.alert-success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.alert-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}

.table-wrap{overflow:auto;background:white;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f8fafc;color:#475569;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}tr:last-child td{border-bottom:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.page-hero{padding:72px 0;background:linear-gradient(135deg,#ecfeff,#fff7ed)}.page-hero h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.03;letter-spacing:-.06em;margin:0}.page-hero p{max-width:700px;color:var(--muted);font-size:1.05rem}.detail-hero{padding:52px 0}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:30px}.detail-image{height:455px;border-radius:34px;object-fit:cover;width:100%;box-shadow:var(--shadow)}.timeline{display:grid;gap:12px}.timeline-item{display:flex;gap:12px;align-items:center;padding:14px;border-radius:20px;background:#fff;border:1px solid var(--line)}.timeline-num{width:42px;height:42px;border-radius:16px;background:#ccfbf1;color:#0f766e;display:grid;place-items:center;font-weight:950;flex:none}.booking-card{position:sticky;top:96px}
.chat-box{height:430px;overflow:auto;border:1px solid var(--line);border-radius:24px;background:#f8fafc;padding:16px}.bubble{max-width:76%;padding:12px 14px;border-radius:18px;margin:8px 0;background:white;border:1px solid var(--line)}.bubble.me{margin-left:auto;background:#ccfbf1;border-color:#99f6e4}.invoice{max-width:900px;margin:40px auto;background:white;padding:42px;border-radius:28px;box-shadow:var(--shadow);border:1px solid var(--line)}.profile-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:white;font-size:2rem;font-weight:950}.print-only{display:none}

.footer{background:#071a1f;color:#cbd5e1;padding:62px 0 0}.footer h3,.footer h4{color:#fff;margin-top:0}.footer-grid{display:grid;grid-template-columns:1.4fr .75fr .9fr;gap:30px}.footer a{display:block;color:#cbd5e1;margin:8px 0}.footer a:hover{color:#fff}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:36px;padding:18px 0;text-align:center;color:#94a3b8;font-size:.92rem}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:950;color:#fff;font-size:1.25rem;margin-bottom:12px}.footer-brand .brand-mark{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}

.dashboard{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:#f8fafc}.sidebar{background:#082f32;color:white;padding:24px;position:sticky;top:0;height:100vh}.sidebar .brand{display:block;margin-bottom:24px;color:white}.sidebar a{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;color:#cbd5e1;margin:5px 0;font-weight:750}.sidebar a:hover,.sidebar a.active{background:rgba(255,255,255,.11);color:white}.main{padding:30px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.stat{padding:24px;border-radius:24px;background:white;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.stat span{color:var(--muted);font-weight:750}.stat h3{margin:6px 0 0;font-size:2rem;letter-spacing:-.04em}

.filter-form{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.admin-filter-card{padding:14px 16px}
.admin-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}
.form-span-2{grid-column:span 2}
.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inline-form input,.inline-form select{min-width:180px;border:1px solid var(--line);border-radius:12px;padding:9px 11px;font:inherit;background:#fff}
.admin-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.status-stack{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.guide-summary{margin-top:14px;padding:14px 16px;border-radius:14px;background:#ecfeff;border:1px solid #99f6e4;color:#0f766e}
.admin-split-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.media-row{display:flex;gap:12px;align-items:center}
.avatar-sm{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#ccfbf1;color:#0f766e;font-weight:950;overflow:hidden;flex:none}
.avatar-sm img{width:100%;height:100%;object-fit:cover}
.compact-title{margin-bottom:16px}
.compact-title h2{font-size:1.45rem!important}
.admin-booking-table{border-radius:14px}
.admin-booking-table th{font-size:.75rem;padding:11px 12px}
.admin-booking-table td{padding:12px;vertical-align:middle;font-size:.92rem}
.admin-booking-title{font-weight:850;margin-top:5px;line-height:1.25}
.mini-link{display:inline-flex;margin-top:4px;color:#0f766e;font-weight:850;font-size:.78rem}
.compact-status{gap:5px;justify-content:flex-start}
.admin-actions-compact{display:flex;align-items:center;justify-content:flex-end;gap:6px;position:relative}
.action-menu{position:relative}
.action-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:900;background:#fff;color:#0f172a}
.action-menu summary::-webkit-details-marker{display:none}
.action-menu[open] summary{background:#ecfeff;color:#0f766e;border-color:#99f6e4}
.action-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:90;width:280px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft);padding:10px;display:grid;gap:8px}
.status-action-menu{display:inline-block}
.status-action-menu summary{border:0;background:transparent!important;padding:0;border-radius:0;color:inherit}
.status-action-menu[open] summary{border:0;background:transparent!important}
.status-trigger{cursor:pointer;padding:4px;border-radius:12px;transition:.18s}
.status-trigger:hover{background:#f8fafc;box-shadow:0 0 0 1px var(--line)}
.status-action-panel{left:0;right:auto;width:300px}
.action-menu-panel .btn{width:100%;box-shadow:none}
.action-form{display:grid;gap:8px}
.action-form input,.action-form select{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;background:#fff;font-size:.88rem}
.detail-mini{display:grid;gap:3px;background:#f8fafc;border:1px solid var(--line);border-radius:11px;padding:9px 10px;font-size:.82rem;color:#475569}
.detail-mini b{color:#0f172a}
.action-note{display:block;padding:9px 10px;border-radius:11px;background:#f8fafc;color:#64748b;font-weight:850;font-size:.82rem}

.tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:18px 0 0}
.tabs a{padding:12px 16px;border-radius:12px 12px 0 0;font-weight:850;color:#475569}
.tabs a.active{background:#0f766e;color:#fff}
.compact-page-hero{padding:50px 0}
.booking-history-section{padding-top:42px}
.compact-history-title{margin-bottom:18px}
.compact-history-title h2{font-size:clamp(1.7rem,3vw,2.35rem)}
.compact-top-actions .btn{box-shadow:none}
.compact-alert{padding:10px 13px;border-radius:12px}
.compact-tabs{margin-bottom:18px}
.compact-tabs a{padding:9px 13px;border-radius:10px 10px 0 0;font-size:.92rem}
.booking-list{display:grid;gap:12px;margin-top:16px}
.booking-compact-card{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:0 10px 24px rgba(15,23,42,.055)}
.booking-compact-main{min-width:0}
.booking-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px}
.booking-code{display:inline-flex;align-items:center;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:900;font-size:.76rem;padding:4px 9px;letter-spacing:.02em}
.booking-compact-main h3{font-size:1.05rem;line-height:1.25;margin:0 0 4px;letter-spacing:-.02em;color:#0f172a}
.booking-meta{font-size:.9rem;margin:0;color:#64748b}
.booking-money{font-size:.98rem;font-weight:950;color:#0f766e;margin-top:5px}
.booking-compact-actions{display:grid;justify-items:end;gap:8px}
.compact-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.compact-actions .btn{box-shadow:none}
.mini-timeline{display:flex;gap:5px;margin-top:9px}
.mini-timeline span{width:22px;height:4px;border-radius:999px;background:#e2e8f0}
.mini-timeline span.done{background:#14b8a6}
.mini-guide{margin:8px 0 0;font-size:.87rem;color:#0f766e}
.mini-guide.muted{color:#64748b}
.mini-note{margin:7px 0 0;font-size:.86rem;color:#92400e}
.trip-card-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;align-items:start}
.timeline-progress{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.timeline-step{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#64748b;font-weight:800;font-size:.82rem}
.timeline-step span{width:9px;height:9px;border-radius:50%;background:#cbd5e1}
.timeline-step.done{background:#dcfce7;color:#166534}
.timeline-step.done span{background:#16a34a}
.offer-box{margin:14px 0;padding:14px 16px;border-radius:14px;border:1px solid #fed7aa;background:#fff7ed}

.private-hero{position:relative;overflow:hidden;min-height:620px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(4,47,46,.9),rgba(15,118,110,.62),rgba(15,23,42,.28)),url('../../upload/paket_senggigi.jpeg') center/cover no-repeat}
.private-hero:before{content:"";position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}
.private-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:end;padding:86px 0 112px}
.private-hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1;margin:16px 0 18px;letter-spacing:-.06em;max-width:780px}
.private-hero p{font-size:1.08rem;color:rgba(255,255,255,.86);max-width:650px}
.private-hero-panel{padding:24px;border-radius:18px;background:rgba(255,255,255,.93);color:#0f172a;box-shadow:var(--shadow)}
.mini-steps{display:grid;gap:10px;margin-top:14px}
.mini-steps span{padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);font-weight:800}
.benefits-grid{align-items:stretch}
.benefit-card{min-height:120px}
.benefit-card .card-body{height:100%;display:flex;align-items:center}
.process-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.process-steps-simple{grid-template-columns:repeat(4,minmax(0,1fr))}
.process-step{padding:16px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.process-step span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#ccfbf1;color:#0f766e;font-weight:950;margin-bottom:12px}
.process-step p{margin:8px 0 0;font-size:.9rem;line-height:1.5}
.request-form{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-optional-block{border:1px solid var(--line);border-radius:14px;background:#f8fafc;padding:12px 14px}
.form-optional-block summary{cursor:pointer;font-weight:900;color:#0f766e}
.optional-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:14px}


.auth-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:18px;border-top:1px solid rgba(226,232,240,.82)}
.auth-links p{margin:0;color:#64748b}
.link-primary{color:#0f766e!important;font-weight:900;text-decoration:none!important}
.link-primary:hover,.forgot-link:hover{text-decoration:none!important;color:#0b5f59!important}
.forgot-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 14px;border-radius:14px;background:#f0fdfa;color:#0f766e!important;font-weight:900;border:1px solid #99f6e4;position:relative;z-index:2;cursor:pointer;transition:.18s}
.forgot-link:hover{background:#ccfbf1;transform:translateY(-1px)}
.auth-card .btn-primary{width:100%;min-height:52px;border-radius:16px;font-size:.98rem;box-shadow:0 18px 34px rgba(15,118,110,.22)}

@media(max-width:960px){.nav-toggle{display:flex}.nav-menu{position:absolute;top:72px;left:4%;right:4%;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-menu.open{display:flex}.nav-menu a,.nav-dropbtn{width:100%;text-align:left;border-radius:10px}.nav-icon-link,.nav-icon-button{width:100%;height:auto;justify-content:flex-start!important;padding:10px 14px!important;border-radius:10px!important}.nav-mobile-label{display:inline;margin-left:8px}.nav-dot{position:static;margin-left:auto}.nav-submenu{position:static;box-shadow:none;border:0;border-left:2px solid #ccfbf1;border-radius:0;margin:2px 0 8px 12px;padding:4px 0 4px 8px}.nav-dropdown.open .nav-submenu{display:block}.hero,.private-hero{min-height:auto}.hero-grid,.private-hero-grid,.detail-grid,.dashboard,.destination-strip,.trip-card-grid,.booking-compact-card{grid-template-columns:1fr}.hero-panel{align-self:auto}.hero-metrics{grid-template-columns:1fr 1fr}.grid-2,.grid-3,.grid-4,.grid-5,.admin-form,.request-form,.filter-form,.optional-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.form-span-2{grid-column:auto}.sidebar{height:auto;position:static}.main{padding:20px}.search-card{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.detail-image{height:340px}.booking-card{position:static}.admin-card-head,.admin-split-actions{flex-direction:column;align-items:flex-start}.status-stack{justify-content:flex-start}.trip-card-grid .actions{justify-content:flex-start!important}.booking-compact-actions{justify-items:start}.compact-actions{justify-content:flex-start}.admin-actions-compact{justify-content:flex-start}.action-menu-panel{left:0;right:auto;width:min(82vw,280px)}}
@media(max-width:560px){.section{padding:62px 0}.auth-wrap{padding:42px 0}.auth-card h1{font-size:1.95rem}.hero-grid{padding:48px 0 78px}.hero h1{font-size:2.65rem}.hero-metrics{grid-template-columns:1fr}.card-body,.auth-card{padding:22px}.booking-compact-card{padding:14px}.booking-compact-main h3{font-size:1rem}.actions{justify-content:flex-start!important}.topbar{align-items:flex-start;flex-direction:column}.invoice{margin:16px;padding:22px;border-radius:22px}.footer{padding-top:44px}}
@media print{.navbar,.footer,.btn,.actions,.sidebar,.topbar{display:none!important}body{background:white}.invoice{box-shadow:none;border:0;margin:0;max-width:100%;padding:0}.print-only{display:block}.dashboard{display:block}.main{padding:0}}

.verify-layout{display:grid;grid-template-columns:minmax(0,1.15fr) .85fr;gap:28px;align-items:stretch}
.verify-card{padding:34px}
.info-box{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
.info-box>div{background:#f8fafc;border:1px solid var(--line);border-radius:20px;padding:16px}
.info-box strong{display:block;color:#0f172a;margin-bottom:6px}
.info-box p{margin:0;color:var(--muted)}
.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.btn-outline{background:#fff;border:1px solid var(--line);color:#0f172a!important}
.verify-side{border-radius:32px;padding:34px;background:linear-gradient(135deg,rgba(15,118,110,.92),rgba(20,184,166,.78)),url('../../upload/paket_gili.jpeg') center/cover no-repeat;color:#fff;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end;min-height:360px}
.verify-side h2{font-size:2.1rem;line-height:1.05;letter-spacing:-.05em;margin:0 0 12px}
.verify-side p{margin:8px 0;color:rgba(255,255,255,.86)}
/* Detail slider styles */
.detail-slider{position:relative;overflow:hidden;border-radius:32px;box-shadow:var(--shadow);background:#000}
.detail-slider .slides{display:flex;width:100%;transition:transform .35s ease}
.detail-slider .slide{min-height:420px;position:relative;overflow:hidden;flex:0 0 100%}
.detail-slider .slide img{width:100%;height:420px;object-fit:cover;display:block}
.detail-slider .slide-caption{position:absolute;left:20px;right:20px;bottom:20px;padding:18px 22px;border-radius:22px;background:rgba(15,23,42,.72);color:#fff;backdrop-filter:blur(12px)}
.detail-slider .slide-caption h2{margin:10px 0 0;font-size:1.55rem;line-height:1.1}
.slider-nav{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 16px;pointer-events:none}
.slider-button{pointer-events:auto;width:44px;height:44px;border:none;border-radius:16px;background:rgba(255,255,255,.92);color:#0f172a;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;box-shadow:0 16px 28px rgba(15,23,42,.18);transition:.2s}
.slider-button:hover{transform:scale(1.02)}
.slider-dots{display:flex;justify-content:center;gap:10px;padding:14px 0;background:rgba(255,255,255,.95)}
.slider-dot{width:10px;height:10px;border-radius:999px;border:none;background:rgba(15,23,42,.25);cursor:pointer;transition:.2s}
.slider-dot.active{background:var(--primary)}
@media(max-width:960px){.verify-layout,.info-box{grid-template-columns:1fr}.verify-side{min-height:260px}.form-actions .btn{width:100%}}