@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #e8e0f4;--bg-secondary: #ffffff;--bg-card: #ffffff;--accent-yellow: #ffb545;--accent-blue: #a8d8ea;--accent-pink: #f5a3c7;--accent-purple: #b39ddb;--accent-green: #81c784;--accent-orange: #ffab91;--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--nav-bg: #1a1a2e;--nav-text: #ffffff;--nav-active: #ffffff;--positive: #10b981;--negative: #e879a0;--border-color: rgba(0, 0, 0, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:var(--bg-primary);overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;height:calc(var(--tg-safe-area-top, 0px) + var(--tg-content-safe-area-top, 0px));background:var(--bg-primary);z-index:9999;pointer-events:none}body:after{content:"";position:fixed;bottom:0;left:0;right:0;height:var(--tg-safe-area-bottom, 0px);background:var(--bg-primary);z-index:9999;pointer-events:none}#root{padding-top:calc(var(--tg-safe-area-top, 0px) + var(--tg-content-safe-area-top, 0px));padding-bottom:var(--tg-safe-area-bottom, 0px);min-height:100vh;box-sizing:border-box}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{user-select:text;-webkit-user-select:text}.copy-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--accent-purple);color:#fff;padding:12px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:500;z-index:10000;box-shadow:0 4px 12px #0003;animation:toastFade 3s ease-in-out forwards;pointer-events:none;white-space:nowrap}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.app{min-height:100vh;max-width:480px;margin:0 auto;padding:16px;padding-top:calc(16px + var(--safe-area-top));padding-bottom:calc(32px + var(--safe-area-bottom));padding-left:calc(16px + var(--safe-area-left));padding-right:calc(16px + var(--safe-area-right));background:var(--bg-primary)}.dev-panel{background:#1a1a2e;border-radius:var(--radius-md);margin-bottom:16px;padding:10px 14px}.dev-switcher{display:flex;align-items:center;gap:8px;overflow-x:auto}.dev-label{font-size:11px;font-weight:700;color:#ff6b6b;text-transform:uppercase;letter-spacing:1px;flex-shrink:0}.dev-user-btn{padding:8px 14px;border-radius:var(--radius-full);border:none;background:#ffffff1a;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.dev-user-btn:hover{background:#fff3;color:#fff}.dev-user-btn.active{background:var(--accent-purple);color:#fff}.dev-invite-row{display:flex;gap:8px;margin-top:10px}.dev-invite-input{flex:1;padding:8px 12px;border-radius:var(--radius-sm);border:none;background:#ffffff1a;color:#fff;font-size:13px;margin-bottom:0}.dev-invite-input::placeholder{color:#fff6}.dev-invite-btn{padding:8px 16px;border-radius:var(--radius-sm);border:none;background:var(--accent-purple);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.dev-invite-btn:hover:not(:disabled){opacity:.9}.dev-invite-btn:disabled{opacity:.4;cursor:not-allowed}.dev-checkbox-row{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:#fffc;cursor:pointer}.dev-checkbox-row input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--accent-purple);cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center;padding:8px 0 20px}.header-left{display:flex;align-items:center;gap:12px}.avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:600;flex-shrink:0}.avatar-img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.greeting{display:flex;flex-direction:column}.greeting-text{font-size:18px;font-weight:600;color:var(--text-primary)}.date-text{font-size:13px;color:var(--text-secondary)}.header-about-btn{padding:6px 12px;background:transparent;border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:var(--radius-full);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.header-about-btn:hover{background:#ffffff0d;color:var(--text-primary)}.admin-grant-banner{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border-radius:var(--radius-md);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.admin-grant-banner-content{display:flex;flex-direction:column;gap:16px}.admin-grant-banner-text{color:#fff;font-size:15px;line-height:1.5;text-align:center}.admin-grant-banner-text strong{font-weight:900;color:#2e1065}.admin-grant-banner-btn{align-self:center;padding:12px 32px;background:#fff;color:var(--accent-purple);border:none;border-radius:var(--radius-full);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.admin-grant-banner-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-grant-banner-btn:active{transform:translateY(0)}.header-action-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-card);border:none;display:flex;align-items:center;justify-content:center;color:var(--accent-purple);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s}.header-action-btn:hover{transform:scale(1.05);background:var(--accent-purple);color:#fff}.hero-card{background:linear-gradient(135deg,#2d3748,#1a202c);border-radius:var(--radius-lg);padding:24px;margin-bottom:20px;position:relative;overflow:hidden}.hero-card.compact{padding:16px 20px;min-height:auto}.hero-row{display:flex;justify-content:space-between;gap:16px}.hero-stat{display:flex;flex-direction:column;gap:4px}.hero-stat-label{font-size:12px;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.hero-stat-values{display:flex;flex-direction:column;gap:2px}.hero-stat-value{font-size:20px;font-weight:700;color:#fff;display:block}.hero-stat-value.positive{color:#68d391}.hero-stat-value.negative{color:#fc8181}.hero-groups{display:flex;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.hero-group-icon{width:28px;height:28px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:14px;margin-left:-6px;border:2px solid #2d3748}.hero-group-icon:first-child{margin-left:0}.hero-group-icon.more{font-size:11px;font-weight:600;color:#fff;background:#0000004d}.hero-content{position:relative;z-index:1}.hero-title{font-size:28px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:8px}.hero-subtitle{font-size:14px;color:#ffffffd9;margin-bottom:16px}.hero-avatars{display:flex;align-items:center}.hero-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--accent-purple);margin-left:-8px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.hero-avatar:first-child{margin-left:0}.hero-avatar.more{background:#0000004d;color:#fff;font-size:11px}.hero-decoration{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.3;color:#fff}.hero-decoration svg{width:80px;height:80px}.group-selector{display:flex;gap:8px;overflow-x:auto;margin:0 -16px;padding:4px 16px 16px;scrollbar-width:none;-ms-overflow-style:none}.group-selector::-webkit-scrollbar{display:none}.group-chip{flex-shrink:0;padding:12px 20px;border-radius:var(--radius-full);background:var(--bg-card);border:none;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;min-width:70px}.group-chip-day{font-size:11px;color:var(--text-muted);text-transform:uppercase}.group-chip-date{font-size:16px;font-weight:600}.group-chip.active{background:var(--nav-bg);color:#fff}.group-chip.active .group-chip-day{color:#ffffffb3}.group-chip .dot{width:6px;height:6px;border-radius:50%;background:var(--accent-purple);margin-top:4px}.group-chip.active .dot{background:#fff}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.balance-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.balance-card{border-radius:var(--radius-md);padding:16px;position:relative;overflow:hidden;min-height:140px}.balance-card.yellow{background:var(--accent-yellow)}.balance-card.blue{background:var(--accent-blue)}.balance-card.pink{background:var(--accent-pink)}.balance-card.green{background:var(--accent-green)}.balance-card-tag{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);background:#ffffffe6;font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:12px}.balance-card-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.balance-card-info{font-size:13px;color:var(--text-secondary);margin-bottom:2px}.balance-card-amount{font-size:15px;font-weight:600;margin-top:8px}.balance-card-amount.positive{color:var(--positive)}.balance-card-amount.negative{color:var(--negative)}.balance-card-icon{position:absolute;right:12px;bottom:12px;font-size:32px;opacity:.7}.groups-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.groups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.groups-header .section-title{margin-bottom:0}.add-group-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent-purple);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-group-btn:hover{transform:scale(1.05)}.archived-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;margin-top:12px;background:transparent;border:1px dashed var(--text-muted);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.archived-toggle:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.archived-toggle span{flex:1;text-align:left}.group-list.archived{margin-top:12px;padding-top:12px;border-top:1px solid var(--bg-primary)}.group-list{display:flex;flex-direction:column;gap:12px}.groups-section .group-item.active{margin-bottom:12px}.group-item{display:flex;align-items:center;padding:14px 16px;background:var(--bg-primary);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .2s;text-align:left;width:100%}.group-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.group-item.active{background:var(--nav-bg);color:#fff}.group-item-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:14px;flex-shrink:0}.group-item-image{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;margin-right:14px;flex-shrink:0}.group-item-icon.yellow{background:var(--accent-yellow)}.group-item-icon.blue{background:var(--accent-blue)}.group-item-icon.pink{background:var(--accent-pink)}.group-item-icon.green{background:var(--accent-green)}.group-item-icon.purple{background:var(--accent-purple);color:#fff}.group-item-icon.orange{background:var(--accent-orange)}.group-item-content{flex:1;min-width:0}.group-item-name{font-size:16px;font-weight:600;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-item-meta{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.group-trip-pass-badge{font-size:10px;font-weight:500;color:var(--accent-purple);margin-left:4px;opacity:.85}.group-item.active .group-item-meta{color:#ffffffb3}.group-item-balance{font-size:15px;font-weight:600;flex-shrink:0}.group-item-balance.positive{color:var(--positive)}.group-item-balance.negative{color:var(--negative)}.group-item.active .group-item-balance{color:#fff}.swipeable-group-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-md)}.group-item-inner{display:flex;align-items:center;padding:14px 16px;background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;text-align:left;width:100%;position:relative;z-index:1}.group-swipe-actions{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:stretch;transition:opacity .2s;overflow:hidden;border-radius:0 var(--radius-md) var(--radius-md) 0}.expenses-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.expenses-list{display:flex;flex-direction:column;gap:12px}.swipeable-expense-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-md)}.swipe-actions{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:stretch;transition:opacity .2s;overflow:hidden;border-radius:0 var(--radius-md) var(--radius-md) 0}.swipe-action-btn{display:flex;align-items:center;justify-content:center;width:60px;border:none;cursor:pointer;color:#fff}.swipe-action-btn.edit{background:var(--accent-purple);border-radius:var(--radius-md) 0 0 var(--radius-md)}.swipe-action-btn.delete{background:var(--negative)}.swipe-action-btn.leave{background:var(--text-muted);border-radius:var(--radius-md)}.swipe-action-btn svg{width:20px;height:20px}.expense-item{display:flex;align-items:center;padding:12px;background:var(--bg-primary);border-radius:var(--radius-md);gap:12px;position:relative;z-index:1}.expense-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--accent-purple);flex-shrink:0}.expense-icon svg{width:22px;height:22px}.expense-details{flex:1;min-width:0}.expense-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expense-meta{font-size:12px;color:var(--text-muted)}.expense-meta-home{color:var(--text-muted);opacity:.7}.expense-hint{font-size:10px;color:var(--primary);opacity:.8;margin-top:2px}.expense-right{text-align:right;flex-shrink:0}.expense-amount{font-size:16px;font-weight:700;color:var(--text-primary)}.expense-share-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px}.expense-share-amount{font-size:16px;font-weight:700}.expense-share-amount.positive{color:var(--positive)}.expense-share-amount.negative{color:var(--negative)}.expense-share-amount.muted{font-size:12px;font-weight:500;color:var(--text-muted)}.expense-home-amount{font-size:11px;color:var(--text-muted);margin-top:2px;text-align:right}.expense-actions{display:flex;gap:4px;margin-top:4px}.expense-action-btn{width:28px;height:28px;border-radius:8px;background:var(--bg-card);border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.expense-action-btn.danger{background:#fee2e2}.balance-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.balance-totals{margin-bottom:16px}.balance-total-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.balance-total-label{font-size:16px;color:var(--text-primary)}.balance-total-amount{font-size:20px;font-weight:700}.balance-total-amount.positive{color:var(--positive)}.balance-total-amount.negative{color:var(--negative)}.debts-breakdown{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:var(--bg-primary);border-radius:var(--radius-md)}.debt-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.debt-row:last-child{border-bottom:none;padding-bottom:0}.debt-text{font-size:14px}.debt-text.positive{color:var(--positive)}.debt-text.negative{color:var(--negative)}.debt-amount{font-size:15px;font-weight:600}.debt-amount.positive{color:var(--positive)}.debt-amount.negative{color:var(--negative)}.balance-list{display:flex;flex-direction:column;gap:10px}.balance-row{display:flex;align-items:center;padding:12px 16px;background:var(--bg-primary);border-radius:var(--radius-md)}.balance-row.inactive{opacity:.6}.inactive-badge{font-size:10px;color:var(--text-muted);background:var(--bg-card);padding:2px 6px;border-radius:var(--radius-full);margin-left:6px}.balance-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-purple);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;font-weight:600;margin-right:12px;flex-shrink:0}.balance-user-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;margin-right:12px;flex-shrink:0}.balance-user-name{flex:1;font-size:15px;font-weight:500}.balance-user-amount{font-size:16px;font-weight:700}.balance-user-amount.positive{color:var(--positive)}.balance-user-amount.negative{color:var(--negative)}.tabs-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.tabs{display:flex;gap:8px;background:var(--bg-primary);padding:4px;border-radius:var(--radius-md);flex:1}.tab{flex:1;padding:12px 16px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px}.tab svg{width:16px;height:16px}.tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.tabs-actions{display:flex;gap:8px}.tab-action-btn{width:44px;height:44px;border-radius:50%;border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.tab-action-btn.primary{background:var(--accent-purple);color:#fff}.tab-action-btn.secondary{background:var(--accent-green);color:#fff}.tab-action-btn:hover{transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--safe-area-bottom);z-index:1000;animation:fadeIn .2s ease;overflow:hidden;touch-action:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px;padding-top:calc(24px + var(--safe-area-top));padding-bottom:24px;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;animation:slideUp .3s ease;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.modal::-webkit-scrollbar{display:none;width:0;height:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:700;color:var(--text-primary)}.close-btn{width:40px;height:40px;border-radius:50%;border:none;background:#ffffff1a;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s;flex-shrink:0}.close-btn:hover{background:#ffffff26;color:var(--text-primary)}.close-btn:active{transform:scale(.95);background:#fff3}.about-product-modal{max-width:400px}.about-product-content{display:flex;flex-direction:column;gap:20px}.about-section h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.about-section p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.about-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.about-list li{font-size:14px;color:var(--text-secondary);line-height:1.4;padding-left:16px;position:relative}.about-list li:before{content:"–";position:absolute;left:0;color:var(--text-muted)}input{width:100%;padding:16px;border:2px solid transparent;border-radius:var(--radius-md);font-size:16px;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);margin-bottom:12px;outline:none;transition:all .2s}input:focus{border-color:var(--accent-purple);background:var(--bg-card)}input::placeholder{color:var(--text-muted)}.label{font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:10px;display:block}.currency-select{position:relative;margin-bottom:12px}.currency-input{display:flex;justify-content:space-between;align-items:center;padding:16px;border:2px solid transparent;border-radius:var(--radius-md);background:var(--bg-primary);cursor:pointer;font-size:16px;transition:all .2s}.currency-input:hover{border-color:var(--accent-purple)}.currency-input .arrow{font-size:12px;color:var(--text-muted)}.currency-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-radius:var(--radius-md);margin-top:4px;z-index:100;box-shadow:var(--shadow-lg);max-height:280px;overflow:hidden}.currency-search{margin:12px;width:calc(100% - 24px)}.currency-list{max-height:200px;overflow-y:auto}.currency-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}.currency-option:hover{background:var(--bg-primary)}.currency-option.selected{background:var(--accent-purple);color:#fff}.currency-symbol{font-size:18px;width:28px;text-align:center}.currency-code{font-weight:600;width:44px}.currency-name{font-size:14px;color:var(--text-muted);flex:1}.currency-option.selected .currency-name{color:#fffc}.participants-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.participant-chip{padding:10px 16px;background:var(--bg-primary);border:2px solid transparent;border-radius:var(--radius-full);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.participant-chip.selected{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.primary-btn{width:100%;padding:16px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;background:var(--nav-bg);color:#fff;transition:all .2s;margin-top:8px}.primary-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.danger-btn{width:100%;padding:16px;margin-top:12px;background:var(--negative);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s}.danger-btn:hover{opacity:.9}.invite-modal{text-align:center;padding:32px 24px;padding-bottom:calc(32px + var(--safe-area-bottom))}.invite-icon{font-size:64px;margin-bottom:20px}.invite-modal h3{font-size:18px;margin-bottom:8px}.invite-group-name{font-size:24px;font-weight:700;color:var(--accent-purple);margin-bottom:8px}.invite-details{display:flex;justify-content:center;gap:8px;color:var(--text-muted);font-size:14px;margin-bottom:24px}.invite-question{font-size:16px;margin-bottom:24px;color:var(--text-secondary)}.invite-buttons{display:flex;gap:12px}.invite-buttons button{flex:1;padding:14px 20px;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;border:none;cursor:pointer}.decline-btn{background:var(--bg-primary);color:var(--text-primary)}.accept-btn{background:var(--nav-bg);color:#fff}.confirm-modal{text-align:center;padding:32px 24px;padding-bottom:calc(32px + var(--safe-area-bottom))}.confirm-icon{font-size:64px;margin-bottom:20px}.confirm-modal h3{font-size:20px;font-weight:700;margin-bottom:12px}.confirm-modal p{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.confirm-buttons{display:flex;gap:12px}.confirm-buttons button{flex:1;padding:14px;border-radius:var(--radius-md);font-size:16px;font-weight:600;font-family:inherit;border:none;cursor:pointer}.confirm-buttons .danger-btn{background:var(--negative);color:#fff;margin-top:0}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:15px}.split-info{text-align:center;padding:14px;background:var(--bg-primary);border-radius:var(--radius-md);font-size:14px;color:var(--text-secondary);margin-bottom:12px}.invite-error{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fef3c7;border-radius:var(--radius-md);margin-bottom:16px;color:#92400e}.invite-error button{background:transparent;padding:4px 8px;font-size:14px;color:#92400e;border:none;cursor:pointer}.icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:var(--accent-purple);color:#fff}.invite-actions{display:flex;gap:8px}.group-image-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:16px}.image-status{margin-top:8px;font-size:12px;color:var(--text-muted)}.image-status.success{color:var(--positive)}.image-upload-label{width:100px;height:100px;border-radius:50%;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:2px dashed var(--border-color);transition:all .2s}.image-upload-label:hover{border-color:var(--accent);background:var(--bg-card)}.image-preview{width:100%;height:100%;object-fit:cover}.image-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);font-size:12px}.image-placeholder span:first-child{font-size:24px}.create-group-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.create-group-card h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.toast-tip{position:fixed;bottom:calc(24px + var(--safe-area-bottom));left:calc(16px + var(--safe-area-left));right:calc(16px + var(--safe-area-right));max-width:448px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-secondary);box-shadow:0 4px 20px #0000004d;animation:slideUp .3s ease-out;cursor:pointer;z-index:1000}.toast-tip span:first-child{font-size:18px}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.trip-pass-status{padding:12px 16px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:500;margin-bottom:12px;text-align:center}.home-currency-upsell{padding:12px 16px;background:var(--bg-primary);border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);margin-top:12px;cursor:pointer;transition:all .2s;text-align:center}.home-currency-upsell:hover{background:var(--bg-card);color:var(--accent-purple)}.approx-amount{font-size:12px;color:var(--text-muted);margin-top:2px}.trip-summary-overlay{padding-bottom:0;background:#1a1a2e}.trip-summary-screen{background:linear-gradient(180deg,#1a1a2e,#16213e);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;max-height:100vh;height:100vh;overflow-y:auto;animation:slideUp .3s ease;padding-top:var(--safe-area-top);padding-bottom:calc(20px + var(--safe-area-bottom));margin-bottom:0;scrollbar-width:none;-ms-overflow-style:none}.trip-summary-screen::-webkit-scrollbar{display:none}.trip-summary-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;position:sticky;top:0;background:linear-gradient(180deg,#1a1a2e,#1a1a2ef2);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trip-summary-header h2{font-size:20px;font-weight:700;color:#fff;margin:0}.trip-summary-header .close-btn{color:#ffffffb3}.trip-summary-hero{background:linear-gradient(135deg,#667eea,#764ba2);padding:32px 24px;margin:0 16px 20px;border-radius:var(--radius-lg);text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 32px #667eea4d}.trip-summary-hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(0)}50%{transform:translate(10%,10%)}}.trip-summary-hero-icon{font-size:48px;margin-bottom:12px;position:relative}.trip-summary-hero-label{font-size:13px;color:#fffc;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-weight:600;position:relative}.trip-summary-hero-amount{font-size:44px;font-weight:800;color:#fff;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.2);position:relative}.trip-summary-hero-approx{font-size:16px;color:#ffffffb3;margin-top:8px;position:relative}.trip-summary-hero-hint{font-size:12px;color:#ffffff80;margin-top:12px;position:relative}.trip-summary-block{background:#ffffff0d;margin:0 16px 16px;padding:20px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.trip-summary-block-title{font-size:15px;font-weight:600;color:#ffffffe6;margin-bottom:16px}.trip-summary-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats-card{background:#ffffff14;border-radius:var(--radius-md);padding:12px 8px;text-align:center;transition:transform .2s ease}.stats-card:hover{transform:scale(1.02)}.stats-card-total{grid-column:span 3;background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid rgba(102,126,234,.3)}.stats-card-value{display:block;font-size:22px;font-weight:700;color:#fff;line-height:1.2}.stats-card-total .stats-card-value{font-size:32px}.stats-card-label{display:block;font-size:10px;color:#fff9;margin-top:4px;text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.stats-card-home{display:block;font-size:11px;color:#fff6;margin-top:6px}.daily-chart{display:flex;align-items:flex-end;justify-content:space-between;height:140px;gap:6px;padding:0 4px}.daily-chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}.daily-chart-amount{font-size:10px;color:#fff9;margin-bottom:4px;white-space:nowrap}.daily-chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:6px 6px 2px 2px;transition:all .3s ease;min-height:8px}.daily-chart-bar:hover{filter:brightness(1.2);transform:scaleY(1.02)}.daily-chart-bar-max{background:linear-gradient(180deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c66}.daily-chart-label{font-size:10px;color:#ffffff80;margin-top:6px;text-align:center;white-space:nowrap}.daily-chart-legend{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#ffffffb3;text-align:center}.daily-chart-legend strong{color:#fff}.pie-chart-container{display:flex;gap:20px;align-items:center}.pie-chart{width:120px;height:120px;flex-shrink:0}.pie-chart-svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.pie-chart-legend{flex:1;display:flex;flex-direction:column;gap:10px}.pie-legend-item{display:flex;align-items:center;gap:8px}.pie-legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.pie-legend-name{font-size:13px;color:#fffc;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pie-legend-value{font-size:13px;font-weight:600;color:#fff;text-align:right}.pie-legend-percent{font-size:11px;color:#ffffff80;margin-left:4px;font-weight:400}.trip-summary-roles{display:flex;flex-direction:column;gap:12px}.trip-summary-role{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff0d;border-radius:var(--radius-md);transition:all .2s ease}.trip-summary-role:hover{background:#ffffff14}.role-highlight{background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid rgba(102,126,234,.3)}.role-positive{border-left:3px solid var(--positive)}.role-negative{border-left:3px solid var(--negative)}.role-emoji{font-size:22px;flex-shrink:0}.role-content{display:flex;flex-direction:column;gap:4px}.role-text{font-size:14px;color:#ffffffe6;line-height:1.4}.role-text strong{color:#fff;font-weight:600}.role-detail{font-size:12px;color:#ffffff80}.trip-summary-plan{display:flex;flex-direction:column;gap:10px}.trip-summary-transfer{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff14;border-radius:var(--radius-md);transition:all .2s ease}.trip-summary-transfer:hover{background:#ffffff1f}.transfer-users{display:flex;align-items:center;gap:8px}.transfer-from{font-size:14px;font-weight:600;color:#f5a3c7}.transfer-arrow{font-size:16px;color:#fff6}.transfer-to{font-size:14px;font-weight:600;color:#81c784}.transfer-amounts{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.transfer-amount{font-size:15px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:6px 12px;border-radius:var(--radius-full)}.transfer-amount-home{font-size:11px;color:#ffffff80}.trip-summary-empty{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;background:#81c78426;border-radius:var(--radius-md);border:1px solid rgba(129,199,132,.3)}.trip-summary-empty .empty-icon{font-size:24px}.trip-summary-empty span{color:#81c784;font-size:15px;font-weight:600}.trip-summary-close-block{margin-bottom:24px}.trip-summary-close-text{font-size:14px;color:#fff9;line-height:1.6;margin-bottom:16px}.trip-summary-close-btn{width:100%;margin-top:0;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 15px #667eea66}.trip-summary-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.trip-summary-closed-info{display:flex;align-items:center;gap:10px;padding:16px;background:#81c78426;border-radius:var(--radius-md);border:1px solid rgba(129,199,132,.3);color:#81c784;font-size:14px;font-weight:500}.closed-icon{font-size:20px}.trip-summary-screen.preview-mode{position:relative}.trip-summary-preview-banner{position:sticky;top:calc(60px + var(--safe-area-top));z-index:100;display:flex;align-items:center;gap:10px;padding:10px 14px;margin:0 16px 16px;background:#667eeae6;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #667eea66}.preview-banner-icon{font-size:16px}.preview-banner-text{flex:1;font-size:13px;font-weight:500;color:#fff}.preview-banner-btn{padding:6px 14px;background:#fff;color:#667eea;border:none;border-radius:var(--radius-full);font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.preview-banner-btn:hover{transform:scale(1.05);box-shadow:0 2px 10px #0003}.blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.scan-receipt-btn{width:100%;margin-top:8px;padding:14px 16px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-md);background:var(--nav-bg);color:#fff;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}.scan-receipt-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.scan-receipt-btn:active{transform:translateY(0)}.scan-receipt-btn:focus-visible{outline:3px solid rgba(179,157,219,.55);outline-offset:2px}.trip-pass-badge{font-size:10px;padding:2px 8px;background:var(--accent-purple);border-radius:var(--radius-full);color:#fff;font-weight:600}.trip-pass-buy-btn{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.trip-pass-price{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#ffffff26;border-radius:var(--radius-full);font-size:13px;font-weight:600}.trip-pass-price .old-price{text-decoration:line-through;opacity:.6;font-size:12px}.trip-pass-price .new-price{color:gold;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.5)}.scan-modal{max-width:400px;max-height:calc(90vh - var(--safe-area-top));overflow-x:hidden;background:var(--bg-primary);padding:20px;padding-bottom:calc(20px + var(--safe-area-bottom))}.scan-modal *{box-sizing:border-box}.scan-modal .modal-header{margin-bottom:20px}.scan-modal .modal-header h3{font-size:18px;font-weight:700;color:var(--text-primary)}.scan-hint{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:14px}.scan-error{color:var(--negative);text-align:center;font-size:13px;margin-top:12px;padding:10px;background:#e879a01a;border-radius:var(--radius-sm)}.scan-warning{background:#ffb54526;color:#b07800;padding:12px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}.scan-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.scan-spinner{width:44px;height:44px;border:3px solid var(--bg-card);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scan-processing p{color:var(--text-secondary);font-size:15px}.scan-form{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.scan-row{display:flex;align-items:center;gap:12px}.scan-row label{min-width:56px;font-size:14px;font-weight:500;color:var(--text-secondary)}.scan-row input[type=number],.scan-row input[type=date]{flex:1;padding:12px 14px;font-size:16px;font-weight:600;border-radius:var(--radius-sm);border:none;background:var(--bg-primary);color:var(--text-primary);margin-bottom:0}.scan-row input[type=number]:focus,.scan-row input[type=date]:focus{outline:none;box-shadow:0 0 0 2px var(--accent-purple)}.scan-row select{width:80px;padding:12px 8px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);border:none;background:var(--accent-purple);color:#fff;cursor:pointer;appearance:none;text-align:center}.scan-currency-label{min-width:60px;padding:12px 14px;font-size:14px;font-weight:600;border-radius:var(--radius-sm);background:var(--accent-purple);color:#fff;text-align:center}.scan-items-edit{margin-bottom:16px}.scan-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.scan-items-header .label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:0}.add-item-btn{background:var(--accent-purple);border:none;color:#fff;padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.add-item-btn:hover{transform:scale(1.02);box-shadow:var(--shadow-sm)}.scan-no-items{text-align:center;color:var(--text-muted);font-size:13px;padding:24px 16px;background:var(--bg-card);border-radius:var(--radius-md)}.scan-item-row{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:14px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s}.scan-item-row.needs-review{background:#fff8e6;box-shadow:inset 0 0 0 1px #ffb54566}.scan-item-row .item-name-input{width:100%;font-size:15px;font-weight:500;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:var(--bg-primary);color:var(--text-primary);margin-bottom:0}.scan-item-row .item-name-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-purple)}.scan-item-row .item-name-input::placeholder{color:var(--text-muted)}.scan-item-row-bottom{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}.item-qty-controls{display:flex;align-items:center;gap:0;flex-shrink:0;background:var(--bg-primary);border-radius:var(--radius-full);padding:4px}.qty-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.qty-btn:hover:not(:disabled){background:var(--accent-purple);color:#fff}.qty-btn:active:not(:disabled){transform:scale(.92)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-value{min-width:24px;text-align:center;font-weight:700;font-size:14px;color:var(--text-primary)}.item-price-label{color:var(--text-muted);font-size:12px;font-weight:500;flex-shrink:0}.scan-item-row .item-price-input{width:80px;flex-shrink:0;font-size:15px;font-weight:600;padding:8px 10px;text-align:right;border:none;background:var(--bg-primary);border-radius:var(--radius-sm);margin-bottom:0}.scan-item-row .item-price-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-purple)}.item-unit-hint{font-size:11px;color:var(--text-muted);flex-shrink:0;white-space:nowrap;background:var(--bg-primary);padding:4px 8px;border-radius:var(--radius-full)}.remove-item-btn{background:none;border:none;color:var(--negative);font-size:16px;cursor:pointer;padding:6px;flex-shrink:0;opacity:.6;transition:all .15s;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%}.remove-item-btn:hover{opacity:1;background:#e879a01a}.scan-sum-check{margin-top:16px;padding:14px;border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm)}.scan-sum-check.ok{background:#81c7841a}.scan-sum-check.has-diff{background:#ffb5451a}.sum-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px;color:var(--text-secondary)}.sum-row span:last-child{font-weight:600;color:var(--text-primary)}.sum-row:last-child{margin-bottom:0}.diff-row{margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.06);font-weight:600}.diff-value{color:#b07800}.diff-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.diff-action-btn{flex:1;min-width:90px;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s}.diff-action-btn:hover{background:var(--accent-purple);color:#fff}.scan-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.secondary-btn{padding:14px 20px;font-size:15px;font-weight:500;font-family:inherit;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.secondary-btn:before{content:"";position:absolute;inset:0;border-radius:var(--radius-md);padding:2px;background:linear-gradient(135deg,#b39ddb4d,#e879a04d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.secondary-btn:hover{color:var(--accent-purple);background:#b39ddb14}.secondary-btn:hover:before{background:linear-gradient(135deg,var(--accent-purple),var(--accent-pink))}.secondary-btn:active{transform:scale(.98)}.scan-actions .secondary-btn{width:100%}.scan-actions .secondary-btn:hover{color:var(--accent-purple)}.scan-actions .primary-btn{width:100%;padding:14px;font-size:15px}.scan-distribute{max-height:380px;overflow-y:auto;margin-bottom:16px;scrollbar-width:none}.scan-distribute::-webkit-scrollbar{display:none}.distribute-item{background:var(--bg-card);border-radius:var(--radius-md);padding:14px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.distribute-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.distribute-item-header .item-name{font-weight:600;font-size:14px;color:var(--text-primary)}.distribute-item-header .item-info{color:var(--text-muted);font-size:13px}.distribute-remaining{font-size:12px;color:#b07800;margin-bottom:10px;padding:6px 10px;background:#ffb54526;border-radius:var(--radius-sm)}.distribute-participants{display:flex;flex-direction:column;gap:8px}.participant-row{display:flex;align-items:center;gap:10px}.participant-name{flex:1;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.participant-qty-controls{display:flex;align-items:center;gap:4px}.participant-amount{min-width:60px;text-align:right;font-size:13px;font-weight:600;color:var(--text-secondary)}.distribute-even-btn{margin-top:10px;width:100%;padding:10px;border:none;border-radius:var(--radius-sm);background:var(--bg-primary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.distribute-even-btn:hover{background:var(--accent-purple);color:#fff}.participant-chip{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius-full);border:none;background:var(--bg-primary);cursor:pointer;font-size:13px;transition:all .2s}.participant-chip.selected{background:var(--accent-purple);color:#fff}.chip-avatar{width:22px;height:22px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.participant-chip.selected .chip-avatar{background:#ffffff40}.chip-name{max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.chip-amount{font-size:11px;opacity:.8}.scan-confirm{margin-bottom:16px}.confirm-total{display:flex;justify-content:space-between;font-size:18px;font-weight:600;padding:14px 16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:12px;box-shadow:var(--shadow-sm)}.confirm-payer{margin-bottom:16px}.confirm-payer label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.confirm-payer select{width:100%;padding:12px 14px;border:none;border-radius:var(--radius-sm);background:var(--bg-card);font-size:15px;color:var(--text-primary)}.payer-select{position:relative}.payer-input{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:2px solid transparent;border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;font-size:15px;font-weight:500;color:var(--text-primary);transition:all .2s}.payer-input:hover{border-color:var(--accent-purple)}.payer-input .arrow{font-size:12px;color:var(--text-muted);transition:transform .2s}.payer-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-radius:var(--radius-md);margin-top:4px;z-index:100;box-shadow:var(--shadow-lg);max-height:240px;overflow:hidden}.payer-list{max-height:240px;overflow-y:auto}.payer-option{padding:14px 16px;cursor:pointer;font-size:15px;font-weight:500;transition:background .15s}.payer-option:hover{background:var(--bg-primary)}.payer-option.selected{background:var(--accent-purple);color:#fff}.confirm-breakdown label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.breakdown-list{list-style:none;padding:0;margin:0;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}.breakdown-list li{display:flex;justify-content:space-between;padding:12px 14px;font-size:14px;border-bottom:1px solid var(--bg-primary)}.breakdown-list li:last-child{border-bottom:none}.breakdown-list li span:last-child{font-weight:600}.confirm-warnings{margin:12px 0;padding:12px 14px;background:#ffb54526;border-radius:var(--radius-md)}.confirm-warning{margin:0;padding:4px 0;font-size:13px;color:#b07800}.confirm-warning:not(:last-child){border-bottom:1px dashed rgba(255,181,69,.3);padding-bottom:8px;margin-bottom:8px}.receipt-claim-modal{max-height:calc(90vh - var(--safe-area-top));overflow-y:auto;scrollbar-width:none;background:var(--bg-primary)}.receipt-claim-modal::-webkit-scrollbar{display:none}.receipt-claim-modal .receipt-claim-sticky{position:sticky;top:0;z-index:5;background:var(--bg-primary);padding-bottom:12px;margin-bottom:16px}.receipt-claim-modal .modal-header{margin-bottom:12px}.receipt-claim-actions{display:flex;flex-direction:column;gap:8px}.receipt-claim-actions .primary-btn{margin-top:0}.receipt-claim-info{padding:16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:16px;box-shadow:var(--shadow-sm)}.receipt-claim-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;font-weight:600}.receipt-claim-status{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:var(--text-secondary)}.status-badge{padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.status-badge.pending{background:#ffb54533;color:#b07800}.status-badge.distributed{background:#81c78433;color:var(--positive)}.status-badge.finalized{background:#b39ddb33;color:var(--accent-purple)}.receipt-claim-progress{margin-top:8px}.receipt-claim-progress .progress-bar{height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden;margin-bottom:6px}.receipt-claim-progress .progress-fill{height:100%;background:var(--accent-purple);border-radius:3px;transition:width .3s ease}.receipt-claim-progress span{font-size:12px;color:var(--text-secondary)}.receipt-claim-items{margin-bottom:16px}.receipt-claim-items h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary)}.receipt-claim-item{padding:14px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:8px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;box-shadow:var(--shadow-sm)}.receipt-claim-item.fully-claimed{opacity:.5}.claim-item-info{flex:1;min-width:150px}.claim-item-name{font-weight:600;margin-bottom:4px;color:var(--text-primary)}.claim-item-price{font-size:14px;color:var(--text-secondary)}.claim-item-qty{color:var(--text-muted)}.claim-item-claimers{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.claimer-chip{padding:3px 10px;background:var(--bg-primary);border-radius:var(--radius-full);font-size:11px;color:var(--text-secondary);font-weight:500}.claimer-chip.me{background:#b39ddb40;color:var(--accent-purple)}.claim-item-controls{display:flex;align-items:center;gap:8px}.claim-status{font-size:16px;color:var(--text-muted)}.my-claim-amount{width:100%;font-size:13px;color:var(--accent-purple);font-weight:600;text-align:right;padding-top:8px;border-top:1px solid var(--bg-primary);margin-top:6px}.receipt-claim-summary{padding:16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:16px;box-shadow:var(--shadow-sm)}.my-total-claim{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600}.preliminary-notice{margin-top:8px;font-size:12px;color:var(--text-muted);font-style:italic}.receipt-all-shares{padding:16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:16px;box-shadow:var(--shadow-sm)}.receipt-all-shares h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary)}.shares-list{display:flex;flex-direction:column;gap:8px}.share-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--bg-primary);border-radius:var(--radius-sm)}.share-row.me{background:#b39ddb26;border:1px solid var(--accent-purple)}.share-row.not-claimed{opacity:.6}.share-user{display:flex;align-items:center;gap:10px}.share-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-secondary)}.share-avatar img{width:100%;height:100%;object-fit:cover}.share-name{font-size:14px;font-weight:500}.share-name .not-marked{font-size:11px;color:var(--text-muted);font-weight:400}.share-amount{font-size:14px;font-weight:600;color:var(--text-primary)}.receipt-claimed-users{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bg-primary)}.claimed-label{font-size:13px;color:var(--text-secondary);white-space:nowrap}.claimed-avatars{display:flex;gap:6px;flex-wrap:wrap}.claimed-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;position:relative;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-secondary);border:2px solid var(--bg-primary);transition:all .2s ease}.claimed-avatar.claimed{border-color:var(--positive)}.claimed-avatar.pending{opacity:.5}.claimed-avatar img{width:100%;height:100%;object-fit:cover}.claimed-avatar .check-mark{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;background:var(--positive);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff}.receipt-finalized-notice{text-align:center;padding:14px;background:#b39ddb1a;border-radius:var(--radius-md);color:var(--accent-purple);font-size:14px;font-weight:500}.expense-item.has-receipt{position:relative}.receipt-indicator{position:absolute;top:8px;right:8px;font-size:12px;opacity:.7}.my-selection{padding:14px;background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.my-items-list{list-style:none;padding:0;margin:0 0 12px}.my-items-list li{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;border-bottom:1px solid var(--bg-primary)}.my-items-list li:last-child{border-bottom:none}.my-total{display:flex;justify-content:space-between;padding-top:10px;border-top:2px solid var(--bg-primary);font-size:15px;font-weight:600}.no-selection{color:var(--text-muted);font-size:14px;text-align:center;padding:24px 0}.confirm-note{padding:14px;background:#b39ddb1a;border-radius:var(--radius-md);margin-bottom:16px}.confirm-note p{margin:0;font-size:13px;color:var(--accent-purple)}.distribute-hint{font-size:13px;color:var(--text-secondary);margin:0 0 16px;padding:14px;background:var(--bg-card);border-radius:var(--radius-md);line-height:1.5;box-shadow:var(--shadow-sm)}.scan-distribute.my-items-only{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.distribute-item-simple{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;background:var(--bg-card);border-radius:var(--radius-md);border:2px solid transparent;transition:all .2s;box-shadow:var(--shadow-sm)}.distribute-item-simple.selected{border-color:var(--accent-purple);background:#b39ddb14}.distribute-item-info{flex:1;min-width:140px}.distribute-item-info .item-name{display:block;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.distribute-item-info .item-price{font-size:14px;color:var(--text-secondary)}.item-qty-badge{display:inline-block;padding:2px 8px;background:var(--bg-primary);border-radius:var(--radius-full);font-size:12px;font-weight:600;margin-right:6px;color:var(--text-secondary)}.my-qty-controls{display:flex;align-items:center;gap:0;background:var(--bg-primary);border-radius:var(--radius-full);padding:4px}.my-item-amount{width:100%;text-align:right;font-size:14px;color:var(--accent-purple);font-weight:600;padding-top:10px;border-top:1px solid var(--bg-primary);margin-top:6px}.my-selection-summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:16px;font-size:15px;box-shadow:var(--shadow-sm)}.my-selection-summary span{color:var(--text-secondary)}.my-selection-summary strong{color:var(--accent-purple);font-weight:700}.finalize-review-modal{max-height:calc(90vh - var(--safe-area-top));overflow-y:auto;padding-bottom:calc(24px + var(--safe-area-bottom))}.finalize-notice{padding:14px;background:#ffb54526;border-radius:var(--radius-md);margin-bottom:16px}.finalize-notice p{margin:0;font-size:13px;color:#b07800}.finalize-notice.success{background:#81c78426}.finalize-notice.success p{color:var(--positive)}.unclaimed-items{margin-bottom:16px}.unclaimed-items h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary)}.unclaimed-item{padding:14px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:10px;box-shadow:var(--shadow-sm)}.unclaimed-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.unclaimed-item-header .item-name{font-weight:600;font-size:14px}.unclaimed-item-header .item-unclaimed{font-size:12px;color:var(--text-muted)}.manual-distribution{display:flex;flex-direction:column;gap:8px;padding-top:10px;border-top:1px solid var(--bg-primary)}.manual-dist-row{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-primary);border-radius:var(--radius-sm)}.dist-user{font-size:13px;color:var(--text-secondary)}.dist-controls{display:flex;align-items:center;gap:8px}.dist-controls .qty-btn{width:28px;height:28px;font-size:16px}.dist-controls .qty-value{min-width:24px;text-align:center;font-size:14px;font-weight:600}.final-distribution{padding:16px;background:var(--bg-card);border-radius:var(--radius-md);margin-bottom:16px;box-shadow:var(--shadow-sm)}.final-distribution h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-secondary)}.finalize-actions{display:flex;gap:12px}.finalize-actions .secondary-btn{flex:1}.finalize-actions .primary-btn{flex:2}.take-all-btn{display:inline-block;padding:8px 16px;margin-bottom:16px;border:1px solid var(--accent-purple);border-radius:20px;background:transparent;color:var(--accent-purple);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.take-all-btn:hover{background:#b39ddb1a}.take-all-btn.active{background:var(--accent-purple);color:#fff}.receipt-edit-hint{font-size:13px;color:var(--text-secondary);padding:14px;background:var(--bg-card);border-radius:var(--radius-md);margin:12px 0;line-height:1.5}.split-participants-section{margin-bottom:16px}.split-participants-section label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:10px}.split-breakdown{background:var(--bg-card);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm)}.split-per-person{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--bg-primary)}.split-per-person span{font-size:14px;color:var(--text-secondary)}.split-per-person strong{font-size:18px;color:var(--accent-purple);font-weight:700}.split-list{display:flex;flex-direction:column;gap:8px}.split-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg-primary);border-radius:var(--radius-sm);font-size:13px}.split-row span:first-child{color:var(--text-primary)}.split-row span:last-child{color:var(--text-secondary);font-weight:500}.onboarding-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.onboarding-mask{position:absolute;top:0;left:0;width:100%;height:100%}.onboarding-highlight{position:fixed;border:2px solid var(--tg-theme-button-color, #2481cc);border-radius:45px;box-shadow:0 0 0 4px #2481cc4d,0 0 20px #2481cc80;pointer-events:none;z-index:10000;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.8}to{transform:scale(1);opacity:1}}.onboarding-tooltip{position:fixed;width:280px;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #000);padding:16px;border-radius:16px;box-shadow:0 10px 30px #0000004d;z-index:10001;pointer-events:auto;animation:tooltip-in .3s ease-out}.onboarding-tooltip.top{transform:translateY(-100%);margin-top:-10px}.onboarding-tooltip.bottom{margin-top:10px}@keyframes tooltip-in{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-tooltip h4{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--tg-theme-button-color, #2481cc)}.onboarding-tooltip p{margin:0 0 16px;font-size:14px;line-height:1.4;opacity:.9}.onboarding-got-it{width:100%;padding:10px;background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #fff);border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}.onboarding-animation{position:absolute;pointer-events:none}.onboarding-animation.swipe{right:-40px;top:50%;transform:translateY(-50%)}.onboarding-animation.swipe .hand{font-size:32px;animation:swipe-hand 2s infinite}.onboarding-animation.swipe .arrow{font-size:24px;color:var(--tg-theme-button-color, #2481cc);position:absolute;right:10px;top:10px;opacity:0;animation:swipe-arrow 2s infinite}@keyframes swipe-hand{0%{transform:translate(0)}30%{transform:translate(-60px)}60%{transform:translate(-60px)}to{transform:translate(0)}}@keyframes swipe-arrow{0%{opacity:0;transform:translate(0)}20%{opacity:1}60%{opacity:1;transform:translate(-40px)}80%{opacity:0}to{opacity:0}}.onboarding-animation.hold{right:-30px;top:50%;transform:translateY(-50%)}.onboarding-animation.hold .hand{font-size:32px;animation:hold-hand 2s infinite}.onboarding-animation.hold .ring{position:absolute;width:40px;height:40px;border:3px solid var(--tg-theme-button-color, #2481cc);border-radius:50%;top:-5px;left:-5px;opacity:0;animation:hold-ring 2s infinite}@keyframes hold-hand{0%{transform:scale(1)}20%{transform:scale(.9)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes hold-ring{0%{transform:scale(.5);opacity:0}20%{transform:scale(1);opacity:1}70%{transform:scale(1.2);opacity:0}to{transform:scale(1.2);opacity:0}}.admin-loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#666}.admin-login{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e)}.admin-login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 24px #0003;width:320px}.admin-login-box h1{margin:0 0 24px;font-size:24px;text-align:center;color:#1a1a2e}.admin-login-box form{display:flex;flex-direction:column;gap:12px}.admin-login-box input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px}.admin-login-box button{padding:12px;background:#1a1a2e;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}.admin-login-box button:hover{background:#16213e}.admin-error{color:#e74c3c;font-size:13px;text-align:center}.admin-container{min-height:100vh;background:#f5f6fa}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#1a1a2e;color:#fff}.admin-header h1{margin:0;font-size:20px}.admin-header-right{display:flex;align-items:center;gap:16px}.admin-header-right span{font-size:13px;opacity:.8}.admin-header-right button{padding:8px 16px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer}.admin-nav{display:flex;gap:4px;padding:12px 24px;background:#fff;border-bottom:1px solid #eee}.admin-nav button{padding:10px 20px;background:transparent;border:none;border-radius:6px;font-size:14px;cursor:pointer;color:#666}.admin-nav button:hover{background:#f0f0f0}.admin-nav button.active{background:#1a1a2e;color:#fff}.admin-nav button{position:relative}.admin-nav button .badge{background:#dc3545;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #0003}.support-tab{display:flex;height:calc(100vh - 160px);background:#fff;border:1px solid #eee;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000014}.support-sidebar{width:320px;border-right:1px solid #eee;display:flex;flex-direction:column;background:#fcfcfc}.support-filters{padding:16px;display:flex;gap:8px;border-bottom:1px solid #eee}.support-filters select{flex:1;padding:8px;border:1px solid #ddd;border-radius:6px}.ticket-list{flex:1;overflow-y:auto}.ticket-item{padding:16px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:all .2s}.ticket-item:hover{background:#f8f9fa}.ticket-item.active{background:#f0f4ff;border-left:4px solid #1a1a2e}.ticket-item.closed{opacity:.6}.ticket-header{display:flex;justify-content:space-between;margin-bottom:6px}.ticket-header strong{font-size:14px}.ticket-header .time{font-size:11px;color:#999}.ticket-meta{font-size:12px;color:#666;display:flex;flex-direction:column;gap:4px}.ticket-meta .assigned{color:#1a1a2e;font-weight:500}.support-content{flex:1;display:flex;flex-direction:column;background:#fff}.support-content-header{padding:16px 24px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.support-content-header h3{margin:0;font-size:18px}.support-content-header .user-info span{font-size:13px;color:#888}.ticket-actions{display:flex;gap:8px}.ticket-actions button{padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid #ddd;background:#fff}.ticket-actions button:hover{background:#f8f9fa}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background:#f9f9f9}.message{max-width:75%;display:flex}.message.user{align-self:flex-start}.message.admin{align-self:flex-end}.message-bubble{padding:12px 16px;border-radius:12px;box-shadow:0 1px 2px #0000000d}.message.user .message-bubble{background:#fff;border:1px solid #eee;border-bottom-left-radius:2px}.message.admin .message-bubble{background:#1a1a2e;color:#fff;border-bottom-right-radius:2px}.message p{margin:0;font-size:14px;line-height:1.5;white-space:pre-wrap}.message .time{font-size:10px;display:block;margin-top:6px;opacity:.7}.reply-form{padding:20px;background:#fff;border-top:1px solid #eee;display:flex;gap:12px}.reply-form textarea{flex:1;height:80px;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;resize:none;font-family:inherit}.reply-form button{padding:0 24px;background:#1a1a2e;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:opacity .2s}.reply-form button:disabled{opacity:.5;cursor:not-allowed}.no-selection{display:flex;justify-content:center;align-items:center;height:100%;color:#999;font-size:15px}.not-linked{color:#e74c3c;font-weight:500}.admin-main{padding:24px}.search-bar{display:flex;gap:8px;margin-bottom:16px}.search-bar input{flex:1;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px}.search-bar button{padding:10px 20px;background:#1a1a2e;color:#fff;border:none;border-radius:8px;cursor:pointer}.admin-table{width:100%;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #00000014}.admin-table th,.admin-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.admin-table th{background:#f8f9fa;font-weight:600;font-size:13px;color:#666}.admin-table tbody tr{cursor:pointer}.admin-table tbody tr:hover{background:#f8f9fa}.admin-table td{font-size:14px}.actions-cell{display:flex;gap:4px}.action-btn{padding:4px 8px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:background .2s}.action-btn:hover{background:#e9ecef}.status-paid{color:#27ae60;font-weight:600}.status-created{color:#f39c12}.status-failed,.status-cancelled{color:#e74c3c}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.pagination button{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-size:14px;color:#666}.period-selector{display:flex;gap:8px;margin-bottom:24px}.period-selector button{padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer}.period-selector button.active{background:#1a1a2e;color:#fff;border-color:#1a1a2e}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.kpi-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 4px #00000014}.kpi-value{font-size:28px;font-weight:700;color:#1a1a2e}.kpi-label{font-size:13px;color:#888;margin-top:4px}.back-btn{padding:8px 16px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;margin-bottom:16px}.user-card,.product-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 4px #00000014}.user-card h2,.product-card h2{margin:0 0 16px}.user-card h3,.product-card h3{margin:24px 0 12px;font-size:16px;color:#666}.user-info p,.product-info p{margin:8px 0}.user-actions,.product-card>button{margin-top:16px}.user-actions button,.product-card>button{padding:10px 20px;background:#1a1a2e;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-right:8px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:24px;border-radius:12px;width:400px;max-width:90%}.modal h3{margin:0 0 16px}.modal input,.modal select,.modal textarea{width:100%;padding:10px;margin-bottom:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.modal textarea{min-height:80px;resize:vertical}.modal label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:14px}.modal label input[type=checkbox]{width:auto;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions button{padding:10px 20px;border:none;border-radius:6px;cursor:pointer}.modal-actions button:first-child{background:#f0f0f0;color:#333}.modal-actions button:last-child{background:#1a1a2e;color:#fff}.revoke-btn{padding:6px 12px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.revoke-btn:hover{background:#c0392b}.danger-btn{background:#e74c3c!important}.danger-btn:hover{background:#c0392b!important}