@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary-h:330;--primary-s:65%;--primary-l:62%;--primary:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-hover:hsl(var(--primary-h), var(--primary-s), 52%);--secondary:#f1f5f9;--bg-color:#f8fafc;--card-bg:#fff;--border-color:#e2e8f0;--text-main:#1e293b;--text-muted:#64748b;--success:#10b981;--danger:#f43f5e;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px 0 #00000008;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif}body.dark{--bg-color:#0f172a;--card-bg:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--border-color:#334155;--secondary:#0f172a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;transition:background-color .2s,color .2s}.container{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2rem;transition:background-color .2s,border-color .2s}.title{letter-spacing:-.025em;background:linear-gradient(135deg, var(--primary), #ec4899);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000001a);word-break:break-word;-webkit-background-clip:text;margin-bottom:2rem;font-size:clamp(2rem,8vw,3.5rem);font-weight:800;line-height:1.2}button{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.625rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:all .15s;display:flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--secondary);border-color:#cbd5e1}body.dark .btn-secondary:hover{border-color:#475569}input,select{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--card-bg);width:100%;min-width:0;padding:.875rem 1rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .15s;color:var(--text-main)!important}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:1rem;padding-right:1.875rem!important}body.dark select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}input::placeholder{color:var(--text-muted);opacity:.7}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15);background:var(--card-bg);outline:none}.input-unstyled{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important}.input-unstyled:focus{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.btn-icon{flex-shrink:0;width:48px;height:48px;padding:.75rem!important}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}@media (max-width:400px){.grid{grid-template-columns:1fr}}.flex{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.flex-nowrap{flex-wrap:nowrap!important}.flex-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-title{color:var(--text-main);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.section-title svg{color:var(--primary)}body.dark .section-title svg{color:var(--primary)!important}.logo-img{mix-blend-mode:multiply}body.dark .logo-img{mix-blend-mode:screen!important;filter:invert()hue-rotate(180deg)brightness(1.6)contrast(1.2)!important}.summary-total-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}body.dark .summary-total-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%)!important}.item-row{border-bottom:1px solid var(--border-color);padding:1.25rem 0;animation:.4s forwards fadeIn}.item-row:last-child{border-bottom:none}.person-tag{background:var(--card-bg);color:var(--text-muted);border:1px solid var(--border-color);cursor:pointer;border-radius:9999px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.person-tag:hover{border-color:var(--primary);color:var(--primary);background:var(--secondary)}.person-tag.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px hsla(var(--primary-h), var(--primary-s), var(--primary-l), .3)}.badge{background:var(--secondary);color:var(--text-muted);border-radius:6px;padding:.25rem .625rem;font-size:.75rem;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hide-mobile{display:inline}@media (max-width:480px){.hide-mobile{display:none}.summary-total-card{padding:1rem!important}.summary-total-card h3{font-size:1.75rem!important}}.share-btn-hover{cursor:pointer;transition:all .2s}.share-btn-hover:hover{transform:scale(1.15);background:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .2)!important;color:var(--primary-hover)!important}.share-btn-hover:active{transform:scale(.95)}input.edit-input-inline{color:#fff!important;box-shadow:none!important;font-weight:600!important;font-size:inherit!important;background:0 0!important;border:none!important;outline:none!important;height:auto!important;margin:0!important;padding:0!important;font-family:inherit!important}input.edit-input-inline:focus{color:#fff!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}@media (max-width:768px){.container{padding:1.5rem 1rem}.title{font-size:2.25rem}.grid{grid-template-columns:1fr}.card{padding:1.25rem}.flex{gap:.5rem}input,select,button{max-width:100%}}@media (max-width:480px){.title{font-size:1.75rem}.section-title{font-size:1.25rem}}.logo-img:hover{transform:scale(1.05)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.btn-delete{background-color:var(--secondary)!important;color:var(--danger)!important;border-radius:var(--radius-sm)!important;border:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;transition:all .15s!important;display:flex!important}.btn-delete:hover{background-color:var(--danger)!important;color:#fff!important}