*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f13;color:#e0e0e0;font-family:Segoe UI,system-ui,sans-serif;min-height:100vh}.page{margin:0 auto;max-width:700px;padding:2rem 1rem 4rem}h1{color:#f0f0f0;font-size:1.8rem;margin-bottom:1.5rem}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:1rem}.login-card{background:#1a1a22;border:1px solid #2a2a38;border-radius:12px;max-width:380px;padding:2.5rem 2rem;text-align:center;width:100%}.login-card h1{font-size:2rem;margin-bottom:.5rem}.login-sub{color:#888;font-size:.9rem;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:.75rem}.login-input{background:#0f0f13;border:1px solid #2a2a38;border-radius:8px;color:#e0e0e0;font-size:1.1rem;padding:.8rem 1rem;text-align:center}.login-input:focus{border-color:#5060c0;outline:none}.btn-login{font-size:1rem;padding:.8rem}.app-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.app-topbar h1{margin-bottom:0}.btn-logout{background:#0000;border:1px solid #2a2a38;border-radius:20px;color:#888;font-size:.8rem;padding:.3rem .7rem}.btn-logout:hover{border-color:#cf6f6f;color:#cf6f6f;opacity:1}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.section-header h2{color:#ccc;font-size:1.1rem;margin:0}.join-section{background:#1a1a22;border:1px solid #2a2a38;border-radius:8px;margin-bottom:1.5rem;padding:.5rem .8rem}.join-summary{color:#7b8cf7;cursor:pointer;font-size:.85rem;font-weight:600;padding:.2rem 0}.join-summary:hover{color:#9baff7}.join-form{display:flex;gap:.5rem;margin-top:.75rem}.join-input{background:#0f0f13;border:1px solid #2a2a38;border-radius:6px;color:#e0e0e0;flex:1 1;font-size:.85rem;padding:.5rem .8rem}.join-input:focus{border-color:#5060c0;outline:none}.add-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.add-form.inline{flex-wrap:nowrap}.add-form input{background:#1a1a22;border:1px solid #2a2a38;border-radius:6px;color:#e0e0e0;flex:1 1;font-size:.9rem;min-width:140px;padding:.55rem .8rem}.add-form input:focus{border-color:#5060c0;outline:none}button{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.55rem 1rem;transition:opacity .15s}button:hover{opacity:.85}button:disabled{cursor:default;opacity:.5}.btn-add{background:#3d4fd0;color:#fff}.btn-back{background:#0000;border:1px solid #2a2a38;color:#aaa;margin-bottom:1.5rem;padding:.4rem .9rem}.btn-back:hover{border-color:#5060c0;color:#fff;opacity:1}.btn-share{background:#1a1a22;border:1px solid #2a2a38;color:#7b8cf7;font-size:.8rem;padding:.35rem .7rem}.btn-edit{background:#1a2a3a;color:#7baff7;padding:.35rem .6rem}.btn-save{background:#1a3a1a;color:#6fcf6f}.btn-cancel{background:#2a1a1a;color:#cf6f6f}.btn-mark{background:#1a3a1a;color:#6fcf6f;padding:.35rem .6rem}.btn-unmark{background:#2a2a38;color:#aaa;padding:.35rem .6rem}.btn-delete{background:#2a1a1a;color:#cf6f6f;padding:.35rem .6rem}.btn-delete-liste{background:#0000;color:#555;font-size:.8rem;margin-left:auto;padding:.2rem .5rem}.btn-delete-liste:hover{color:#cf6f6f;opacity:1}.btn-delete-liste-nav{background:#0000;color:#555;font-size:.9rem;padding:.2rem .5rem}.btn-delete-liste-nav:hover{background:#2a1a1a;color:#cf6f6f;opacity:1}.btn-confirm-buy{background:#1a3a1a;color:#6fcf6f}.btn-cancel-buy,.btn-confirm-buy{font-size:.8rem;padding:.3rem .7rem}.btn-cancel-buy{background:#2a1a1a;color:#cf6f6f}.listes-grid{grid-gap:.75rem;display:grid;gap:.75rem}.liste-card{align-items:center;background:#1a1a22;border:1px solid #2a2a38;border-radius:10px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.2rem;transition:border-color .15s}.liste-card:hover{border-color:#5060c0}.liste-nom{flex:1 1;font-size:1rem;font-weight:600}.liste-count{color:#666;font-size:.78rem;white-space:nowrap}.liste-header{margin-bottom:1.5rem}.liste-header h1{margin-bottom:.5rem}.liste-title{align-items:center;cursor:pointer;display:inline-flex;gap:.4rem}.liste-title:hover .liste-rename-hint{opacity:1}.liste-rename-hint{color:#5060c0;font-size:.8rem;opacity:0;transition:opacity .15s}.rename-form{display:flex;gap:.5rem;margin-bottom:.5rem;max-width:400px}.rename-input{background:#1a1a22;border:1px solid #5060c0;border-radius:6px;color:#e0e0e0;flex:1 1;font-size:1.1rem;font-weight:600;padding:.5rem .8rem}.rename-input:focus{outline:none}.liste-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.badge{background:#1a2a3a;border-radius:4px;color:#7baff7;font-size:.75rem;font-weight:700;padding:.2rem .6rem}.badge-total{background:#1a2a1a;color:#8fcf7f}.badge-sub{font-weight:400;margin-left:.3rem;opacity:.8}.toolbar{display:flex;gap:.5rem;margin-bottom:.5rem}.search-input{background:#1a1a22;border:1px solid #2a2a38;border-radius:6px;color:#e0e0e0;flex:1 1;font-size:.85rem;min-width:0;padding:.5rem .8rem}.search-input:focus{border-color:#5060c0;outline:none}.sort-select{background:#1a1a22;border:1px solid #2a2a38;border-radius:6px;color:#e0e0e0;cursor:pointer;font-size:.85rem;padding:.5rem .6rem}.sort-select:focus{border-color:#5060c0;outline:none}.sort-select option{background:#1a1a22}.filter-chips{display:flex;gap:.4rem;margin-bottom:1rem}.chip{background:#1a1a22;border:1px solid #2a2a38;border-radius:20px;color:#888;font-size:.78rem;font-weight:600;padding:.3rem .7rem;transition:all .15s}.chip:hover{border-color:#5060c0;color:#bbb;opacity:1}.chip-active{background:#1a2a3a;border-color:#3d4fd0;color:#7baff7}.items-list{grid-gap:.5rem;display:grid;gap:.5rem}.item{align-items:flex-start;background:#1a1a22;border:1px solid #2a2a38;border-radius:8px;display:flex;gap:.75rem;padding:.8rem 1rem}.item.done{opacity:.55}.item.editing{grid-gap:.5rem;display:grid;gap:.5rem}.item-main{flex:1 1;min-width:0}.item-nom{display:block;font-weight:600}.item-desc{color:#888;display:block;font-size:.82rem;margin-top:.2rem}.item-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.3rem}.item-url{color:#7b8cf7;font-size:.78rem;text-decoration:none}.item-url:hover{text-decoration:underline}.item-prix{color:#aaa;font-size:.82rem}.item-achete{color:#6fcf6f;font-size:.78rem}.item-user{color:#557;font-size:.72rem}.item-actions{display:flex;flex-shrink:0;gap:.4rem}.item-buyer-form{align-items:center;display:flex;gap:.4rem;margin-top:.5rem}.buyer-input{background:#0f0f13;border:1px solid #2a2a38;border-radius:4px;color:#e0e0e0;flex:1 1;font-size:.82rem;min-width:120px;padding:.35rem .6rem}.buyer-input:focus{border-color:#6fcf6f;outline:none}.modal-overlay{align-items:center;animation:fade-in .15s ease-out;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal{background:#1a1a22;border:1px solid #2a2a38;border-radius:12px;box-shadow:0 8px 32px #00000080;max-width:400px;padding:1.5rem;width:90%}.modal-title{color:#f0f0f0;font-size:1.1rem;margin-bottom:.5rem}.modal-message{color:#888;font-size:.88rem;line-height:1.5;margin-bottom:1.25rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-modal-cancel{background:#2a2a38;color:#aaa}.btn-modal-cancel:hover{color:#fff;opacity:1}.btn-modal-confirm{color:#fff}.btn-modal-danger{background:#5a1a1a}.btn-modal-danger:hover{background:#7a2a2a;opacity:1}.btn-modal-primary{background:#3d4fd0}.btn-modal-primary:hover{background:#5060e0;opacity:1}.empty,.loading{color:#555;font-size:.9rem;padding:1rem 0}.toast-container{bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;pointer-events:none;position:fixed;right:1.5rem;z-index:1000}.toast{animation:toast-in .25s ease-out;border-radius:8px;box-shadow:0 4px 16px #0006;cursor:pointer;font-size:.85rem;font-weight:500;max-width:340px;padding:.7rem 1.2rem;pointer-events:auto}.toast-success{background:#1a3a1a;border:1px solid #2a5a2a;color:#6fcf6f}.toast-error{background:#3a1a1a;border:1px solid #5a2a2a;color:#cf6f6f}.toast-info{background:#1a2a3a;border:1px solid #2a3a5a;color:#7baff7}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:500px){.toolbar{flex-direction:column}.sort-select{width:100%}.add-form.inline{flex-wrap:wrap}.add-form.inline input{min-width:100%}.add-form.inline button{width:100%}.liste-meta{gap:.4rem}.badge-total{width:100%}.item-buyer-form{flex-wrap:wrap}.rename-form{max-width:100%}.filter-chips{overflow-x:auto}.section-header{align-items:flex-start;flex-direction:column;gap:.3rem}}
/*# sourceMappingURL=main.9996ca2b.css.map*/