:root{--bg-1: #07131d;--bg-2: #102435;--card: rgba(255,255,255,.08);--card-soft: rgba(255,255,255,.05);--border: rgba(255,255,255,.12);--border-strong: rgba(255,255,255,.18);--text: #eef6ff;--muted: #9eb5ca;--primary: #5cc7ff;--primary-2: #337dff;--green: #36d39d;--danger: #ff6f7d;--danger-2: #ff5063;--warning: #ffcd72;--shadow: 0 18px 52px rgba(0,0,0,.34);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,rgba(92,199,255,.16),transparent 30%),radial-gradient(circle at 100% 100%,rgba(54,211,157,.12),transparent 28%),linear-gradient(135deg,var(--bg-1),var(--bg-2) 55%,#0b1621 100%)}.container{width:min(1280px,calc(100% - 28px));margin:0 auto;padding:26px 0 60px}.hero{text-align:center;margin-bottom:24px}.hero h1{margin:0 0 10px;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02;letter-spacing:-.03em}.hero p{margin:0 auto;max-width:860px;color:var(--muted);font-size:1rem;line-height:1.58}.tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 22px;position:sticky;top:10px;z-index:10}.tab-btn{border:1px solid var(--border);background:#ffffff0d;color:var(--text);border-radius:999px;padding:11px 16px;cursor:pointer;font:inherit;transition:.18s ease}.tab-btn.active{background:linear-gradient(135deg,#5cc7ff33,#337dff33);border-color:#5cc7ff57;box-shadow:inset 0 0 0 1px #5cc7ff29}.view{display:none}.view.active{display:block}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.card{background:var(--card);border:1px solid var(--border);backdrop-filter:blur(16px);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:22px}.section-stack{display:grid;gap:18px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.title-row h2,.title-row h3,.title-row h4{margin:0}.badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0d;color:var(--muted);font-size:.86rem;white-space:nowrap}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1 / -1}label{font-size:.93rem;color:#dce8f3}input,select,textarea{width:100%;border-radius:16px;border:1px solid var(--border);background:#06131ea8;color:var(--text);padding:14px;font:inherit;outline:none;transition:.18s ease}textarea{resize:vertical;min-height:94px}input:focus,select:focus,textarea:focus{border-color:#5cc7ffb3;box-shadow:0 0 0 4px #5cc7ff1f}.hint,.muted{color:var(--muted)}.hint{font-size:.83rem;line-height:1.45}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}button{border:0;border-radius:16px;padding:12px 15px;font:inherit;color:#fff;cursor:pointer;transition:transform .14s ease,opacity .14s ease,box-shadow .14s ease}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));font-weight:700}.btn-secondary{background:#ffffff14;border:1px solid var(--border)}.btn-ghost{background:transparent;border:1px dashed rgba(255,255,255,.2);color:var(--muted)}.btn-danger-soft{background:#ff6f7d1f;border:1px solid rgba(255,111,125,.24);color:#ffd8dd}.passenger-list,.expenses-list,.history-list,.person-list,.settlement-list{display:grid;gap:12px}.row-card{display:grid;gap:12px;align-items:end;padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:var(--card-soft)}.passenger-row{grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(110px,.6fr)) 52px}.expense-row{grid-template-columns:minmax(190px,1.2fr) minmax(100px,.6fr) minmax(140px,.7fr) minmax(160px,.7fr) 52px}.checks{display:inline-flex;align-items:center;gap:12px;min-height:52px}.check-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 14px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#dce8f3}.check-pill input{width:auto;margin:0;accent-color:var(--primary)}.remove-btn{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(180deg,#ff6f7d33,#ff506329);border:1px solid rgba(255,111,125,.34);color:#fff;font-size:1.3rem;font-weight:800;line-height:1;box-shadow:inset 0 0 0 1px #ffffff14}.remove-btn:hover{box-shadow:0 8px 24px #ff50632e}.summary-grid{display:grid;gap:12px}.summary-main{padding:18px 20px;border-radius:22px;border:1px solid var(--border);background:#06131ea8}.summary-main .eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;margin-bottom:8px}.summary-main .big{font-size:clamp(2rem,4vw,2.7rem);font-weight:800}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat,.panel,.empty-box{border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.stat{padding:14px}.stat .k{color:var(--muted);font-size:.84rem;margin-bottom:6px}.stat .v{font-weight:700}.panel{padding:16px}.panel h3{margin:0 0 12px}.empty-box{padding:14px;color:var(--muted);border-style:dashed}.breakdown,.history-meta{display:grid;gap:8px}.break-item,.history-mini{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.settlement-item,.person-card,.history-card{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.settlement-line,.person-card,.history-head,.history-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.settlement-line{flex-wrap:wrap}.person-card{align-items:flex-start}.person-total{font-weight:800;font-size:1.06rem;white-space:nowrap}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.78rem}.tag.ok{background:#36d39d1a;border-color:#36d39d38}.extra-block{display:grid;gap:6px;margin-top:10px}.mini-line{padding:8px 10px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:.86rem}.message{margin-top:12px;padding:12px 14px;border-radius:14px;background:#36d39d1a;border:1px solid rgba(54,211,157,.2);color:#ddfff1;opacity:0;transform:translateY(4px);transition:.18s ease;pointer-events:none}.message.show{opacity:1;transform:translateY(0)}.history-card{display:grid;gap:12px}.history-title{font-weight:700}.history-sub{color:var(--muted);font-size:.9rem}.history-actions{justify-content:flex-end;flex-wrap:wrap}.mini-btn{padding:9px 12px;border-radius:12px;font-size:.9rem}.footer-note{margin-top:14px;color:var(--muted);line-height:1.5}.selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.check-item{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 10px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.check-item input{width:auto;margin:0;accent-color:var(--primary)}.expense-custom{margin-top:10px;padding-top:10px;border-top:1px dashed rgba(255,255,255,.12);display:none}.expense-custom.active{display:block}@media(max-width:1040px){.grid{grid-template-columns:1fr}}@media(max-width:860px){.container{width:min(100% - 18px,100%);padding-top:18px}.card{padding:18px;border-radius:22px}.config-grid,.stats,.selector-grid,.passenger-row,.expense-row{grid-template-columns:1fr}.remove-btn{width:100%}.title-row,.history-head,.person-card,.settlement-line{align-items:flex-start;flex-direction:column}.history-actions{justify-content:stretch}.history-actions .mini-btn{width:100%}}