@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;500;600;700;800&display=swap";:root{--font-en: "Nunito Sans", "Avenir Next", Avenir, "Segoe UI", sans-serif;--font-zh: "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-soft: #f4f8ff;--surface-muted: #edf2ff;--line: rgba(95, 121, 201, .14);--text: #1d2437;--text-soft: #5d6a86;--blue: #3b63f0;--blue-deep: #2e55de;--danger: #c84c5d;--success: #1b8b67;font-family:var(--font-en);line-height:1.6;font-weight:400;color:var(--text);background:#eef3fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(91,130,255,.14),transparent 24rem),linear-gradient(180deg,#f5f8ff,#edf3fc,#e8eef9)}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{max-width:980px;margin:0 auto;padding:18px 12px 44px}.lang-en,.lang-en button,.lang-en input,.lang-en select,.lang-en textarea{font-family:var(--font-en)}.lang-zh,.lang-zh button,.lang-zh input,.lang-zh select,.lang-zh textarea{font-family:var(--font-zh)}.hero{display:flex;flex-direction:column;gap:14px;padding:18px 18px 22px;margin-bottom:18px;border-radius:26px;background:#ffffffd1;border:1px solid var(--line);box-shadow:0 18px 50px #3453a814;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-topbar{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding-top:4px}.hero-main{display:grid;gap:12px;padding-top:8px}.eyebrow{margin:8px 0 10px;font-size:.9rem;letter-spacing:.05em;color:var(--blue);font-weight:700}.hero h1,.section-header h2,.empty-state h3,.flow-card h3{margin:0;font-family:inherit}.hero h1{font-size:2.5rem;line-height:1.04;letter-spacing:-.03em;font-weight:800}.hero-copy{margin:0;color:var(--text-soft);font-size:1rem;line-height:1.78;letter-spacing:.035em;max-width:30rem}.icon-pill{border:0;border-radius:999px;background:#fff;color:var(--blue);box-shadow:0 8px 18px #3b63f014}.language-icon-button{padding:9px 12px;min-width:58px}.icon-pill-mark{display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;letter-spacing:.01em}.language-switch{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--line)}.language-switch span{font-size:.94rem;font-weight:600}.language-switch select{width:auto;min-width:108px;padding:10px 14px;border-radius:999px}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.panel{padding:20px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 40px #3453a812;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.section-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.section-header h2{font-size:1.18rem;font-weight:800;letter-spacing:-.02em}.pill{padding:8px 12px;border-radius:999px;font-size:.84rem;background:var(--surface-muted);color:var(--blue-deep);font-weight:700}.intro-panel{padding-bottom:18px}.flow-grid{display:grid;grid-template-columns:1fr;gap:12px}.flow-card{padding:18px;border-radius:22px;background:#f7fafff2;border:1px solid var(--line)}.flow-card h3{margin-bottom:8px;font-size:1rem;font-weight:800}.flow-card p{margin:0;color:var(--text-soft)}.field{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.field-grow{flex:1}.field span,.checkbox-group legend{font-weight:600;letter-spacing:-.01em}input,select,textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fffffff5;color:var(--text);transition:border-color .18s ease,box-shadow .18s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b63f06b;box-shadow:0 0 0 4px #3b63f01a}textarea{resize:vertical}.participant-add-row,.form-actions,.action-grid,.expense-actions,.table-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.form-actions{margin-top:8px}.share-actions{margin-top:8px;margin-bottom:26px}.form-grid{display:grid;grid-template-columns:1fr;gap:4px 14px}.checkbox-group{margin:0 0 24px;padding:0;border:0}.checkbox-grid{display:grid;gap:10px}.checkbox-row{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:#f7f9ffe6}.checkbox-row input{width:auto}.primary-button,.secondary-button,.small-secondary-button,.ghost-button{border:0;border-radius:999px;padding:14px 20px;font-weight:800;letter-spacing:-.01em;transition:transform .15s ease,box-shadow .15s ease}.primary-button:hover,.secondary-button:hover,.small-secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{background:linear-gradient(180deg,#4670ff,#315df0);color:#fff;box-shadow:0 12px 28px #3b63f03d}.secondary-button{background:#fff;color:var(--blue);border:1px solid rgba(59,99,240,.16);box-shadow:0 10px 20px #3b63f014}.small-secondary-button{padding:9px 14px;background:#fff;color:var(--blue);border:1px solid rgba(59,99,240,.16);box-shadow:0 6px 14px #3b63f00f;font-size:.88rem}.ghost-button{background:transparent;color:var(--blue);padding:8px 10px;font-weight:700}.ghost-button.danger,.negative,.inline-error{color:var(--danger)}.positive{color:var(--success)}.preview-box,.notice,.empty-state{padding:18px 20px;border-radius:22px;background:var(--surface-soft);border:1px dashed rgba(78,111,206,.22)}.preview-box{margin-top:8px;margin-bottom:22px}.notice{margin-top:12px}.empty-state.compact{padding:18px 20px}.notice.error{border-style:solid;border-color:#c84c5d42;background:#fff5f6;margin-bottom:28px}.helper-text,.notice p{margin:0;color:var(--text-soft)}.notice p+p{margin-top:6px}.inline-error{font-size:.94rem}.table-shell{overflow-x:auto;border-radius:22px;border:1px solid var(--line);background:#fffffff7}.data-table{width:100%;min-width:680px;border-collapse:collapse}.data-table th,.data-table td{padding:15px 16px;text-align:left;vertical-align:middle;border-bottom:1px solid rgba(95,121,201,.12)}.data-table th{background:#f1f5fff0;color:var(--text-soft);font-size:.88rem;font-weight:800;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table td{font-size:.96rem}.data-table td input{margin:0;min-width:180px}.table-badge{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:var(--surface-muted);color:var(--blue-deep);font-size:.86rem;font-weight:700}.settlement-list{display:grid;gap:12px}.settlement-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:16px 18px;border-radius:20px;background:var(--surface-strong);border:1px solid var(--line)}.hidden-input{display:none}@media (min-width: 860px){.app-shell{padding:24px 20px 56px}.hero{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:22px;padding:20px 24px 28px}.hero h1{font-size:3.45rem;line-height:1.06}.hero-copy{font-size:1.06rem;letter-spacing:.03em;max-width:34rem}.flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:1.8fr .8fr 1fr}}
