:root{--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--primary: #0f766e;--primary-contrast: #ffffff;--primary-soft: #ccfbf1;--danger: #dc2626;--danger-soft: #fee2e2;--ok: #16a34a;--shadow: 0 1px 3px rgba(15, 23, 42, .1), 0 1px 2px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .18);--radius: 14px;--radius-sm: 9px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0b1220;--surface: #101a2c;--surface-2: #0e1727;--text: #e2e8f0;--muted: #94a3b8;--border: #24324a;--primary: #14b8a6;--primary-contrast: #04211d;--primary-soft: #134e4a;--danger: #f87171;--danger-soft: #451a1a;--ok: #4ade80;--shadow: 0 1px 3px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .55)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}h1{font-size:1.45rem;margin:0 0 2px}h2{font-size:1.1rem;margin:0}h3{font-size:1rem;margin:14px 0 8px}p{margin:6px 0}a{color:var(--primary);text-decoration:none}.muted{color:var(--muted)}.small{font-size:.8rem}.error-text{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);padding:8px 12px;font-size:.9rem;margin:10px 0}.page{max-width:980px;margin:0 auto;padding:16px 14px 96px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}.page-actions{justify-content:center;margin-top:22px}.page-center{display:flex;justify-content:center;padding:48px 0}.back-link{display:inline-block;margin-bottom:10px;font-size:.9rem}.event-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;flex-wrap:wrap}.empty{text-align:center;padding:34px 16px;border:1.5px dashed var(--border);border-radius:var(--radius);background:var(--surface-2)}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 16px;font-size:.95rem;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--text);transition:filter .12s,transform .05s;min-height:42px;line-height:1.2}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-secondary{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text)}.btn.danger,.btn-ghost.danger{color:var(--danger);border-color:var(--danger)}.btn-sm{padding:6px 11px;font-size:.85rem;min-height:34px}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn-col{display:flex;flex-direction:column;gap:8px}.form-actions{justify-content:flex-end;margin-top:16px}.icon-btn{background:transparent;border:none;font-size:1.15rem;cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:8px}.icon-btn:hover{background:var(--surface-2)}.form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:.85rem;font-weight:600;color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input{width:100%;padding:11px 12px;font-size:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);min-height:44px}textarea.input{resize:vertical;min-height:70px}.input:focus{outline:2px solid var(--primary);outline-offset:0;border-color:var(--primary)}.code-input{letter-spacing:.25em;text-transform:uppercase;text-align:center;font-weight:700}.tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;margin-bottom:14px}.tab{flex:1;border:none;background:transparent;color:var(--muted);font-weight:600;font-size:.92rem;padding:9px 8px;border-radius:10px;cursor:pointer;min-height:40px}.tab.active{background:var(--primary);color:var(--primary-contrast)}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:18px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 22px;text-align:center}.auth-logo{font-size:2.6rem;margin-bottom:4px}.auth-card .tabs{margin:16px 0}.auth-card form{text-align:left}.events-grid{display:grid;grid-template-columns:1fr;gap:12px}.event-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 15px;cursor:pointer;transition:transform .08s,box-shadow .12s}.event-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.event-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-desc{margin:6px 0;color:var(--muted);font-size:.9rem}.event-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.88rem;margin:8px 0}.event-code-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding-top:8px;margin-top:8px}.role-badge{font-size:.72rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);white-space:nowrap}.role-badge.owner{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.expenses{display:flex;flex-direction:column;gap:12px}.expense-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:13px 15px}.expense-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.expense-top h3{margin:0;font-size:1rem;word-break:break-word}.expense-amount{font-weight:700;font-size:1.05rem;white-space:nowrap}.updated-mark{color:var(--primary)}.receipt-thumb{display:inline-flex;align-items:center;gap:5px;margin-top:8px;border:1px dashed var(--primary);color:var(--primary);background:var(--primary-soft);border-radius:var(--radius-sm);padding:5px 10px;font-size:.85rem;font-weight:600;cursor:pointer}.expense-participants{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.chip{font-size:.8rem;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px;color:var(--text)}.expense-actions{justify-content:flex-end;margin-top:10px;border-top:1px solid var(--border);padding-top:8px}.expense-items{margin-top:10px;display:flex;flex-direction:column;gap:3px;border-top:1px dashed var(--border);padding-top:8px}.expense-item-row{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;font-size:.86rem}.expense-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-item-user{color:var(--muted);font-size:.8rem;white-space:nowrap}.expense-item-price{font-weight:600;white-space:nowrap}.balance{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 15px}.balance-members{display:flex;flex-direction:column;gap:6px}.balance-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid var(--border)}.balance-row:last-child{border-bottom:none}.balance-name{font-weight:600;min-width:90px}.balance-net{margin-left:auto;font-weight:700}.balance-net.pos{color:var(--ok)}.balance-net.neg{color:var(--danger)}.settlements{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.members{display:flex;flex-direction:column;gap:8px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:11px 14px}.member-name{font-weight:600;margin-right:8px}.fab{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;border:none;background:var(--primary);color:var(--primary-contrast);font-size:1.9rem;font-weight:600;box-shadow:var(--shadow-lg);cursor:pointer;z-index:40;display:flex;align-items:center;justify-content:center}.fab:active{transform:scale(.94)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#080f1e8c;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal{background:var(--surface);color:var(--text);width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:var(--radius) var(--radius) 0 0;box-shadow:var(--shadow-lg);animation:sheet-up .18s ease-out}.modal-wide{max-width:640px}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.4}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.modal-body{padding:14px 16px 20px}.toast-container{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;width:min(92vw,420px)}.toast{padding:11px 15px;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;box-shadow:var(--shadow-lg);animation:toast-in .16s ease-out;border:1px solid transparent}@keyframes toast-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-info{background:var(--surface);color:var(--text);border-color:var(--border)}.toast-success{background:var(--primary);color:var(--primary-contrast)}.toast-error{background:var(--danger);color:#fff}.camera{display:flex;flex-direction:column;gap:12px}.camera-view{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:4 / 3}.camera-view video{width:100%;height:100%;object-fit:cover;display:block}.qr-frame{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:3px solid rgba(255,255,255,.85);border-radius:16px;box-shadow:0 0 0 4000px #00000059;pointer-events:none}.camera-controls{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}.btn-capture{flex:1}.camera-error{text-align:center;padding:26px 14px;display:flex;flex-direction:column;gap:12px;align-items:center}.hint{color:var(--muted);font-size:.85rem}.qr-box{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.qr-code{border-radius:12px;border:4px solid #fff;box-shadow:var(--shadow);background:#fff}.receipt-box{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:10px}.receipt-box-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-weight:600;font-size:.92rem}.receipt-preview-row{display:flex;gap:10px;align-items:flex-start}.receipt-preview{width:130px;border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:cover;aspect-ratio:3 / 4}.receipt-full{width:100%;border-radius:var(--radius-sm);display:block}.ai-status{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.9rem}.ai-status .spinner{width:22px;height:22px;border-width:2.5px}.ai-result{border-top:1px solid var(--border);padding-top:10px;display:flex;flex-direction:column;gap:8px}.ai-items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto}.ai-items li{display:flex;justify-content:space-between;gap:10px;font-size:.9rem;border-bottom:1px dashed var(--border);padding-bottom:4px}.ai-total-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:700}.receipt-annotated{display:flex;flex-direction:column;gap:8px}.annotated-wrap{position:relative;width:100%;line-height:0}.annotated-wrap img{display:block;width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.marker{position:absolute;display:flex;align-items:center;justify-content:center;border:2px solid #94a3b8;border-radius:6px;color:#fff;font-size:.72rem;font-weight:700;cursor:pointer;padding:0;min-width:18px;min-height:18px;box-shadow:0 1px 4px #00000040;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.5)}.marker.active{outline:3px solid var(--primary);outline-offset:1px;z-index:3}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:.85rem}.legend-item{display:inline-flex;align-items:center;gap:6px;font-weight:600}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.marker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#080f1e40;border-radius:var(--radius-sm)}.marker-popover{position:absolute;z-index:6;display:flex;flex-direction:column;gap:5px;min-width:130px;max-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:8px;line-height:1.3}.marker-popover-title{margin:0 0 2px;font-size:.78rem;font-weight:700;color:var(--muted)}.pop-chip{display:flex;align-items:center;gap:7px;width:100%;border:1.5px solid var(--border);border-radius:999px;padding:7px 11px;font-size:.85rem;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--text);text-align:left;min-height:36px}.pop-chip:active{transform:scale(.98)}.pop-clear{justify-content:center;color:var(--muted)}.participants-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.participants-head label{font-size:.85rem;font-weight:600;color:var(--muted)}.participants{display:flex;flex-direction:column;gap:6px}.participant-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--surface)}.participant-row.checked{border-color:var(--primary);background:var(--primary-soft)}.participant-check{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;font-weight:600;min-width:0}.participant-check input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0}.share-input{width:110px;min-height:38px;padding:6px 10px;font-size:.92rem;text-align:right}.share-sum{font-size:.88rem;font-weight:600;margin:8px 0 0}.share-sum.ok{color:var(--ok)}.share-sum.bad{color:var(--danger)}.items-list{display:flex;flex-direction:column;gap:8px}.item-row{display:grid;grid-template-columns:1fr 92px;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;background:var(--surface)}.item-row .item-name{grid-column:1 / -1}.item-row .item-price{text-align:right}.item-row .item-assign{grid-column:1 / -1}.item-remove{grid-column:2;grid-row:2;justify-self:end;min-height:38px}@media (min-width: 768px){.item-row{grid-template-columns:1fr 120px 1fr 40px;grid-template-rows:auto auto;align-items:center}.item-row .item-name{grid-column:1;grid-row:1}.item-row .item-price{grid-column:2;grid-row:1}.item-row .item-assign{grid-column:3;grid-row:1}.item-remove{grid-column:4;grid-row:1}}.participant-row.derived{justify-content:space-between;font-weight:600;color:var(--text)}@media (min-width: 768px){.page{padding:26px 24px 110px}h1{font-size:1.7rem}.events-grid{grid-template-columns:repeat(2,1fr);gap:16px}.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:var(--radius);animation:modal-in .16s ease-out}@keyframes modal-in{0%{transform:scale(.97);opacity:.3}to{transform:scale(1);opacity:1}}.fab{right:42px;bottom:34px}.expense-participants{gap:8px}}@media (min-width: 1100px){.events-grid{grid-template-columns:repeat(3,1fr)}}