:root{--bg:#0a0e1a;--bg-elevated:#0e1526;--bg-card-hover:#121a2e;--glass:#ffffff0f;--glass-border:#ffffff1a;--glass-border-strong:#ffffff2e;--text-muted:#9aa3b8;--text-dim:#6b7280;--mint:#4ade80;--rose:#fb7185;--cyan:#22d3ee;--violet:#8b5cf6;--amber:#fbbf24;--purple:#7c3aed;--pink:#db2777;--orange:#f97316;--brand-gradient:linear-gradient(135deg, var(--purple), var(--pink), var(--orange));--brand-gradient-subtle:linear-gradient(135deg, #7c3aed29, #db27771f);--sidebar-w:264px;--radius-sm:9px;--radius-md:13px;--radius-lg:18px;--shadow-card:0 1px 0 #ffffff05 inset, 0 8px 20px #0000002e;--shadow-elevated:0 20px 50px #00000073;--transition-fast:.12s ease;--transition-base:.18s cubic-bezier(.4, 0, .2, 1);--font:"Inter", -apple-system, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:#fff;font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss01";background-image:radial-gradient(900px 600px at 15% -10%,#7c3aed29,#0000),radial-gradient(900px 700px at 110% 10%,#f973161c,#0000),radial-gradient(700px 700px at 50% 120%,#db277714,#0000);background-attachment:fixed;margin:0;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.01em;margin:0}.text-page-title{letter-spacing:-.015em;font-size:22px;font-weight:800}.text-section{font-size:17px;font-weight:700}.text-body{font-size:14.5px;font-weight:500}.text-secondary{color:var(--text-muted);font-size:12.5px}.text-amount-lg{letter-spacing:-.02em;font-size:26px;font-weight:800}.text-amount-md{letter-spacing:-.01em;font-size:20px;font-weight:800}@media (width>=900px){.text-page-title{font-size:26px}}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,.sidebar-nav-item:focus-visible,.segmented-item:focus-visible,.party-row:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.skeleton{background:linear-gradient(90deg, var(--glass) 25%, #ffffff1a 50%, var(--glass) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shine}@keyframes skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-success{color:var(--mint);background:#4ade8024}.badge-danger{color:var(--rose);background:#fb718524}.badge-warning{color:var(--amber);background:#fbbf2424}.badge-neutral{background:var(--glass);color:var(--text-muted)}.app-shell{min-height:100vh;display:flex}.sidebar-backdrop{display:none}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--glass-border);z-index:40;transition:transform var(--transition-base);background:#0b0f1d;flex-direction:column;flex-shrink:0;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-elevated);transform:translate(0)}.sidebar-backdrop.open{z-index:35;animation:fadeIn var(--transition-fast);background:#0000008c;display:block;position:fixed;inset:0}.sidebar-logo{align-items:center;gap:10px;padding:8px 10px 24px;display:flex}.logo-mark{border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-elevated);flex-shrink:0;width:36px;height:36px}.topbar-logo-desktop{object-fit:cover;border-radius:7px;width:26px;height:26px;display:none}@media (width>=900px){.topbar-logo-desktop{display:block}}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.sidebar-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);padding:14px 12px 6px;font-size:10.5px;font-weight:700}.sidebar-nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:11px;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:15px;display:flex}.sidebar-nav-item:hover{background:var(--glass);color:#fff}.sidebar-nav-item:active{transform:scale(.98)}.sidebar-nav-item.active{background:var(--brand-gradient-subtle);color:#fff;box-shadow:inset 2.5px 0 0 var(--pink)}.sidebar-nav-item.disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.sidebar-footer{border-top:1px solid var(--glass-border);margin-top:10px;padding-top:12px}.sidebar-profile{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-bottom:4px;padding:8px;display:flex}.sidebar-profile-name{font-size:13px;font-weight:700}.sidebar-profile-sub{color:var(--text-muted);font-size:11px}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#0a0e1aa6;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.topbar-back{cursor:pointer;transition:background var(--transition-fast);border-radius:8px;padding:4px;font-size:19px}.topbar-back:hover{background:var(--glass)}.hamburger-btn{cursor:pointer;background:var(--glass);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.content{flex:1;width:100%;max-width:760px;margin:0 auto;padding:20px 16px 100px}@media (width>=900px){.sidebar{height:100vh;position:sticky;transform:none}.sidebar-backdrop{display:none!important}.main-area{margin-left:0}.content{max-width:820px;padding:32px 40px 60px}.hamburger-btn{display:none}}@media (width>=1300px){.content{max-width:920px;padding:40px 56px 60px}:root{--sidebar-w:280px}}@media (width>=1800px){.content{max-width:1040px}}.glass-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:18px 20px}.gradient-button{background:var(--brand-gradient);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:opacity .15s,transform .1s}.gradient-button:hover{opacity:.92}.gradient-button:active{transform:scale(.98)}.gradient-button:disabled{opacity:.4;cursor:not-allowed}.text-field{background:var(--glass);border:1px solid var(--glass-border);color:#fff;border-radius:14px;width:100%;padding:13px 15px;font-size:15px}.text-field::placeholder{color:var(--text-muted)}.text-field:focus{border-color:var(--violet);outline:none}.label{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.muted{color:var(--text-muted)}.error-text{color:var(--rose);font-size:14px}.topbar-logo-mobile{width:32px;height:32px}.topbar-subtitle{display:none}.topbar-icons{flex-shrink:0;align-items:center;gap:10px;display:flex}.topbar-icon-btn{background:var(--glass);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.topbar-icon-btn:hover{background:#ffffff1a}.avatar-sm{background:var(--brand-gradient);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}@media (width>=900px){.topbar-subtitle{display:block}}.stat-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=700px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:16px;padding:16px;transition:transform .15s,border-color .15s;box-shadow:inset 0 1px #ffffff05,0 8px 20px #00000026}.stat-card:hover{border-color:#fff3;transform:translateY(-2px)}.stat-card-icon{border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:10px;font-size:15px;display:flex}.stat-card-label{color:var(--text-muted);margin-bottom:4px;font-size:12px;font-weight:600}.stat-card-value{margin-bottom:3px;font-size:21px;font-weight:800}.stat-card-sub{color:var(--text-muted);font-size:11.5px}.segmented{background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented-item{cursor:pointer;color:var(--text-muted);white-space:nowrap;border-radius:9px;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.segmented-item.active{background:var(--violet);color:#fff}.toolbar{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}@media (width>=700px){.toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.toolbar-search{max-width:320px}.toolbar-actions{flex-shrink:0;gap:8px;display:flex}.toolbar-select{background:var(--glass);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:10px;padding:0 10px;font-size:13px}.btn-primary-compact{background:var(--brand-gradient);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:700;transition:opacity .15s}.btn-primary-compact:hover{opacity:.9}.btn-secondary{background:var(--glass);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700}.btn-danger{background:var(--rose);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700}.party-table-wrap{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.party-table-header{display:none}.party-row{border-bottom:1px solid var(--glass-border);cursor:pointer;flex-direction:column;gap:8px;padding:14px 16px;transition:background .12s;display:flex;position:relative}.party-row:last-child{border-bottom:none}.party-row:hover{background:#ffffff08}.party-row-cell{font-size:13.5px}.party-row-cell[data-label]:before{content:attr(data-label);color:var(--text-muted);margin-bottom:1px;font-size:11px;display:block}.party-name-cell{align-items:center;gap:10px;font-size:15px;display:flex}.party-actions-cell{position:absolute;top:12px;right:12px}.action-dots{cursor:pointer;color:var(--text-muted);border-radius:8px;padding:4px 10px;font-size:18px}.action-dots:hover{background:var(--glass);color:#fff}.action-menu{border:1px solid var(--glass-border);z-index:15;background:#1a1930;border-radius:10px;min-width:140px;position:absolute;top:28px;right:0;overflow:hidden;box-shadow:0 10px 30px #0006}.action-menu-item{cursor:pointer;padding:10px 14px;font-size:13.5px}.action-menu-item:hover{background:var(--glass)}.action-menu-item.danger{color:var(--rose)}@media (width>=900px){.party-table-header{border-bottom:1px solid var(--glass-border);letter-spacing:.03em;color:var(--text-muted);text-transform:uppercase;grid-template-columns:1.6fr 1.1fr 1fr 1fr 1fr 1fr 40px;gap:10px;padding:12px 16px;font-size:11.5px;font-weight:700;display:grid}.party-row{flex-direction:row;grid-template-columns:1.6fr 1.1fr 1fr 1fr 1fr 1fr 40px;align-items:center;gap:10px;display:grid}.party-row-cell[data-label]:before{display:none}.party-actions-cell{justify-content:flex-end;display:flex;position:static}}.empty-state-card{background:var(--bg-elevated);border:1px solid var(--glass-border);text-align:center;border-radius:18px;padding:44px 24px}.empty-state-icon{background:var(--glass);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto;font-size:26px;display:flex}.modal-overlay{z-index:30;background:#0009;justify-content:center;align-items:flex-end;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--glass-border);background:#14131f;border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:24px;animation:.2s slideUp}@media (width>=700px){.modal-overlay{align-items:center}.modal-card{border-radius:18px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast{border:1px solid var(--glass-border);z-index:50;background:#1a1930;border-radius:12px;padding:12px 20px;font-size:13.5px;font-weight:600;animation:.15s fadeIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0006}.card-row{gap:10px;display:grid}.screen{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding:24px;display:flex}@media (width>=700px){.screen{justify-content:center;max-width:440px}}