body{font-family:Arial,sans-serif;max-width:400px;margin:40px auto;padding:20px;background-color:#f0f0f0}@media (min-width: 768px){body{max-width:600px}}input{display:block;width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}button[type=submit]{width:100%;padding:10px;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}button[type=submit]:hover{background-color:#2980b9}.auth-tab{padding:10px 20px;background-color:#e0e0e0;border:none;cursor:pointer;font-size:16px}.auth-tab.active{background-color:#3498db;color:#fff}.auth-form{display:none;background-color:#fff;padding:20px;border-radius:0 0 4px 4px;box-shadow:0 2px 5px #0000001a}.auth-form.active{display:block}#message{padding:10px;margin-bottom:20px;border-radius:4px}.message-success{background-color:#d4edda;color:#155724}.message-error{background-color:#f8d7da;color:#721c24}.message-info{background-color:#cce5ff;color:#004085}.spinner{display:flex;flex-direction:column;align-items:center;margin:40px 0;font-size:1.2rem;color:#333}.martini{font-size:3rem;animation:spin 2s linear infinite;display:inline-block;margin-bottom:10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cocktail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:20px}.cocktail-card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px;text-align:center;transition:transform .2s ease;cursor:pointer}.cocktail-card:hover{transform:scale(1.02)}.cocktail-card.can-make{border-color:#28a745}.cocktail-card.missing{border-color:#ffc107}.status{display:block;margin-top:8px;font-size:.9rem}.status.good{color:#28a745}.status.warn{color:#ffc107}.cocktail-detail{background:#fff;padding:20px;margin-top:30px;border-radius:6px;box-shadow:0 4px 12px #0000001a}.cocktail-detail img{margin-bottom:10px}.cocktail-detail ul{list-style:none;padding-left:0}.cocktail-detail li{margin:5px 0}.inventory-list{list-style:none;padding:0;margin:0}.inventory-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #ddd;background-color:#fff;border-radius:4px;margin-bottom:8px}.item-name{flex-grow:1}.delete-icon{cursor:pointer;font-size:18px;padding-left:8px;color:#a00;-webkit-user-select:none;user-select:none}.delete-icon:hover{color:red}body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4;color:#333}.container{max-width:600px;margin:40px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}input,button{padding:10px;margin:5px 0;width:100%;font-size:1rem}button{background-color:#673ab7;color:#fff;border:none;cursor:pointer;transition:background .2s ease}button:hover{background-color:#5e35b1}.tabs button{width:50%;border-radius:0;border:1px solid #ddd}.tabs button.active{background-color:#673ab7;color:#fff}ul{list-style:none;padding:0}li{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #ddd}.dashboard-container{padding:20px}h2{margin-bottom:20px}.version-tag{margin-left:10px;font-size:.75rem;color:#fff;background:#007bff;border-radius:5px;padding:2px 6px;vertical-align:middle}