:root{font-family:Inter,system-ui,-apple-system,sans-serif;background:#0d1220;color:#f0f3f9;line-height:1.5;--card: #0f192b;--stroke: #1d2740;--muted: #9fb2d0;--primary: #e72d5e;--primary-strong: #ff5b8b;--danger: #f25f5c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 20%,rgba(231,45,94,.12),transparent 45%),#0d1220}a{color:inherit}#app{min-height:100vh}.layout{max-width:860px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--stroke);border-radius:14px;padding:16px;box-shadow:0 20px 50px #00000059}h1,h2,h3,h4{margin:0 0 8px;letter-spacing:-.02em}p{margin:0 0 8px;color:var(--muted)}.stack{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#cfd8e6}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--stroke);background:#0c1426;color:#e8ecf3;font-size:16px}.field.inline{flex-direction:row;align-items:center;justify-content:space-between}.btn{padding:12px 14px;border-radius:12px;border:none;background:#1b2438;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}.btn:hover{background:#252f46}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);border:none;color:#0d1220}.btn.primary:hover{background:var(--primary-strong)}.btn.ghost{background:transparent;border:1px solid var(--stroke)}.btn.danger{color:#ffb0b0;border-color:#f25f5c}.btn.small{padding:8px 10px;font-size:13px}.loading,.empty{text-align:center;color:var(--muted);padding:16px}.error-banner{background:#2a1d27;color:#ff9fb5;border:1px solid #ff6c6c;padding:12px 14px;border-radius:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#0b1221,#0b1221b3);padding:12px 0}.titles h1{font-size:24px;letter-spacing:-.02em}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.meta{color:var(--muted)}.status-row{display:flex;flex-direction:column;gap:12px;align-items:stretch}.pill{padding:6px 10px;border-radius:999px;background:#1b2438;border:1px solid var(--stroke);font-size:13px}.identity-bar{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--stroke);border-radius:12px;background:#0d1a30}.identity{font-size:18px;font-weight:600}.identity-actions{display:flex;gap:8px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tab{border:1px solid var(--stroke);border-radius:10px;padding:10px;background:#0d1628;color:#cfd8e6;cursor:pointer}.tab.active{background:#1c2740;color:#fff;border-color:var(--primary)}.tab-content{display:flex;flex-direction:column;gap:12px}.expense-card{border:1px solid var(--stroke)}.expense-head{display:flex;justify-content:space-between;gap:10px}.expense-title{font-size:16px;font-weight:600}.expense-meta{color:var(--muted);font-size:13px}.expense-amount{font-size:18px;font-weight:700;color:#4ad295}.expense-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.table{display:flex;flex-direction:column;gap:6px}.table .row{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:6px;padding:8px;border-radius:10px;background:#0d1628;border:1px solid var(--stroke)}.table .head{font-weight:700;color:var(--muted);background:#111a2c}.table .positive{color:#4ad295}.table .negative{color:#f25f5c}.participant-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--stroke);border-radius:10px;background:#0d1628}.participant-name{font-weight:600}.participant-actions{display:flex;gap:8px}.participants-list{display:flex;flex-direction:column;gap:8px}.participant-row .participant-input{flex:1}.summary-glance{display:flex;flex-direction:column;gap:8px}.summary-glance{border-color:var(--primary);background:#121c32}.glance-title{font-weight:800;font-size:16px}.glance-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.recent-card{display:flex;flex-direction:column;gap:10px}.recent-list{display:flex;flex-direction:column;gap:6px}.recent-row{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--stroke);border-radius:999px;background:#0d1628}.settlement{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.settlement li{padding:10px;border-radius:10px;background:#0d1628;border:1px solid var(--stroke);display:flex;flex-direction:column;gap:6px}.settlement li.paid{border-color:var(--primary);background:#132036}.settle-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.badge-paid{background:#163024;color:#9ff5c0;border:1px solid #2d6c4a;padding:4px 8px;border-radius:999px;font-size:12px}.settlement .eyebrow{margin:0 0 4px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(231,45,94,.18),transparent 45%),#05080fe6;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:linear-gradient(180deg,#111b2f,#0a1324);border:1px solid var(--primary);border-radius:16px;padding:18px;max-width:420px;width:100%;box-shadow:0 20px 60px #e72d5e47,0 0 0 1px #ffffff05 inset;position:relative}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:radial-gradient(circle at 50% -10%,rgba(231,45,94,.18),transparent 45%);pointer-events:none}.modal h3{margin-bottom:10px}.modal .btn.primary{width:100%}.modal .stack{gap:12px}.modal .field input,.modal .field select{background:#0c1426;border-color:#283351}.modal .divider{background:#22304a;margin:6px 0}.modal .btn.ghost{border-color:#283351;color:#f0f3f9}.divider{height:1px;width:100%;background:var(--stroke)}.danger-zone{border-color:#f25f5c}.muted{color:var(--muted)}.hero-logo{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}.logo-large{width:220px;height:auto;display:flex;justify-content:center}.logo-large svg{width:220px;height:auto}.logo-small{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center}.logo-small svg{width:56px;height:56px}.logo-footer{display:flex;justify-content:center;padding:16px 0;opacity:.7}.logo-footer .logo-small{width:180px;height:180px}.logo-footer .logo-small svg{width:180px;height:180px}.hero-text{text-align:center}.hero-title{font-size:22px;font-weight:800}.hero-sub{font-size:14px;color:var(--muted)}@media (max-width: 600px){.titles h1{font-size:20px}.tabs{grid-template-columns:repeat(2,1fr)}.table .row{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,auto)}.table .row span:nth-child(3),.table .row span:nth-child(4){display:block}.expense-head{flex-direction:column}}.status-row .pill{width:fit-content}.status-row .share-main{width:100%}@media (min-width: 720px){.status-row{flex-direction:row;align-items:center}.share-main{max-width:520px}}.share-main{width:100%;text-align:center;font-size:16px;padding:16px;box-shadow:0 12px 36px #e72d5e2e;border:none;background:linear-gradient(90deg,#ff7dad,#e83d6c);color:#fff;letter-spacing:.01em;font-weight:800}