:root{--ink:#172523;--muted:#71807d;--cream:#f7f3eb;--paper:#fffdf9;--teal:#164e48;--mint:#dceddf;--coral:#f07c63;--gold:#f3c765;--line:#e8e5dd;--blue:#9bcbd0;--shadow:0 18px 50px rgba(36,57,53,.09)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',sans-serif}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#123f3a;color:white;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font:700 20px Manrope;margin:0 10px 42px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--coral);border-radius:10px;color:white}nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#bcd0cd;padding:12px 14px;border-radius:10px;text-align:left;font:500 14px 'DM Sans';cursor:pointer;display:flex;gap:12px;align-items:center}.nav-item span{font-size:18px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11);color:white}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid rgba(255,255,255,.14);margin-top:16px;padding:20px 8px 0;display:flex;align-items:center;gap:10px}.profile .avatar{width:34px;height:34px;border-radius:50%;background:#e6b965;color:#183f3b;display:grid;place-items:center;font-weight:800}.profile div:nth-child(2){display:grid}.profile small{color:#abc3bf}.profile button{margin-left:auto;background:none;border:0;color:white}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 44px;background:rgba(247,243,235,.86);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.crumb{color:var(--muted);display:flex;gap:8px}.crumb span:first-child{color:var(--ink);font-weight:600}.top-actions{margin-left:auto;display:flex;gap:10px}.icon-button{border:1px solid var(--line);width:36px;height:36px;border-radius:10px;background:var(--paper);cursor:pointer}.menu{display:none}.view{display:none;padding:44px;max-width:1440px;margin:auto}.view.active{display:block}.hero-heading,.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{letter-spacing:1.8px;font-size:11px;font-weight:800;color:#8b9592;margin:0 0 9px}.hero-heading h1,.page-title h1{font:800 33px Manrope;margin:0 0 7px}.hero-heading p,.page-title p{margin:0;color:var(--muted)}button{font-family:inherit}.primary,.secondary{border:0;border-radius:11px;padding:12px 18px;font-weight:700;cursor:pointer}.primary{background:var(--coral);color:white;box-shadow:0 7px 20px rgba(240,124,99,.22)}.primary:hover{transform:translateY(-1px)}.primary.small{padding:10px 14px}.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.trip-banner{background:var(--teal);color:white;border-radius:20px;padding:28px 32px;display:grid;grid-template-columns:1fr 1fr 220px;align-items:center;gap:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.trip-banner:after{content:'✦';font-size:180px;color:rgba(255,255,255,.03);position:absolute;right:180px;top:-80px}.live-pill{display:inline-block;color:#cfeadb;background:rgba(143,214,175,.12);font-size:10px;font-weight:700;padding:6px 9px;border-radius:99px}.trip-banner h2{font:700 25px Manrope;margin:12px 0 5px}.trip-banner p{color:#bdd0cc;margin:0}.trip-progress{display:flex;align-items:center;gap:18px}.ring{width:78px;height:78px;border:7px solid rgba(255,255,255,.16);border-top-color:var(--gold);border-right-color:var(--gold);border-radius:50%;display:grid;place-items:center;transform:rotate(35deg)}.ring span{transform:rotate(-35deg);font-size:24px;font-weight:800}.ring small{font-size:12px;color:#a9c4c0}.trip-progress div:last-child{display:grid;gap:3px}.trip-progress small{font-size:10px;letter-spacing:1.2px;color:#abc4c0}.trip-progress strong{font-size:21px}.trip-progress span{color:#abc4c0;font-size:12px}.scan-button{border:0;background:#fff;color:var(--ink);padding:18px;border-radius:15px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;cursor:pointer;z-index:1}.scan-button>span{grid-row:1/3;display:grid;place-items:center;background:#fae2dc;color:var(--coral);border-radius:10px;margin-right:12px;font-size:20px}.scan-button small{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.metric,.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}.metric{position:relative}.metric-icon{position:absolute;right:22px;top:22px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center}.metric-icon.coral{background:#fae2dc;color:#bf543f}.metric-icon.blue{background:#e2f1f2;color:#467b80}.metric-icon.gold{background:#faedc9;color:#8b6a1e}.metric p{margin:0 0 12px;color:var(--muted)}.metric h3{font:800 25px Manrope;margin:0 0 8px}.metric small,.metric span{font-size:12px;color:var(--muted)}.metric .up{color:#3d8b67;font-weight:700}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel-head{display:flex;justify-content:space-between;align-items:start}.panel h2{font:700 18px Manrope;margin:0}.text-button{border:0;background:none;color:var(--coral);font-weight:700;cursor:pointer}.activity-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.merchant-icon{width:42px;height:42px;border-radius:12px;background:#edf0e8;display:grid;place-items:center;font-size:18px}.activity-row div:nth-child(2){display:grid;gap:3px}.activity-row small{color:var(--muted)}.activity-row strong:last-child{text-align:right}.activity-row em{font-style:normal;color:#478765;font-size:11px}.insight-card{background:#f3e9cd;border:0;display:flex;flex-direction:column;align-items:start}.bulb{width:42px;height:42px;border-radius:12px;background:var(--gold);display:grid;place-items:center;margin:25px 0 18px}.insight-card p:not(.eyebrow){color:#5d655e;line-height:1.6}.insight-card .secondary{margin-top:auto}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trip-card{padding:0;overflow:hidden}.trip-cover{height:160px;background:linear-gradient(135deg,#d27a58,#f0c074);padding:20px;color:white;position:relative}.trip-cover.porto{background:linear-gradient(135deg,#7da9ae,#d6e1d1)}.trip-cover.paris{background:linear-gradient(135deg,#797b9b,#e0b0a6)}.trip-cover span{background:rgba(18,63,58,.7);padding:6px 10px;border-radius:99px;font-size:10px}.trip-info{padding:20px}.trip-info h2{margin-bottom:7px}.trip-stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:17px}.trip-stats span{display:grid;color:var(--muted);font-size:11px}.trip-stats b{color:var(--ink);font-size:14px;margin-top:4px}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar input,.toolbar select,.settings-grid input,.settings-grid select{border:1px solid var(--line);background:white;border-radius:10px;padding:11px 13px;color:var(--ink);font-family:inherit}.toolbar input{flex:1}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}td:last-child,th:last-child{text-align:right}.status{font-size:11px;padding:5px 8px;border-radius:99px;background:#e1f0e5;color:#3b7958}.reward-hero{padding:38px;background:linear-gradient(120deg,#174d47,#1f665e);border-radius:20px;color:white;display:flex;justify-content:space-between;align-items:center}.reward-hero span{font-size:11px;letter-spacing:1.5px;color:#bdd5d1}.reward-hero h2{font:600 28px Manrope;margin:15px 0 5px}.reward-hero h2 b{font-size:42px}.reward-hero p{color:#bcd2cf}.progress{height:8px;background:rgba(255,255,255,.16);border-radius:99px;width:420px;max-width:100%;overflow:hidden}.progress i{height:100%;display:block;background:var(--gold);border-radius:99px}.reward-gem{font-size:110px;color:var(--gold)}.rewards-list{margin-top:20px}.reward-icon{width:48px;height:48px;background:#f4e9cc;border-radius:14px;display:grid;place-items:center;font-size:22px}.rewards-list h3{font:700 18px Manrope;margin:18px 0 6px}.rewards-list p{color:var(--muted);min-height:38px}.insight-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.chart-panel{grid-row:span 2}.bar-row{display:grid;grid-template-columns:90px 1fr 70px;gap:12px;align-items:center;margin:25px 0}.bar-row>div{height:10px;border-radius:99px;background:#eceae3;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--coral);border-radius:99px}.bar-row b{text-align:right}.highlight{display:flex;flex-direction:column;justify-content:center;background:#f2e7c9;border:0}.highlight>span{font:800 38px Manrope;color:#9a7620}.highlight p{color:#616b66;line-height:1.55}.blue-bg{background:#dcebed}.blue-bg>span{color:#457d82}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid article{display:grid;gap:20px}.settings-grid label{display:grid;gap:7px;color:var(--muted)}.toggle-row{display:flex!important;justify-content:space-between;align-items:center}.toggle-row span{display:grid;gap:4px}.toggle-row b{color:var(--ink)}.modal-backdrop{position:fixed;inset:0;background:rgba(11,29,27,.55);display:none;place-items:center;z-index:100;padding:20px}.modal-backdrop.open{display:grid}.modal{background:var(--paper);border-radius:20px;width:540px;max-width:100%;padding:30px;position:relative;box-shadow:var(--shadow)}.modal-close{position:absolute;right:17px;top:15px;border:0;background:none;font-size:26px;cursor:pointer}.modal h2{font:800 24px Manrope;margin:0 0 8px}.modal p{color:var(--muted);margin-bottom:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:6px;color:var(--muted)}.form-grid input,.form-grid select{padding:12px;border:1px solid var(--line);border-radius:9px;font-family:inherit}.form-grid .wide{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.upload-zone{border:2px dashed #d7d7cd;border-radius:14px;padding:35px;text-align:center;background:#faf8f2}.upload-zone strong{display:block;margin:10px}.toast{position:fixed;right:30px;bottom:30px;background:#173f3b;color:white;padding:14px 18px;border-radius:11px;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.3s;z-index:120}.toast.show{transform:none;opacity:1}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;transform:translateX(-100%);transition:.25s;width:230px}.sidebar.open{transform:none}.menu{display:block;margin-right:15px}.view{padding:28px 20px}.topbar{padding:0 20px}.trip-banner{grid-template-columns:1fr 1fr}.scan-button{grid-column:1/-1}.dashboard-grid,.insight-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.chart-panel{grid-row:auto}}@media(max-width:620px){.top-actions .icon-button,.crumb b,.crumb span:last-child{display:none}.hero-heading,.page-title{align-items:start;gap:20px}.hero-heading h1,.page-title h1{font-size:26px}.trip-banner,.metric-grid,.card-grid,.settings-grid{grid-template-columns:1fr}.trip-progress{margin-top:10px}.toolbar{flex-wrap:wrap}.toolbar input{flex-basis:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.reward-gem{display:none}.reward-hero{padding:25px}.topbar .primary.small{font-size:0}.topbar .primary.small:after{content:'＋';font-size:18px}}