@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #C8903A;--gold-light: #E8B86D;--gold-dim: #8A6025;--dark: #111111;--dark-2: #1A1A1A;--dark-card: #1E2535;--dark-input: #141820;--border: rgba(200,144,58,.18);--border-dim: rgba(255,255,255,.06);--text: #EDF2F7;--text-muted: #8A9BAE;--text-dim: #5C7080;--green: #34A853;--green-dim: rgba(52,168,83,.12);--red: #E53935;--red-dim: rgba(229,57,53,.12);--blue: #185FA5;--teal: #0F6E56;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4)}html,body,#root{height:100%;background:var(--dark);color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:600}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}.screen{min-height:100vh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:var(--dark)}.screen-body{flex:1;padding:16px 16px 100px;overflow-y:auto}.topbar{background:var(--dark-card);padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.topbar-logo{height:36px;width:auto}.topbar-title{flex:1;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;color:var(--gold-light)}.topbar-sub{font-size:.65rem;color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;margin-top:1px}.back-btn{width:34px;height:34px;border-radius:50%;background:#ffffff0f;border:none;color:var(--gold);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.back-btn:hover{background:#c8903a26}.card{background:var(--dark-card);border-radius:var(--radius);border:1px solid var(--border-dim);padding:16px;margin-bottom:12px}.card-section-label{font-size:.65rem;color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;font-weight:600;margin:20px 0 8px 2px}.card-section-label:first-child{margin-top:0}.menu-tile{background:var(--dark-card);border-radius:var(--radius);border:1px solid var(--border-dim);overflow:hidden;margin-bottom:8px}.menu-row{display:flex;align-items:center;padding:14px 16px;gap:14px;border-bottom:1px solid var(--border-dim);cursor:pointer;transition:background .15s;text-decoration:none;color:inherit}.menu-row:last-child{border-bottom:none}.menu-row:hover,.menu-row:active{background:#c8903a0f}.menu-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.menu-label{flex:1}.menu-title{color:var(--text);font-size:.95rem;font-weight:500}.menu-sub{color:var(--text-dim);font-size:.75rem;margin-top:2px}.menu-arrow{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#fff;font-weight:700;flex-shrink:0}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field:last-child{margin-bottom:0}.field-label{font-size:.7rem;color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;font-weight:600}.field-input{background:var(--dark-input);border:1px solid var(--border-dim);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:.95rem;font-family:DM Sans,sans-serif;outline:none;transition:border-color .2s;width:100%}.field-input:focus{border-color:var(--gold)}.field-input::placeholder{color:var(--text-dim)}.field-input.gold{color:var(--gold);font-weight:600;border-color:#c8903a4d}.field-input.green{color:var(--green);font-weight:600}.field-input.auto-filled{color:#81c995;border-color:#34a8534d}select.field-input{cursor:pointer}textarea.field-input{resize:vertical;min-height:80px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.banner-green{background:var(--green-dim);border:1px solid rgba(52,168,83,.25);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.banner-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;margin-top:4px}.banner-title{color:#81c995;font-size:.85rem;font-weight:600}.banner-sub{color:var(--text-dim);font-size:.75rem;margin-top:2px;line-height:1.4}.net-box{background:#34a85312;border:1px solid rgba(52,168,83,.2);border-radius:var(--radius);padding:16px;margin-bottom:16px}.net-row{display:flex;justify-content:space-between;margin-bottom:6px;font-size:.9rem}.net-row:last-child{margin-bottom:0}.net-divider{height:1px;background:#34a85333;margin:10px 0}.net-label{color:var(--text-muted)}.net-val{color:var(--text);font-weight:500}.net-val.pos{color:var(--green)}.net-val.neg{color:var(--red)}.net-val.big{font-size:1.4rem;font-weight:700;color:var(--green)}.stay-id-strip{background:#c8903a0f;border:1px solid rgba(200,144,58,.2);border-radius:var(--radius-sm);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stay-id-val{font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--gold);letter-spacing:2px}.stay-id-note{font-size:.7rem;color:var(--text-dim);margin-top:2px}.btn{width:100%;padding:14px;border-radius:var(--radius);border:none;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s;letter-spacing:.5px}.btn:active{transform:scale(.98)}.btn-gold{background:var(--gold);color:#fff}.btn-green{background:var(--green);color:#fff}.btn-blue{background:var(--blue);color:#fff}.btn-teal{background:var(--teal);color:#fff}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--border-dim)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-email-note{text-align:center;color:var(--text-dim);font-size:.7rem;letter-spacing:1px;margin-top:8px;text-transform:uppercase}.month-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;margin-bottom:16px;scrollbar-width:none}.month-strip::-webkit-scrollbar{display:none}.month-pill{padding:5px 13px;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap;border:1px solid var(--border-dim);color:var(--text-muted);background:var(--dark-card);cursor:pointer;transition:all .15s}.month-pill.active{background:var(--gold);color:#fff;border-color:var(--gold)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.stat-card{background:var(--dark-card);border-radius:var(--radius);border:1px solid var(--border-dim);padding:12px 14px}.stat-label{color:var(--text-dim);font-size:.72rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.stat-val{font-size:1.3rem;font-weight:700;color:var(--text)}.stat-val.gold{color:var(--gold)}.stat-val.green{color:var(--green)}.stat-val.red{color:var(--red)}.stat-sub{color:var(--text-dim);font-size:.72rem;margin-top:3px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.tag-green{background:var(--green-dim);color:#81c995}.tag-gold{background:#c8903a1f;color:var(--gold)}.tag-gray{background:#5c70801f;color:var(--text-dim)}.tag-red{background:var(--red-dim);color:#ef9a9a}.photo-row{display:flex;gap:10px}.photo-box{flex:1;background:var(--dark-input);border:1px dashed rgba(200,144,58,.35);border-radius:var(--radius-sm);padding:16px 8px;text-align:center;cursor:pointer;transition:border-color .2s}.photo-box:hover{border-color:var(--gold)}.photo-box.captured{border-style:solid;border-color:var(--green)}.photo-icon{font-size:1.5rem;margin-bottom:4px}.photo-label{color:var(--gold);font-size:.8rem;font-weight:600}.photo-sub{color:var(--text-dim);font-size:.7rem;margin-top:2px}.photo-box input[type=file]{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--dark-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 20px;color:var(--text);font-size:.85rem;font-weight:500;box-shadow:var(--shadow);z-index:999;animation:fadeInUp .3s ease}.toast.success{border-color:#34a85366}.toast.error{border-color:#e5393566}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.divider{height:1px;background:var(--border-dim);margin:12px 0}.logout-btn{width:100%;padding:12px;text-align:center;border-radius:var(--radius);border:1px solid var(--border-dim);color:var(--text-dim);font-size:.85rem;font-weight:500;cursor:pointer;background:transparent;margin-top:16px;transition:border-color .2s,color .2s}.logout-btn:hover{border-color:var(--red);color:var(--red)}.active-stay-banner{background:var(--green-dim);border:1px solid rgba(52,168,83,.25);border-radius:var(--radius);padding:12px 14px;display:flex;align-items:center;gap:10px;margin-bottom:16px;cursor:pointer}.active-stay-name{color:#81c995;font-size:.9rem;font-weight:600}.active-stay-sub{color:var(--text-dim);font-size:.75rem;margin-top:2px}.card-dashed{border:1px dashed rgba(200,144,58,.25);border-radius:var(--radius);padding:16px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:border-color .2s;margin-bottom:8px}.card-dashed:hover{border-color:var(--gold)}.card-dashed-icon{width:36px;height:36px;border-radius:10px;background:#c8903a12;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:1.3rem}.card-dashed-text strong{color:var(--gold);font-size:.85rem;display:block;margin-bottom:2px}.card-dashed-text span{color:var(--text-dim);font-size:.75rem}.loading{display:flex;align-items:center;justify-content:center;height:120px;color:var(--text-dim);gap:10px}.spinner{width:20px;height:20px;border:2px solid var(--border-dim);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:481px){.screen{box-shadow:0 0 60px #0009}}