*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background:#e8e3db;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;padding:40px 20px}:root{--bg: #faf8f4;--bg2: #f3ede4;--gold: #b8975a;--gold-light: #f0e6cf;--ink: #1a1a1a;--ink2: #555;--ink3: #999;--border: #e0d9cc;--card: #ffffff;--radius: 12px;--serif: "Playfair Display", serif;--sans: "DM Sans", sans-serif}.phone-wrap{position:relative;width:390px;flex-shrink:0}.phone-shell{width:390px;background:#1a1a1a;border-radius:50px;padding:12px;box-shadow:0 0 0 1px #ffffff1a inset,0 30px 80px #00000059,0 8px 20px #0003}.phone-screen{border-radius:40px;overflow:hidden;background:var(--bg);height:780px;position:relative}.phone-status{display:flex;justify-content:space-between;align-items:center;padding:14px 24px 6px;font-size:12px;font-weight:600;position:absolute;top:0;left:0;right:0;z-index:100;pointer-events:none}.phone-notch{width:120px;height:34px;border-radius:0 0 20px 20px;margin:0 auto;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:101}.screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;background:var(--bg)}.screen::-webkit-scrollbar{display:none}.btn-primary{background:var(--ink);color:var(--bg);border:none;border-radius:10px;padding:15px 28px;font-family:var(--sans);font-size:15px;font-weight:500;width:100%;cursor:pointer;letter-spacing:.2px;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-gold{background:var(--gold);color:#fff;border:none;border-radius:10px;padding:15px 28px;font-family:var(--sans);font-size:15px;font-weight:500;width:100%;cursor:pointer;transition:opacity .15s}.btn-gold:hover{opacity:.9}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--border);border-radius:10px;padding:14px 28px;font-family:var(--sans);font-size:15px;font-weight:400;width:100%;cursor:pointer;transition:border-color .15s}.btn-outline:hover{border-color:var(--gold)}.input-field{width:100%;background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-family:var(--sans);font-size:15px;color:var(--ink);outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-field:focus{border-color:var(--gold)}.input-field::placeholder{color:var(--ink3)}.field-label{font-size:12px;font-weight:500;color:var(--ink2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.6px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:54px 24px 16px;position:sticky;top:0;background:var(--bg);z-index:50;border-bottom:1px solid var(--border)}.topbar-title{font-family:var(--serif);font-size:18px;color:var(--ink);font-weight:400}.back-btn{width:36px;height:36px;border-radius:50%;background:var(--bg2);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .15s}.back-btn:hover{background:var(--border)}.bottom-nav{position:absolute;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);display:flex;padding:10px 0 20px}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:6px 0}.nav-label{font-size:10px;color:var(--ink3)}.nav-item.active .nav-label{color:var(--gold)}.section-label{font-size:11px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.fab{position:absolute;bottom:80px;right:24px;width:52px;height:52px;background:var(--ink);color:var(--bg);border-radius:50%;border:none;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0003;transition:transform .15s;z-index:40}.fab:hover{transform:scale(1.05)}.landing-hero{padding:72px 28px 40px;background:var(--bg)}.landing-logo{font-family:var(--serif);font-size:20px;color:var(--ink);margin-bottom:48px;letter-spacing:-.3px}.landing-logo span{color:var(--gold)}.landing-tag{display:inline-block;background:var(--gold-light);color:var(--gold);font-size:11px;font-weight:500;padding:5px 12px;border-radius:20px;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase}.landing-title{font-family:var(--serif);font-size:36px;line-height:1.15;color:var(--ink);margin-bottom:16px}.landing-title em{font-style:italic;color:var(--gold)}.landing-sub{font-size:15px;color:var(--ink2);line-height:1.6;margin-bottom:32px}.landing-preview{background:var(--ink);border-radius:20px;padding:20px;margin:0 -4px}.lp-trip-name{font-family:var(--serif);font-size:18px;color:#e8e2d5}.lp-trip-date{font-size:11px;color:#666;margin-top:2px}.lp-badge{background:#b8975a33;color:var(--gold);font-size:10px;padding:4px 10px;border-radius:20px}.lp-budget-row{display:flex;justify-content:space-between;font-size:12px;color:#888;margin-bottom:6px}.lp-track{height:4px;background:#2e2e3a;border-radius:2px}.lp-fill{height:4px;background:var(--gold);border-radius:2px}.lp-cats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lp-cat{background:#22222e;border-radius:10px;padding:12px}.lp-cat-name{font-size:10px;color:#666;margin-top:6px}.lp-cat-val{font-size:14px;color:#e8e2d5;font-weight:300}.landing-features{padding:36px 28px}.landing-features h2{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:20px}.feature-row{display:flex;gap:14px;margin-bottom:18px;align-items:flex-start}.feature-dot{width:8px;height:8px;background:var(--gold);border-radius:50%;margin-top:6px;flex-shrink:0}.feature-body strong{font-size:14px;font-weight:500;color:var(--ink);display:block;margin-bottom:2px}.feature-body span{font-size:13px;color:var(--ink3)}.landing-how{background:var(--bg2);padding:36px 28px}.landing-how h2{font-family:var(--serif);font-size:22px;color:var(--ink);margin-bottom:24px}.how-step{display:flex;gap:16px;margin-bottom:22px}.how-num{width:32px;height:32px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);font-family:var(--serif);font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-body strong{font-size:14px;font-weight:500;color:var(--ink);display:block;margin-bottom:3px}.how-body span{font-size:13px;color:var(--ink2);line-height:1.4}.landing-cta{background:var(--ink);padding:40px 28px 50px;text-align:center}.landing-cta h2{font-family:var(--serif);font-size:26px;color:#faf8f4;margin-bottom:8px;line-height:1.2}.landing-cta h2 em{font-style:italic;color:var(--gold)}.landing-cta p{font-size:13px;color:#666;margin-bottom:24px}.login-screen{padding:72px 28px 40px}.login-logo{font-family:var(--serif);font-size:26px;color:var(--ink);margin-bottom:8px}.login-logo span{color:var(--gold)}.login-sub{font-size:14px;color:var(--ink3);margin-bottom:44px}.login-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.login-divider{display:flex;align-items:center;gap:12px;margin:8px 0}.login-divider span{font-size:12px;color:var(--ink3)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-footer{text-align:center;font-size:13px;color:var(--ink3);margin-top:32px}.login-footer a{color:var(--gold);cursor:pointer}.home-header{padding:56px 24px 20px}.home-greeting{font-size:13px;color:var(--ink3);margin-bottom:4px}.home-title{font-family:var(--serif);font-size:26px;color:var(--ink)}.home-title em{font-style:italic;color:var(--gold)}.home-content{padding:0 24px 100px}.trip-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:12px;cursor:pointer;transition:border-color .2s,transform .15s}.trip-card:hover{border-color:var(--gold);transform:translateY(-1px)}.trip-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.trip-name{font-family:var(--serif);font-size:18px;color:var(--ink)}.trip-dates{font-size:11px;color:var(--ink3);margin-top:2px}.trip-status{font-size:10px;padding:4px 10px;border-radius:20px;font-weight:500}.trip-status.planned{background:var(--gold-light);color:var(--gold)}.trip-status.done{background:#f5f5f5;color:#999}.trip-progress{margin-bottom:10px}.trip-progress-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ink3);margin-bottom:6px}.trip-progress-row strong{color:var(--ink)}.progress-track{height:4px;background:var(--bg2);border-radius:2px}.progress-fill{height:4px;border-radius:2px;background:var(--gold)}.trip-tags{display:flex;gap:6px;flex-wrap:wrap}.trip-tag{font-size:10px;color:var(--ink3);background:var(--bg2);padding:3px 10px;border-radius:20px}.form-screen{padding:0 24px 120px}.form-section{margin-bottom:24px}.form-row{display:flex;gap:12px}.form-row .form-section{flex:1}.budget-preview{background:var(--ink);border-radius:12px;padding:18px;margin-top:16px;display:flex;justify-content:space-between;align-items:center}.budget-preview-label{font-size:12px;color:#666}.budget-preview-val{font-family:var(--serif);font-size:22px;color:#faf8f4}.trip-detail-hero{background:var(--ink);padding:56px 24px 28px;position:relative;overflow:hidden}.trip-detail-hero:before{content:"";position:absolute;top:-60px;right:-40px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(184,151,90,.15) 0%,transparent 70%)}.tdh-back{display:flex;align-items:center;gap:8px;color:#888;font-size:13px;margin-bottom:20px;cursor:pointer}.tdh-title{font-family:var(--serif);font-size:26px;color:#faf8f4;margin-bottom:4px}.tdh-dates{font-size:12px;color:#888;margin-bottom:24px}.tdh-budget-row{display:flex;justify-content:space-between;margin-bottom:10px}.tdh-bk{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.tdh-bv{font-size:22px;color:#faf8f4;font-weight:300}.tdh-bv.spent{color:var(--gold)}.tdh-track{height:4px;background:#2e2e3a;border-radius:2px;margin-top:4px}.tdh-fill{height:4px;background:var(--gold);border-radius:2px}.trip-detail-body{padding:24px 24px 100px}.category-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:10px}.cat-header{display:flex;align-items:center;gap:12px}.cat-icon-wrap{width:40px;height:40px;border-radius:10px;background:var(--gold-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cat-info{flex:1}.cat-name{font-size:14px;font-weight:500;color:var(--ink)}.cat-count{font-size:11px;color:var(--ink3);margin-top:1px}.cat-amount{text-align:right}.cat-val{font-size:16px;font-weight:500;color:var(--ink)}.cat-pct{font-size:11px;color:var(--gold)}.cat-bar-wrap{margin-top:10px}.cat-bar-track{height:3px;background:var(--bg2);border-radius:2px}.cat-bar-fill{height:3px;background:var(--gold);border-radius:2px}.expense-list{margin-top:20px}.expense-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.expense-item:last-child{border-bottom:none}.exp-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--ink3)}.exp-info{flex:1}.exp-desc{font-size:14px;color:var(--ink);font-weight:400}.exp-date{font-size:11px;color:var(--ink3);margin-top:1px}.exp-val{font-size:15px;font-weight:500;color:var(--ink)}.add-expense-screen{padding:0 24px 120px}.amount-big-wrap{text-align:center;padding:24px 0 20px}.amount-label{font-size:12px;color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.amount-display{font-family:var(--serif);font-size:48px;color:var(--ink)}.amount-display span{font-size:22px;color:var(--ink3)}.cat-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.cat-pick-item{background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:12px 8px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.cat-pick-item.selected{border-color:var(--gold);background:var(--gold-light)}.cat-pick-icon{display:flex;justify-content:center;margin-bottom:6px;color:var(--ink2)}.cat-pick-item.selected .cat-pick-icon{color:var(--gold)}.cat-pick-name{font-size:11px;color:var(--ink2)}.cat-pick-item.selected .cat-pick-name{color:var(--gold)}.exp-delete{background:none;border:none;cursor:pointer;padding:4px;color:var(--ink3);transition:color .15s}.exp-delete:hover{color:#e74c3c}.app-root{display:flex;flex-direction:column;align-items:center;gap:16px}.screen-label{font-family:DM Sans,sans-serif;font-size:12px;color:#999;letter-spacing:.5px;text-transform:uppercase}.dev-nav{display:flex}@media(max-width:600px){body{background:var(--bg);padding:0;display:block;min-height:100dvh}.app-root{display:block;width:100%;gap:0}.screen-label{display:none}.phone-wrap{width:100%!important;flex-shrink:unset}.phone-shell{width:100%!important;border-radius:0;padding:0;background:var(--bg);box-shadow:none}.phone-screen{border-radius:0;height:100dvh;width:100%}.phone-status,.phone-notch{display:none}.topbar,.home-header{padding-top:max(env(safe-area-inset-top),16px)}.login-screen{padding-top:max(env(safe-area-inset-top),32px)}.trip-detail-hero{padding-top:max(env(safe-area-inset-top),24px)}.bottom-nav{padding-bottom:max(env(safe-area-inset-bottom),16px)}.dev-nav{display:none!important}}