:root{--bg-color:#f8f6f2;--text-color:#111;--text-color-muted:#666;--box-bg:#fff;--box-bg-alt:#fcfaf6;--border-color:#111;--mint-green:#b8f2d6;--soft-yellow:#fce8a1;--pastel-blue:#c3e0f9;--peach:#fdcfb7;--border-thick:3px solid var(--border-color);--shadow-hard:4px 4px 0px var(--border-color);--shadow-hard-sm:2px 2px 0px var(--border-color);--radius-xl:16px;--radius-lg:12px;--radius-md:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.outfit-font,h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.neubrutal-container{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--bg-color);position:relative;overflow:hidden;display:flex;flex-direction:column}.neubrutal-box{background-color:var(--box-bg)}.neubrutal-box,.neubrutal-btn{border:var(--border-thick);box-shadow:var(--shadow-hard);border-radius:var(--radius-xl)}.neubrutal-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:16px 24px;font-weight:700;font-size:1.125rem;font-family:Outfit,sans-serif;cursor:pointer;transition:all .2s ease}.neubrutal-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--border-color)}.neubrutal-btn.primary{background-color:var(--mint-green)}.neubrutal-btn.ghost{background-color:var(--box-bg)}.bg-white{background-color:var(--box-bg)!important}.neubrutal-tag{display:inline-flex;align-items:center;padding:4px 10px;background:var(--box-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.75rem;font-weight:700;box-shadow:var(--shadow-hard-sm);z-index:10}.dark-theme{--bg-color:#121214;--text-color:#f4f4f5;--text-color-muted:#a1a1aa;--box-bg:#1e1e22;--box-bg-alt:#2d2d35;--border-color:#000;--mint-green:#34d399;--soft-yellow:#fbbf24;--pastel-blue:#60a5fa;--peach:#fb923c}.dark-theme *{border-color:var(--border-color)!important}.dark-theme .add-avatar,.dark-theme .assignment-friend-row-new,.dark-theme .back-btn,.dark-theme .camera-error-message,.dark-theme .confirm-dialog,.dark-theme .control-btn.circle,.dark-theme .currency-btn,.dark-theme .dashboard-action-btn.secondary-action,.dark-theme .fee-row-card,.dark-theme .form-section-card,.dark-theme .friend-chip,.dark-theme .friend-row-card,.dark-theme .history-card,.dark-theme .icon-option-btn,.dark-theme .invite-friend-row-new,.dark-theme .invited-friends-list,.dark-theme .item-row-card,.dark-theme .lang-btn,.dark-theme .modal-content,.dark-theme .neubrutal-box,.dark-theme .neubrutal-btn.ghost,.dark-theme .neubrutal-input,.dark-theme .neubrutal-select,.dark-theme .neubrutal-tag,.dark-theme .search-container,.dark-theme .settings-card,.dark-theme .summary-info-pill,.dark-theme .theme-btn,.dark-theme .user-profile-wrapper .avatar-dropdown{background-color:var(--box-bg)!important;color:var(--text-color)!important}.dark-theme .camera-error-message,.dark-theme .confirm-dialog,.dark-theme .mini-receipt,.dark-theme .modal-content,.dark-theme .neubrutal-box,.dark-theme .neubrutal-btn,.dark-theme .neubrutal-tag{box-shadow:var(--shadow-hard)!important}.dark-theme .add-assignee-btn,.dark-theme .add-fee-btn-icon-only,.dark-theme .assigned-friend-chip,.dark-theme .auto-split-btn,.dark-theme .back-btn,.dark-theme .calculated-preview-badge,.dark-theme .control-btn.circle,.dark-theme .currency-btn,.dark-theme .currency-btn.active,.dark-theme .fee-delete-btn,.dark-theme .fee-row-card,.dark-theme .friend-avatar,.dark-theme .friend-chip,.dark-theme .history-icon,.dark-theme .icon-option-btn,.dark-theme .item-delete-btn,.dark-theme .lang-btn,.dark-theme .lang-btn.active,.dark-theme .neubrutal-input,.dark-theme .neubrutal-select,.dark-theme .search-container,.dark-theme .search-input-new,.dark-theme .summary-info-pill,.dark-theme .theme-btn,.dark-theme .theme-btn.active{box-shadow:var(--shadow-hard-sm)!important}.dark-theme input,.dark-theme select,.dark-theme textarea{color:var(--text-color)!important;background-color:var(--box-bg)!important}.dark-theme input::-moz-placeholder{color:var(--text-color-muted)!important}.dark-theme input::placeholder{color:var(--text-color-muted)!important}.dark-theme .empty-assignment-notice,.dark-theme .empty-fees-notice,.dark-theme .empty-history,.dark-theme .empty-invited-friends,.dark-theme .empty-state{background:var(--box-bg-alt)!important;border-color:var(--border-color)!important;color:var(--text-color-muted)!important}.dark-theme .assignment-summary-title,.dark-theme .chip-name,.dark-theme .chip-name-mini,.dark-theme .confirm-text,.dark-theme .confirm-title,.dark-theme .currency-symbol,.dark-theme .dropdown-item span,.dark-theme .empty-state p,.dark-theme .fees-subtitle,.dark-theme .form-label,.dark-theme .friend-email,.dark-theme .friend-name,.dark-theme .friend-phone,.dark-theme .history-amount,.dark-theme .history-date,.dark-theme .history-meta,.dark-theme .history-title,.dark-theme .item-index-badge,.dark-theme .lang-text,.dark-theme .main-title,.dark-theme .modal-subtitle,.dark-theme .page-title,.dark-theme .preview-label,.dark-theme .search-icon-new,.dark-theme .section-title,.dark-theme .section-title-nested,.dark-theme .see-all,.dark-theme .setting-desc,.dark-theme .setting-label-title,.dark-theme .stat-label,.dark-theme .status-text,.dark-theme .subtitle,.dark-theme .total-label,.dark-theme .total-val{color:var(--text-color)!important}.dark-theme .add-fee-btn-icon-only,.dark-theme .avatar-bg-0,.dark-theme .avatar-bg-0 *,.dark-theme .avatar-bg-1,.dark-theme .avatar-bg-1 *,.dark-theme .avatar-bg-2,.dark-theme .avatar-bg-2 *,.dark-theme .avatar-bg-3,.dark-theme .avatar-bg-3 *,.dark-theme .bg-blue,.dark-theme .bg-blue *,.dark-theme .bg-mint,.dark-theme .bg-mint *,.dark-theme .bg-pastel-blue,.dark-theme .bg-pastel-blue *,.dark-theme .bg-peach,.dark-theme .bg-peach *,.dark-theme .bg-soft-yellow,.dark-theme .bg-soft-yellow *,.dark-theme .bg-yellow,.dark-theme .bg-yellow *,.dark-theme .confirm-btn-yes,.dark-theme .currency-btn.active,.dark-theme .dashboard-action-btn.primary-action,.dark-theme .icon-bg-0,.dark-theme .icon-bg-0 *,.dark-theme .icon-bg-1,.dark-theme .icon-bg-1 *,.dark-theme .icon-bg-2,.dark-theme .icon-bg-2 *,.dark-theme .invite-btn-icon-only,.dark-theme .lang-btn.active,.dark-theme .modal-submit-btn-new,.dark-theme .neubrutal-btn.primary,.dark-theme .neubrutal-btn.primary *,.dark-theme .neubrutal-tag,.dark-theme .neubrutal-tag *,.dark-theme .save-btn,.dark-theme .theme-btn.active{color:#000!important}.dark-theme .dropdown-divider{background:var(--box-bg-alt)!important}.dark-theme .bg-mint{background-color:var(--mint-green)!important}.dark-theme .bg-soft-yellow{background-color:var(--soft-yellow)!important}.dark-theme .bg-pastel-blue{background-color:var(--pastel-blue)!important}.dark-theme .bg-peach{background-color:var(--peach)!important}.dark-theme .bg-blue{background-color:var(--pastel-blue)!important}.dark-theme .bg-yellow{background-color:var(--soft-yellow)!important}.dark-theme .avatar-bg-0{background-color:var(--mint-green)!important}.dark-theme .avatar-bg-1{background-color:var(--pastel-blue)!important}.dark-theme .avatar-bg-2{background-color:var(--soft-yellow)!important}.dark-theme .avatar-bg-3{background-color:var(--peach)!important}.dark-theme .icon-bg-0{background-color:var(--pastel-blue)!important}.dark-theme .icon-bg-1{background-color:var(--peach)!important}.dark-theme .icon-bg-2{background-color:var(--soft-yellow)!important}.dark-theme .add-avatar svg,.dark-theme svg:not(.bg-mint svg):not(.bg-soft-yellow svg):not(.bg-pastel-blue svg):not(.bg-peach svg):not(.bg-blue svg):not(.bg-yellow svg):not(.neubrutal-btn.primary svg):not(.confirm-btn-yes svg):not(.summary-card svg):not(.friend-avatar svg):not(.history-icon svg){color:var(--text-color)!important}.dark-theme .friend-avatar *{color:#000!important}.dark-theme .neubrutal-input:focus,.dark-theme .neubrutal-select:focus,.dark-theme textarea:focus{background-color:var(--box-bg-alt)!important;color:var(--text-color)!important}.dark-theme .modal-content,.dark-theme .modal-content *{color:var(--text-color)}.dark-theme .close-modal-btn,.dark-theme .close-modal-btn svg,.dark-theme .form-label,.dark-theme .modal-title{color:var(--text-color)!important}.dark-theme .action-icon-btn.edit{background-color:var(--soft-yellow)!important;border-color:var(--border-color)!important}.dark-theme .action-icon-btn.delete{background-color:#ef4444!important;border-color:var(--border-color)!important}.dark-theme .action-icon-btn svg{color:#000!important}.dark-theme .invite-friend-row-new.selected{background-color:var(--soft-yellow)!important;border-color:var(--border-color)!important}.dark-theme .invite-friend-row-new.selected *{color:#000!important}.dark-theme .assignment-friend-row-new.active{background-color:var(--mint-green)!important;border-color:var(--border-color)!important}.dark-theme .assignment-friend-row-new.active *,.dark-theme .checkbox-box svg,.dark-theme .custom-checkbox-neubrutal svg{color:#000!important}.dark-theme .confirm-icon-wrapper{background-color:#ef4444!important;border-color:var(--border-color)!important;box-shadow:3px 3px 0 var(--border-color)!important}.dark-theme .confirm-icon-wrapper svg{color:#000!important}.dark-theme .search-icon,.dark-theme .search-icon-new{color:var(--text-color)!important;opacity:.8!important}.dark-theme input::-moz-placeholder,.dark-theme select::-moz-placeholder,.dark-theme textarea::-moz-placeholder{color:#88888f!important;opacity:.85!important}.dark-theme input::placeholder,.dark-theme select::placeholder,.dark-theme textarea::placeholder{color:#88888f!important;opacity:.85!important}.dark-theme input.search-input,.dark-theme input.search-input-new{border-color:var(--border-color)!important;color:var(--text-color)!important;background:var(--box-bg)!important}.dark-theme .assignment-name-new,.dark-theme .invite-name-new{color:var(--text-color)!important}.dark-theme .assignment-friend-row-new.active .assignment-name-new,.dark-theme .invite-friend-row-new.selected .invite-name-new{color:#000!important}.dark-theme .fee-delete-btn,.dark-theme .item-delete-btn{background-color:#ef4444!important;border-color:var(--border-color)!important}.dark-theme .fee-delete-btn svg,.dark-theme .item-delete-btn svg{color:#000!important}.dark-theme .summary-info-pill .val{color:var(--text-color)!important}.dark-theme .assignment-avatar-new *,.dark-theme .auto-split-btn,.dark-theme .auto-split-btn *,.dark-theme .invite-avatar-new *,.dark-theme .status-banner,.dark-theme .status-banner *{color:#000!important}.dark-theme input.total-price-input{background-color:#064e3b!important;color:var(--text-color)!important}.dark-theme .portions-assignment-summary{background-color:var(--box-bg-alt)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-hard-sm)!important}.dark-theme .chip-avatar *,.dark-theme .chip-avatar-mini *,.dark-theme .chip-portion-badge{color:#000!important}.dark-theme .remove-chip-btn-mini svg{color:#ef4444!important}.dark-theme .portion-counter-capsule{background-color:var(--box-bg)!important;border-color:var(--border-color)!important;box-shadow:1.5px 1.5px 0 var(--border-color)!important}.dark-theme .capsule-btn.minus{background-color:#ef4444!important}.dark-theme .capsule-btn.minus,.dark-theme .capsule-btn.plus{color:#000!important;border-color:var(--border-color)!important}.dark-theme .capsule-btn.plus{background-color:#4ade80!important}.dark-theme .capsule-input{color:var(--text-color)!important}.dark-theme .tax-control-group{background-color:var(--box-bg)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-hard-sm)!important}.dark-theme .tax-title{color:var(--text-color)!important}.dark-theme .tax-toggle-tabs{background-color:var(--box-bg-alt)!important;border-color:var(--border-color)!important}.dark-theme .tab-btn{color:var(--text-color-muted)!important}.dark-theme .tab-btn.active{background-color:var(--box-bg)!important;border-color:var(--border-color)!important;box-shadow:1px 1px 0 var(--border-color)!important}.dark-theme .prefix-label,.dark-theme .suffix-label,.dark-theme .tab-btn.active{color:var(--text-color)!important}.dark-theme .calculated-preview-badge{background-color:var(--box-bg)!important;border-color:var(--border-color)!important;box-shadow:var(--shadow-hard-sm)!important}.dark-theme .calculated-preview-badge.active{background-color:var(--box-bg-alt)!important}.dark-theme .calculated-preview-badge *{color:var(--text-color)!important}.dark-theme .calculated-preview-badge .value-red{color:#ef4444!important}.dark-theme .main-title{color:var(--text-color)!important}.dark-theme .subtitle{color:var(--text-color-muted)!important}.dark-theme .tag-vue{background-color:var(--mint-green)!important}.dark-theme .tag-nuxt{background-color:var(--pastel-blue)!important}.dark-theme .tag-api{background-color:var(--soft-yellow)!important}.dark-theme .tag-ai{background-color:var(--peach)!important}.dark-theme .chat-bubble,.dark-theme .chat-bubble svg,.dark-theme .feature-icon,.dark-theme .feature-icon svg,.dark-theme .floating-coin,.dark-theme .tag-ai,.dark-theme .tag-api,.dark-theme .tag-nuxt,.dark-theme .tag-vue{color:#000!important}.dark-theme .phone-mockup{background-color:var(--box-bg-alt)!important;border-color:var(--border-color)!important}.dark-theme .bill-info-summary-card,.dark-theme .share-row-card{background-color:var(--box-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}.dark-theme .bill-preview-title,.dark-theme .drawer-item-cost,.dark-theme .drawer-item-name,.dark-theme .expand-arrow-btn,.dark-theme .highlight-total,.dark-theme .section-divider-title,.dark-theme .share-name,.dark-theme .share-total-amount,.dark-theme .total-row{color:var(--text-color)!important}.dark-theme .bill-preview-date,.dark-theme .cost-summary-item,.dark-theme .drawer-item-portion,.dark-theme .share-items-count{color:var(--text-color-muted)!important}.dark-theme .divider-line{background:var(--text-color)!important;opacity:.15}.dark-theme .section-divider-title{border-bottom-color:var(--border-color)!important}.dark-theme .drawer-divider{border-bottom-color:var(--box-bg-alt)!important}@media(max-width:400px){:root{--shadow-hard:3px 3px 0px var(--border-color)}.app-header{padding:16px!important}.app-main{padding:0 16px 80px!important;gap:20px!important}.page-title{font-size:1.4rem!important}.neubrutal-btn{padding:12px 18px;font-size:1rem;border-radius:var(--radius-lg)}.neubrutal-input,.neubrutal-select{padding:10px 14px!important;font-size:.9rem!important}.currency-grid{grid-template-columns:repeat(5,1fr)!important;gap:4px!important}.currency-btn{height:38px!important}.currency-symbol{font-size:.85rem!important}}.skeleton{background:#e5e2dc!important;position:relative;overflow:hidden;border-radius:var(--radius-md);pointer-events:none}.dark-theme .skeleton,.skeleton{border:none!important;box-shadow:none!important}.dark-theme .skeleton{background:#2d2d35!important}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#ffffff40 20%,#fff6 60%,#fff0);animation:shimmer 1.5s infinite}.dark-theme .skeleton:after{background:linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a 60%,#fff0)}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{height:16px;width:100%;margin-bottom:8px;border-radius:4px}.skeleton-text.short{width:60%}.skeleton-text.title{height:24px;width:80%;margin-bottom:12px}.skeleton-circle{border-radius:50%!important;flex-shrink:0}